/*BODY AND BACKGROUND*/
body {text-align:center; background-color:#FFFFFF; margin:0px;}
#main {background-color:#ffffff; border-right:6px solid #FFFFFF; border-left:6px solid #FFFFFF; text-align:left; width:760px; margin: 0px auto;}

/*NAVIGATION*/
#nav {width:173px; margin-right:0;  margin-left:0; margin-bottom: 25px; float:left; font: 0.7em Verdana, Arial, Helvetica, sans-serif;}
#nav .top-space{display:block; background-color:#EAEAF1; border-bottom:1px solid #CACAD7; height:30px; background-image:url(../images/top-images/back.jpg); background-repeat:repeat-x;}
#nav .header{display:block; background-color:#EAEAF1; border-bottom:1px solid #CACAD7; color:#CB1043; font-weight:bold; padding: 25px 0px 5px 10px; background-image:url(../images/top-images/back.jpg); background-repeat:repeat-x;}
#nav .main {display:block; width:auto; border-bottom:1px solid #CACAD7; line-height:20px; padding-left:10px; text-decoration:none; color:#00003D;}
#nav .main:hover{color:#CB1043;}
#nav .selected { background-color:#F9F9FF; display:block; width:auto; border-bottom:1px solid #CACAD7; line-height:20px; padding-left:10px; text-decoration:none; color:#CB1043; font-weight:normal;}
#nav .sub{background-image:url(../images/nav-dot.gif); background-repeat:no-repeat; display:block; width:auto; border-bottom:1px solid #CACAD7; line-height:20px; padding-left:20px; text-decoration:none; color:#00003D;}
#nav .sub:hover{color:#CB1043;}

/*CONTENT STYLES*/
h1 {font-size:1.8em; margin-top: 12px; margin-bottom: 15px; color:#333; font-weight:normal;}
h2 {font-size:1.6em; margin-top: 12px; margin-bottom: 15px; color:#000; font-weight:bold;}
hr {height:3px; color:#CACAD7;}
ul {list-style-image:url(../images/bullet.gif);}
li {padding-bottom:10px;}

#content {width:560px; float:right; padding-right:10px; font: 0.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom:25px; line-height:1.5em; }
#content a{color:#CB1043;}
#content a:visited{color:#666;}
#content a:hover{color:#00003D;}

/** removed CTA #hilight-text {float:left; padding: 5px 5px 10px 5px; margin:3px 0px 5px 0px; border: 1px solid #CACAD7; background-color:#EAEAF1; width:165px;} */
#hilight-text {float:left; padding: 5px 5px 10px 5px; margin:3px 0px 5px 0px; width:165px;} 
/** removed section text .section-text {clear:right; display:block; width:365px; float:right; margin-bottom:17px;} */
.section-text {clear:right; display:block; width:530px; float:right; margin-bottom:17px;}
.section-text-img{margin: 3px 5px 0px 0px;}

.testimonial {border-bottom: 3px solid #CACAD7; margin-bottom:20px;}
.quote {font-size: 1.1em;}

.clear {clear:both;}
#subnav {clear:both; border: 1px solid #CACAD7; background-color:#EAEAF1; padding: 2px 2px 2px 2px;}
#subtitle {border: 1px solid #CACAD7; background-color:#EAEAF1; padding: 2px 2px 2px 2px;}
.subtitle1 {border: 1px solid #CACAD7; background-color:#EAEAF1; padding: 2px 2px 2px 2px;}

#text-cta {clear:both; width:560px; float:right; margin-top:10px;}
#text-cta strong{color:#2F62AD;}
#text-cta a{color:#CB1043;}
#text-cta a:visited{color:#CB1043;}
#text-cta a:hover{color:#00003D;}
.substrap {color:#333; font-size: 1.2em; font-weight:bold;}
.substrap-blue {color:#2F62AD; font-size: 1.2em; font-weight:bold;}
.blue {color:#2F62AD;}
.blk-border {border: 1px solid #000;}

.case-studies-text {clear:both; display:block; margin-bottom:17px;}
.case-studies-text img{margin: 3px 5px 0px 0px;}

.back2top {width:560px; float:right; padding-right:10px; font: 0.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom:25px;}
.back2top a{color:#CB1043;}
.back2top a:visited{color:#666;}
.back2top a:hover{color:#00003D;}

#snews{width:200px; background-color:#000000; color:#FFFFFF; float:right; padding:3px; text-align:center;}
#snews a:link, #snews  a:visited{color:#FFFFFF; width:100%; display:block;}
#snews a:hover { color:#487FC9;}

/*IMAGE STYLES*/
.img-border {border: 1px solid #CEC7D8; margin-top:5px; width:auto;}
.cta-img { border-width: 1px 3px 2px 1px; border-style: solid; border-color: #EAEAF1; margin: 3px 0px 5px 10px; padding: 1px 1px 1px 1px;}
.right_col {  float:right;width:200px; margin: 3px 15px 0px 5px;}
.left_col { float:left;}
.top-distance{margin-top:20px;}
/*DIV FEATURED*/
#featured { position: relative; }
#featured h3 {font: 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; border: 1px solid #CACAD7; background-color:#EAEAF1; padding: 2px; margin: 0;}
#featured div a img { border: 1px solid #CEC7D8; margin: 5px 0 5px 0;}
#featured div ul { margin: 0; padding: 0; list-style-position: inside; }
#featured div ul li {margin: 0; padding: 0 0 5px 0; }

/*WOH TEAM*/
#directors {visibility: inherit; position:absolute; top:auto; width:560px; margin-top:15px;}
#technical {visibility: hidden; position:absolute; top:auto; width:560px; margin-top:15px;}
#cam {visibility: hidden; position:absolute; top:auto; width:560px; margin-top:15px;}
.row {clear:right; display:block; width:400px; float:right; margin-bottom:2px;}
.row img{margin-right:5px;}
.team-title {padding-bottom:3px; font-size:1.1em; font-weight:bold; color:#000; border-bottom: 3px solid #CACAD7; margin-bottom:5px;}

/*FORMS*/
form{width:270px; padding:0; margin:0px 0px 10px 10px;}
label{ font-size: 1em; line-height:1.6em; margin-top:5px;}
fieldset{margin:0; border :1px solid #CACAD7;}
.fieldpad{margin:0; padding: 0px 10px 10px 10px;}
.formfield {border:1px solid #CACAD7; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
textarea{font-size:1em}	
input:focus, textarea:focus, select:focus{	background: #ffffff;}
legend {color:#CB1043; font-weight: bold; margin:0em 0em 0.5em 0em; padding: 0.3em 0.3em 0.3em 0.3em; font-size: 1em; background-color:#EAEAF1; border :1px solid #CACAD7;}

/*FOOTER*/
#footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; clear:both; color:#000; background-color:#f4f4f4; border: 1px solid #d3d3d3; padding: 5px 10px 10px 173px;}
#footer p{margin:0px; padding:0px;}
#footer a{color:#00003D;}
#footer a:visited{color:#666;}
#footer a:hover{color:#CB1043;}
#copyright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; background-color:#AFAFB9; color:#fff; padding: 5px 10px 5px 173px;}

/*CASE STUDIES*/
div.tile { float: left; margin: 4px 2px 4px 4px; width: 174px; }
div.tile h3 { font-size: 1em; border: 1px solid #CACAD7; background-color:#EAEAF1; text-indent: 2px; line-height: 1.4em; margin: 4px 0; }
div.tile a img { margin: 0 12px; border: 1px solid #000; }
div.tile p { background: url(../images/bullet.gif) left center no-repeat; text-indent: 15px; margin: 0; }

/*NEWS*/
.gallery {margin: 0 auto; padding:0; }
.gallery img {margin: 0px 10px; padding:0px ; }

/*REDESIGN*/
#top { width: 760px; height: 122px; background: url(../images/web-on-high-reflection.jpg) left bottom no-repeat; }
#top_right { float: right; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #003A80; padding-top: 12px; }
#top_base { width: 760px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-indent: 340px; color: #003A80; }