@charset "UTF-8";
/* CSS Document */

/* --- YUI CSS RESET --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;background:#fff;}

/* --- The below restores some sensible defaults - EJS --- */
strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style:none; }
p { padding-bottom: 0.75em; }
* a { position:relative; } /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */
/* --- END CSS RESET --- */


/* ------------------------------------------ */			 
/* ----------- GENERAL elements ------------- */
/* Notes: Styles that apply to site, sitewide */
			 
body { font: 12px/1.4 "Lucida Sans", "Lucida Grande", Geneva, "Lucida Sans Unicode", Verdana, sans-serif; 
	   text-align: center;
	   background: #070707;
	   color: #333; }

A:link { color: #3571B1; background:#fff; text-decoration: none; }
A:visited { color: #3571B1; background:#fff; text-decoration: none; }
A:hover { color: #3571B1; background:#fff; }
A:active {  }

#outer-container { float: left; width: 100%; 
                   background: #fff url(../images/body-bg.gif) top left repeat-x;  }

#container { width: 960px;
			 margin:0px auto;
	         padding:0px;
	         position: relative;  
			 text-align: left; }
			 
p { padding-bottom: 0.75em; }

.tooltip { color: #999; }

/* ------------------------------------- */			 
/* ----------- NAV elements ------------ */			 
/* Notes: Controls the nav styles in the dark grey bar up top */

 .nav {     
 	   float:left; margin-left: 460px; 
	   padding-left: 51px; 
         list-style:none; 
	   background: #070707 url(../images/nav-bg.gif) center left no-repeat; 
       display: inline; /* ie6 */  }
	   
.nav li { margin:0; float:left;
          margin-left: 20px;
          padding-left: 15px; 
	  background: #070707 url(../images/bullet-arrow.gif) center left no-repeat; }

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active { color: #fff; }

.nav li a { display:block;
            height: 27px; 
            padding-top: 6px; padding-right: 4px; padding-left: 4px;
			float:left;
			text-decoration:none;
			background-color: #070707;
			font-size: 1.167em; color: #fff; }		

.nav A:link, .nav A:visited, .nav A:hover { background:#070707; }
.nav A:hover { text-decoration: underline; }

#latest-news .nav-latestNews a, #markets-served .nav-marketsServed a, #about-us .nav-aboutUs a,
#contact-us .nav-contactUs a, #our-mission .nav-aboutUs a, #meet-the-team .nav-aboutUs a, #eMedia .nav-marketsServed a { background: #73A1C2; color: #FFF; text-decoration: none; }

.nav .products {
background: #070707 url(../images/bullet-downarrow.gif) center left no-repeat;}

.products {
color:#fff;
display:block;
            height: 27px; 
            padding-top: 6px; padding-right: 4px; padding-left: 4px;
			float:left;
			text-decoration:none;
			background: #070707 url(../images/bullet-downarrow.gif) center left no-repeat;
			font-size: 1.167em; color: #fff; 
}

.products li {
	background: #ffffff url(../images/bullet-outarrow.png) center left no-repeat;
}	

li:hover ul{
display: block;
}

li ul{
display: none;
position: absolute;
top: 1em;
left: 0;
}

li > ul{
top: auto;
left: auto;
}

.products .dropdown {
	margin-top: 8px;
clear: left;
margin-left: 1px;
}	

.dropdown a:link, .dropdown a:visited, .dropdown a:hover, .dropdown a:active {
font-size: 1em;
background-color: #ffffff;
color: #000000;

}


/* ---------------------------------------- */			 
/* ----------- SUB-NAV elements ----------- */
/* ---------------------------------------- */			 

#sub-nav { float: right; width: 225px;  }

.subNav li { float:left; width: 225px; margin:0; padding-top: 8px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; }

.subNav li a { display:block; width: 210px; padding-left: 15px; font-family: Cambria, Georgia, Times, "Times New Roman", serif;
		   	   float:left;
			   text-decoration:none;
			   font-size: 1.333em;  
               background: #FFF url(../images/bullet-arrow.gif) center left no-repeat; }

/* Sticky styles for sub-nav link elements*/
/* Format used: Body ID and the subNav ID */
#our-mission .subNav-ourMission a, #meet-the-team .subNav-meetTheTeam a, #eMedia .subNav-eMedia a { color: #333; }

.subNav-title { font-family: Cambria, Georgia, Times, "Times New Roman", serif; 
                font-size: 1.833em; float: left; width:225px;  padding-bottom: 7px; border-bottom: 1px solid #E5E5E5; }

/* Hides the pipe character when CSS is enabled */
.subNav strong { display: none; }
.subNav .nav-desc { color: #999; padding-left: 15px; }
#sub-nav li.subNav-ourMission .nav-desc a { color: #ccc; display: inline; float: none; background: none; margin: 0; font-size: 1em; font-family: Lucida; padding: 0;}


/* -------------------------------------------------------- */			 
/* ----------- HEADER elements: H1, H2, H3, etc ----------- */
/* -------------------------------------------------------- */
		
#logo h1 a { height: 94px; width: 514px;
             margin-top: 25px; 
			 display:block;
			 float:left;
		  	 text-decoration:none;
			 text-indent: -900em;
             background: #fff url(../images/vital-logo.gif); }
			  
/* Header style used at the top of each page */
h2 { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 2.333em; 
     width: 705px; float: left;  border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; margin-bottom: 15px; margin-left: 255px; 
	 display: inline; /*ie6*/}
	 
/* Stylizes the bullet definition image used for some H2 */
h2 img { padding: 4px; }
h2 .section-desc { color: #999; font-size: 0.643em; } 


h3 { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 2.333em; font-size: 1.833em; }
#content.two-col h3 {  width: 465px; display: block;  float: left; }
#content.two-col h3.section-header { border-top: 1px solid #D9D9D9; padding-top:10px; }
#home h3 { float: left; width: 180px; }


/* ---------------------------------------- */			 
/* ----------- CONTENT elements ----------- */
/* ---------------------------------------- */

#content { float: left; width: 705px; margin-left: 255px; padding-bottom: 25px;  
		   display: inline; /*ie6*/ }  

#content a:hover { text-decoration: underline; }


#content .section-desc { color: #999; display: block; margin-bottom: 10px;}
#content .bio {  float: left; width: 705px; 
                 padding-bottom: 20px; margin-bottom: 20px;
                 border-bottom: 1px solid #D9D9D9; } 
#content img { margin-bottom: 15px; }
#content .bio img { border: 1px solid #ccc; padding: 5px; margin-bottom: 15px; }			 
#content .bio .section-desc a { padding-left: 20px;  }

/* For content wells that have two columns - i.e. eMedia page */
#content.two-col { width:460px; margin-right: 20px; }

/* General column structure in #content */
.col-225 { float: left; width: 225px; margin-right: 15px; 
           display: inline; /*ie6*/ }

/* Column class for 3rd column */
.col-215 { float: left; width: 215px; 
           display: inline; /*ie6*/ }
		
/* Featured column content */   
.col-feature { font-size: 1.333em; color: #999; }

/*Homepage Columns*/
.col { float: left; width: 180px; padding-left: 45px; 
       display: inline; /*ie6*/ }

/* Stylize columns on the homepage */	   		   
#col-1 { background: #fff url(../images/h3-icon-content.jpg) top left no-repeat; }
#col-2 { background: #fff url(../images/h3-icon-communities.jpg) top left no-repeat; margin: 0 15px;}
#col-3 { background: #fff url(../images/h3-icon-commerce.jpg) top left no-repeat; }
.col .section-desc { width: 168px; float: left; clear: both; margin-bottom: 10px; color: #999;  
					 font-family: "Lucida Sans", "Lucida Grande", Geneva, "Lucida Sans Unicode", Verdana, sans-serif; 
					 display: inline; /*ie6*/   }
#content.two-col .section-desc { width: 460px; float: left; margin-bottom: 20px;}
/* ---------------------------------------- */			 
/* ----------- FORM elements -------------- */
/* ---------------------------------------- */

form { padding-top: 15px; float: left; margin-bottom: 20px; }
.ss-q-title { width: 120px; float: left; } 
.form-field { display: block; margin-bottom: 20px; }

/* checkbox list */
ul.ss-choices { float: left; width: 300px; margin-bottom: 15px; }
li.ss-choice-item {float: left; width: 300px; }
.ss-form-input { margin-right: 3px; } 

.submit { float: left; width: 300px; margin-left: 120px; }


/* ---------------------------------------- */			 
/* ----------- FOOTER elements ------------ */
/* ---------------------------------------- */

#footer-container { 
  text-align: left;
  width: 100%; float: left;
  background: #070707; }

#footer {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  color: #FFF;
  text-align: left;
  padding-bottom: 25px;
}

#footer .copyright { float: right; margin-top: 26px; color: #CCC; margin-right: 50px; }

#footer .nav { margin-top: 18px;  }