/*layout*/

html, body { margin:0; padding:0; }

html { height: 100%; }

body { margin: 0; padding: 0; height: 100%; background:url(../images/common/bg_header.jpg) no-repeat top center; }

body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #595959; line-height:150%; }

img { border:none; }

#logo { position:absolute; left: 15px; top:40px; width:225px; height:36px; }

#callback { position:absolute; left: 758px; top:40px; width:173px; height:48px; display:block; }

#containerOuter { margin: auto; width: 100%; height:100%; background-color:#00101D; }

#containerBackground { margin: 0 auto; width: 100%; background:url(../images/common/bg_header.jpg) no-repeat top center #f1f1f1; }

#container { margin: 0 auto; width: 960px; text-align: left; }

#header { width:960px; height:150px; position:relative; }

#nav { width:960px; height:120px; position:relative; float:left; margin:0 0 20px 0 }

#mainContent { width:960px; background: url(../images/common/mainContentBg.gif) repeat-y #FFFFFF; position:relative; }

#mainImage { width:960px; height:300px; background-color:#EEEEEE; border-top:#FFFFFF 5px solid; border-bottom:#008596 5px solid; }

#centrepanel { background:url(../images/common/bg_centrepanel.gif) repeat #595959; height:90px; padding-top:30px; }

#centrepanel .icon { width:60px; height:60px; float:left; }

#centrepanel .copy { width:155px; height:60px; margin-left:10px; float:left; }

#footer { width:100%; background-color:#00101D; height:150px; }

#footerInner { margin:0 auto; width:960px; height:100px; line-height:110%; }

.seperator { border-bottom:solid 1px #CCC; clear:both; height:3px; padding:1px 1px 2px 0; margin:20px 0; }

.seperatorGreen { border-bottom:solid 1px #003842; clear:both; height:1px; padding:0 1px 4px 0; }

.footerText { font-size: 10px; color:#FFF; font-weight:normal; width: 650px; float:left; padding-top:10px; }

.vitaText { font-size: 10px; color:#467FD4; font-weight:normal; width: 190px; float:right; padding-top:10px; }

#cwBits { float:left; width:400px; padding: 0 0 20px 0; color:#AD3D0F }

#cwBits a { color:#AD3D0F }

/* full column layout*/
.col960 { width:960px; padding:0; float:left; }

/*3 column layout*/

.col300 { width:300px; padding:0; float:left; }

.col225 { width:225px; padding:0; float:left; }

.col315 { width:285px; padding:0 15px; float:left; background-color:#E5E5E5; height:auto !important; /* real browsers */ height:100%; 
/* IE6: treaded as min-height*/ min-height:100%; /* real browsers  position:absolute; top:0px; left:645px;*/ }
.col315 img{padding-top:20px;}

.col645 { width:615px; padding:0 15px 0 15px; float:left; margin-bottom:20px; }

.marginLeft { margin-left:15px; }

.marginRight { margin-right:15px; }

.marginTop { margin-top:15px; }

.marginBottom { margin-bottom:15px; }

/*text*/

h1 { font-size: 26px; color:#009AAC; font-weight:normal; margin:15px 0; padding: 15px 0 }

h2 { font-size: 13px; color:#FFF; font-weight:bold; margin:0; padding:0; }

h2 a { text-decoration:none; color:#FFF; }

h3.green { font-size: 11px; color:#009AAC; font-weight:normal; margin:3px 0 0; }
h3 { font-size: 15px; color:#009AAC; font-weight:normal; margin:3px 0 0; }

h4 { font-size: 15px; color:#009AAC; font-weight:bold; margin:0; }

li { }

a { text-decoration:none; color:#009AAC }

a:hover { text-decoration:none; color:#AAA }

#mainContent p { margin:0 0 10px 0 }

.highlight { font-weight:bold; color:#360D13; }

#cwlink { color: #431117; font-weight:bold; text-decoration:none; }

#content p { display:inline-block; margin:0; padding:0; }

.subhead { padding-top:15px; font-weight:bold; color:#009AAC }

/*nav*/

#navbar { height:30px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; clear:both; width:960px; position:absolute; top:125px; left:0; }

#navbar ul { list-style-type:none; margin:0 0 0 15px; padding:0; clear:both; }

#navbar ul li { float:left; text-align:center; padding-right:63px; }

#navbar ul li.end { padding:0; }

#navbar_main a { color:#008596; text-decoration:none; padding:0; display:block; height:25px; }

#navbar_main a:hover { color:#EEEEEE; }

#navbar_main a.active { color:#FFFFFF; background:url(../images/common/arrow.png) center no-repeat; }

/*contact form*/
#form_contact { }

#form_contact fieldset { border:none; margin:0; padding:0 }

#form_contact legend { font-weight:bold; color:#009AAC; padding:10px 0; }

#form_contact label { display:block }

#form_contact .error { color:#f00 }

#form_contact input[type=text] { margin-bottom:10px; width:600px; }

#form_contact select { margin-bottom:10px }

#form_contact textarea { width:600px; height:100px }

#form_contact input[type=submit] { margin-top:10px; text-transform:capitalize }

/*recaptcha*/

.recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#DDDDDD !important; //reCaptcha widget background color
}

#recaptcha_table { border-color: #999999 !important; //reCaptcha widget border color
}

#recaptcha_response_field { border-color: #BBBBBB !important; //Text input field border color background-color:#ffffff !important;
//Text input field background color
}

/* cycle pics */
#slideshow {}
.pics {width:960px; height:300px; overflow:hidden; padding:0; }
.pics img {top:0; left:0px; width:960px; height:300px;}