/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126   License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}

em, i {font-style:italic;}
strong, b {font-weight:bold;}

/* For IE6 + IE7. */
li {display: list-item !important; }

/* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */
b, strong {font-weight: bold;}

/* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}

/* For IE9.*/
svg {overflow: hidden;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html {height:100%; margin-bottom:0.1pt;}
body {height:100%; font-size: 0.625em; line-height:1.125em; font-family: 'Helvetica', Arial, Trebuchet MS, sans-serif; color: #444444; background: #062f49 url(../images/head-bg.jpg) repeat-x; position:relative;}

/* HEADER */
.head {position:relative;}
#header { background:url(../images/header-bg.jpg) no-repeat top center; margin-top:5px;}
#logo {margin: 30px 0px 16px 0px;}
#contact-top { background:url(../images/top-contact.png) no-repeat center center; position:absolute; top:-5px; left: 580px; width:400px; height:77px;}
#contact-top h1, #contact-top p {text-transform: capitalize; line-height:1.4em; margin-left:10px; margin-top:2px; text-align:center;}
#contact-top h1 {font-size: 1.9em; color:#ffc425; font-weight:bold; margin-bottom:0px; }
#contact-top p {font-size: 1.4em; color:#c0d9e9; margin-bottom:0px;}
#tag {z-index:1000; position:absolute; left: 370px;}
#ui-tooltip-0 { font-size:16px; line-height:1.5em;}
#ui-tooltip-0-content {text-align:center;}
#ui-tooltip-0-content.ui-tooltip-content {text-align:center;}
	
/* NAVIGATION */
#nav{background:url(../images/nav-bg.png) no-repeat top left; background-color: #FFF; overflow: hidden; font-weight: normal; color: white; text-align: center; margin: 0 auto; padding-bottom: 12px; padding-top: 16px;}
#nav li{ float:left;}
#nav li a{padding: 12px 28px; color: #ffffff; text-decoration: none; font-size: 1.4em; text-transform: uppercase;}
#nav li a:hover{color: #999999;}
#active a { }

/* WRAP */
.wrap { background: #fff; padding-top: 25px; }

/* STAGE */
.slider { background:url(../images/slide.jpg) no-repeat center center; height:290px; padding-bottom:35px; margin-top:-16px;} 
.container_12.slider .grid_12 p {width: 230px; font-size: 1.4em; line-height:1.8em; margin-left:30px; margin-top:30px; text-align:left;}

/* CONTENT PAGE */
.wrap .container_12 .grid_4 {margin-bottom:25px;}
.wrap .container_12 .grid_3 {margin-bottom:25px;}
.wrap .container_12 .grid_8 .grid_3 {width:260px;}
.right {float:right;}
img.right {margin-top:-60px;}
h1 {font-size:2.3em; color:#043f63; font-weight:bold;  line-height: 1.4em;}
p {font-size:1.2em;  font-weight:normal; line-height: 1.4em; margin-bottom:25px;}
.home-content p {color:#4b606d;}
.affiliates {width:500px; margin:0 auto; text-align:center;}
.affiliates h4 {margin-left: 0px; padding-top: 30px;}
.h1-hr {margin-bottom:15px;}

h4#services-heading {color:#ffffff; font-weight:normal; font-size:1.4em; background: #02568b; padding: 10px;  margin-bottom: 25px; width:600px;}
.wrap .container_12 .grid_8 ul {font-weight:normal; font-size:1.2em; line-height:1.4em;}
.wrap .container_12 .grid_8 ul li {margin-bottom:15px; list-style:outside; margin-left:15px;}

.contact-info {font-size: 1.6em; line-height:1.4em; margin-bottom:25px; text-align:left; color:#444444}
.contact-info span {color:#02568b; font-weight: bold;}

.wrap .container_12 .grid_12 p.contact-info {margin-top:25px;}

#map {margin-bottom:25px;}

/* MIDDLE */
#middle { background: #fff url(../images/middle-bg.jpg) repeat-x center top; height:340px;/*height:176px; */} 
.middle-nav { text-align: center; background:url(../images/services-banner.jpg) no-repeat center center; height:175px;}

ul#middle-nav-top  {text-align:center; margin-top:50px !important;  width:820px; margin: 0 auto; list-style: none; padding: 0;  }
ul#middle-nav-bottom  {text-align:center; margin-top:30px !important;  width:720px; margin: 0 auto; list-style: none; padding: 0; margin-bottom:50px;}


#middle-nav-top, #middle-nav-bottom {overflow: hidden; font-weight: normal; color: white; text-align: center; margin: 0 auto; padding-bottom: 12px; padding-top: 26px;}
#middle-nav-top li, #middle-nav-bottom li { float:left;}
#middle-nav-top li a, #middle-nav-bottom li a {padding: 12px 28px; color: #ffffff; text-decoration: none; font-size: 1.8em; text-transform: capitalize; font-size: 1.8em; line-height:1.2em;}
#middle-nav-top li a:hover, #middle-nav-bottom li a:hover {color: #999999;}


#partner-logos{overflow: hidden; font-weight: normal; color: white; text-align: center; margin: 0 auto; padding-bottom: 12px; padding-top: 16px;}
#partner-logos li{ float:left; background:url(../images/divider.jpg) no-repeat right center; padding: 0px 30px 0px 20px;}
#partner-logos li.last {background:none;} 
#partner-logos li a{}

#middle .container_12 .grid_7 h4 {padding-top:30px; margin-left:-42px;}

/* FOOTER */
.yellow {font-size:1.0em; color:#fdc82f !important; margin-top:25px;}
#footer { background: #062f49;} /*   */
.footer-base { background: url(../images/footer-tile.jpg) repeat-y center center; height:100px;}
#footer .container_12 { background:url(../images/footer-bg.jpg) repeat-y 0px -1px; height:100px; }
#footer .container_12 .grid_4 p {font-size:1.0em; color:#ffffff; padding-top:5px; margin-bottom:0px;}


#footer ul#footer-links-right {float:right; overflow: hidden; font-weight: normal; color: white; text-align: center; margin: 0 auto; position:relative; left:25px; margin-top: 30px;}
#footer-links-right li{ float:left; border-right: 1px solid #ffffff; padding: 0px; }
#footer-links-right li.last {border:none;} 
#footer-links-right li a{padding: 12px 28px; color: #ffffff; text-decoration: none; font-size: 1.0em; text-transform: capitalize;}
#footer-links-right li a:hover{color: #999999;}

#footer .container_12 .grid_8 p { text-align:right; font-size:1.0em; color:#ffffff; padding-top:5px; float:right; margin-bottom:0px;}
#footer .container_12 .grid_8 p a {text-decoration:none;}