/* CSS Document */

body {
text-align: center; /*to center old IE browsers*/
width: 100%;
margin: 0px;
padding: 0px;
}

html, body {
/*height:100%;*/
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.825em;
color:#000000;
background-color:#e5e5e5;
}

#header {
	width: 100%;
	background: #ffffff;
}

#header-int {
	width: 980px;
	margin: 0 auto;
}

a:link, a:visited { color:#FF0000; text-decoration:underline;}
a:hover, a:active, a:focus { color:#00FF00; text-decoration:underline;}

body p { margin:0px; padding:7px 0px 7px 0px; line-height:1.4em; overflow:hidden;}

hr { color:#FF0000; border-top:1px solid #B2BB1E; border-right:0px solid #B2BB1E; border-bottom:0px solid #B2BB1E; border-left:0px solid #B2BB1E;}

#container { /* div you want to stretch */
/*min-height:100%;*/
width:980px;
margin: 0 auto;
text-align:left;
}


h3 { color:#B2BB1E; font-size:1.3em; font-weight:lighter; text-transform:capitalize; margin:0px; padding:12px 0px 5px 0px;}

.content { background: #e5e5e5; padding:10px 20px 10px 20px;}

.sidebar { width:179px; float:left; display:block; clear:none;}
.sidebar2 { width:179px; float:left; display:block; clear:none; margin-left:10px;}
.contentbar { text-align:left; width:560px; float:left; clear:none; margin-left:10px;}
.contentbar p { position:relative;}
.contentbar a:link, .contentbar a:visited { color:#000000; text-decoration:none;}
.contentbar a:hover, .contentbar a:active, .contentbar a:focus { color:#000000; text-decoration:underline;}

.panel1title { background-color:#00A8C6 !important; color:#ffffff; padding:0px 0px 0px 10px; border-top:1px solid #FFFFFF;}
.panel1title h2 { margin:0px; padding:5px 0px 5px 0px; color:#ffffff !important; font-weight:lighter; font-size:1.6em; position:relative;}

.panel1mid { background-color:#ffffff; color:#000000; padding:0px 10px 5px 10px; margin:0px; position:relative; border-bottom:1px solid #ACAFB2;}
.panel1mid p { color:#000000; margin:0px; padding:8px 0px 2px 0px; overflow:hidden;}
.panel1mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#448A44; font-weight:lighter; font-size:1.6em; }
.panel1mid h3 { margin:0px; padding:0px 0px 0px 0px; color:#000000; font-weight:lighter; font-size:2em;}
.panel1mid form { margin:0px; padding:0px;}
.panel1mid form select { width:160px;}
.panel1mid a:link, .panel1mid a:visited { color:#00A8C6 !important; text-decoration:none;}
.panel1mid a:hover, .panel1mid a:active, .panel1mid a:focus { color:#000000; text-decoration:underline;}
.panel1mid ul { margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; list-style:none;}
.panel1mid ul li { margin:0px; padding:3px 0px 3px 10px; color:#000000; background-image:url(../imgs/marker.gif); background-position:0 6px; background-repeat:no-repeat;}

.brochurebg { background-image:url(../imgs/brochure.gif); background-position:top left; background-repeat:no-repeat; background-color:#000000; color:#FFFFFF; padding:0px 20px 0px 90px; margin:0px; position:relative; height:100%;}
.brochurebg p { color:#FFFFFF; margin:0px; padding:10px 0px 10px 0px; overflow:hidden;}
.brochurebg a:link, .brochurebg a:visited { color:#FFFFFF; text-decoration:none;}
.brochurebg a:hover, .brochurebg a:active, .brochurebg a:focus { color:#B2BB1E; text-decoration:none;}

.panel { background-color:#FFFFFF; color:#000000; margin:0px; border-bottom:1px solid #ACAFB2; background-image:url(../imgs/panelbg.gif); background-position:top left; background-repeat:repeat-x; padding:0px 15px 10px 15px;}
.panel a:link, .panel a:visited { color:#E08D55; text-decoration:none; font-weight:normal;}
.panel a:hover, .panel a:active, .panel a:focus { color:#000000; text-decoration:underline; font-weight:normal;}
.panel p { position:relative; line-height:1.7em; padding:5px 0px 5px 0px; margin:0px;} 
.panel h2 { margin:0px; padding:5px 0px 15px 0px; color:#fff; font-weight:lighter; font-size:1.6em;}
.panel h3 { margin:0px; padding:10px 0px 5px 0px; color:#E08D55; font-weight:lighter; font-size:1.4em;}
.panel form{ margin: 0; padding: 0; }
.panel ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel ul li { margin:0px; padding:4px 0px 4px 13px; color:#000000; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.panel3mid { background-image:url(../imgs/panel3_mid.gif); background-position:top left; background-repeat:repeat-y; color:#FFFFFF;}

.panel4mid { background-image:url(../imgs/panel4_mid.gif); background-position:top left; background-repeat:repeat-y; color:#ffffff; padding:0px 15px 0px 15px; margin:0px;}
.panel4mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#B2BB1E; font-weight:lighter; font-size:2em;}
.panel4mid a:link, .panel4mid a:visited { color: #999999; text-decoration:none; font-weight:bold;}
.panel4mid a:hover, .panel4mid a:active, .panel4mid a:focus { color:#ffffff; text-decoration:none; font-weight:bold;}
.panel4mid form{ margin: 0; padding: 0; }
.panel4mid ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel4mid ul li { margin:0px; padding:4px 0px 4px 13px; color:#fff; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.sepline { border-bottom:1px dotted #ACAFB2; height:10px; line-height:0px; display:block;}

.footer { padding:20px 15px 10px 15px; position:relative; text-align:center; font-size:1em;}
.footermid {background-image:url(../imgs/footer_mid.gif); background-position:top left; background-repeat:repeat-y;}
.footer p { color:#999999; margin:0px; padding:3px 0px 3px 0px;}
.footer a:link, .footer a:visited { color:#cccccc; text-decoration:none; margin:0px; padding:0px;}
.footer a:hover, .footer a:active, .footer a:focus { color:#ffffff; text-decoration:underline; margin:0px; padding:0px;}

/* STYLE FOR CONTENT IMAGE WITH FLOAT */
.contentimage { float:left; padding:10px 20px 5px 0px; margin:0px; display:block; }

/* BOX DECOR */
.topntail { border-top:1px solid #FFFFFF; border-bottom:1px solid #ACAFB2;}
.topborder { border-top:1px solid #FFFFFF; }
.btmborder { border-bottom:1px solid #ACAFB2;}
.bdots {border-bottom:1px dotted #ACAFB2;}

/* FONT STYLES */
.cit { text-align:center;}
.taright { text-align:right;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.fcol1 { color:#FFFFFF;}
.fcol2 { color:#666666;}
.fcol3 { color:#448A44;}
.fsize1 { font-size:1.6em;}
.devcolor { color:#B2BB1E;}
.note { font-size:0.85em; color:#999999;}
.note a:link, .note a:visited { color:#999999; text-decoration:none;}
.note a:hover, .note a:active, .note a:focus { color:#B2BB1E; text-decoration:none;}
.ucaseit { text-transform:uppercase;}
.capit { text-transform:capitalize;}
.gcol { color:#448A44;}

/* MARGINS */
.mt1t { margin-top:10px;}
.mt1r { margin-right:10px;}
.mt1b { margin-bottom:10px;}
.mt1l { margin-left:10px;}
.mt2t { margin-top:20px;}
.mt2r { margin-right:20px;}
.mt2b { margin-bottom:20px;}
.mt2l { margin-left:20px;}

/* PADDING */
.pt1t { padding-top:10px;}
.pt1r { padding-right:10px;}
.pt1b { padding-bottom:10px;}
.pt1l { padding-left:10px;}
.pt1all { padding:10px;}
.pt2t { padding-top:5px;}
.pt2r { padding-right:5px;}
.pt2b { padding-bottom:5px;}
.pt2l { padding-left:5px;}
.pt2all { padding:5px;}
.pt3t { padding-top:15px;}
.pt3r { padding-right:15px;}
.pt3b { padding-bottom:15px;}
.pt3l { padding-left:15px;}
.pt3all { padding:15px;}

/* FLOATS AND PLACEMENT */
.fleft { float:left;}
.fright { float:right;}
.cboth { clear:both;}
.cnone { clear:none;}
.vimg img { vertical-align:middle;}
.posrel { position:relative;}

.titlebg { background-image:url(../imgs/title_bg.gif); background-position:top left; background-repeat:repeat-x; height:33px;}

/* BORDER STYLES */
.bt1all { border:1px solid #999999;}
.imgborder { padding:1px; border:1px solid #666666;} 

/* STYLED SUBMIT BUTTON */
.customsubmit
{
	background: url(../imgs/search_btn.gif) no-repeat;
	height: 30px;
	width: 100px;
	border:none;
}
.customsubmit:hover
{
	background: url(../imgs/search_btn.gif) 0 -30px no-repeat;
}

/* BACKGROUND COLOURS */
.bgcol1 { background-color:#F2F2F2;}
.bgcol2 { background-color:#FFFFFF;}
.bgcol3 { background-color:#FBB689;}
.bgcol4 { background-color:#999999;}
.bgcol5 { background-color:#F4F4F4;}

.hcursor { cursor:pointer;}

/* FX */
.opacityit img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit:hover img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2 img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2:hover img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}

/* Other developments styles */
.odbox { /*border-top:15px solid #FFFFFF; */ width:161px; display:inline; float:left; margin:5px 1px 15px 0px; background-color:#000000; color:#FFFFFF;}
.odbox a:link, .odbox a:visited { color:#FFFFFF; text-decoration:none;}
.odbox a:hover, .odbox a:active, .odbox a:focus { color:#B2BB1E; text-decoration:none;}
.odbox p { text-align:center; margin:0px; padding:5px 0px 5px 0px; position:relative;}
.odbox h3 { text-align:center; color:#FFFFFF; font-size:1em; font-weight:bold; margin:0px; padding:5px 0px 5px 0px; overflow:hidden;}

/*Site plan tooltips*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#slick-show a:hover{
color: #fff !important;
display: none;
}

.whitelink a:link, .whitelink a:visited { color:#FFFFFF; text-decoration:none;}
.whitelink a:hover, .whitelink a:active, .whitelink a:focus { color:#ccc; text-decoration:none;}

.slideshowgallery ul { list-style-type:none; list-style-position:outside; padding:0px; margin:0px;}
.slideshowgallery ul li { padding:0px; margin:0px; border:0px;}
.slideshowgallery ul li img{ border:0px;}