@charset "utf-8";
/* CSS Document */
html{margin: 0; padding: 0;}
body{
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000;
	background-color: #392e70;
}
a:link, a:visited{ font-weight: bold; color: #4496ed; text-decoration: none;}
a:hover, a:active{ color: #392e70;}

ul{margin: 0; padding: 0; list-style-position:outside;}

#content{background-color: #FFF; width: 731px; margin: 0 auto 0 auto;}

#header{border-bottom: 1px solid #392e70;}
#headerNav {list-style-type: none; float: right; margin: -54px 60px 0 0;}
#headerNav li {display: inline; margin-right: 20px;}

#logo {
margin: 0; padding: 0; 
width: 353px; 
height: 157px; background: #fff url(../images/logo.png) no-repeat;}

#logo span{display: none;}

#feature{background: #392e70 url(../images/featureBG.png) repeat-x; color: white; height: 84px; border: 1px solid #00236f; font-size: 18px;}
#feature h2{font-size: 18px; margin: 20px 0 20px 0; padding: 0; line-height: 18px;}
#feature img{float: left; margin-right: 20px; border: none;}
#feature a:link, #feature a:visited{color: white;}
#feature a:hover, #feature a:active{color: #CCCCCC;}

#callouts{margin: 5px; background-color: #4496ED; height: 433px; padding-top: 10px; padding-left: 10px;}

#q{position: absolute; margin: 193px 0 0 342px; color: #FFCC00; font-size: 58px; padding: 0;}
#q p{margin: 0; padding: 0; line-height: 58px;}

.calloutCell {display: block; width: 347px; height: 209px; float: left;}
.calloutCell h2{font-size: 18px; width: 347px; text-align: center; margin-top: 160px;}
.calloutCell a:link, .calloutCell a:visited{ font-weight: bold; color: #FFF; text-decoration: none;}
.calloutCell a:hover, .calloutCell a:active{ color: #392e70;}

#qualityCallout{ background: #4496EE url(../images/qualityCallout.png) no-repeat; height: 209px; margin-bottom: 5px;}
#continuityCallout{ background: #4496EE url(../images/continuityCallout.png) no-repeat; height: 209px; margin-bottom: 5px;}
#environmentCallout{ background: #4496EE url(../images/environmentalCallout.png) no-repeat; height: 209px; margin-bottom: 5px; margin-left: 5px;}
#healthCallout{ background: #4496EE url(../images/healthCallout.png) no-repeat; height: 209px;}
#securityCallout{ background: #4496EE url(../images/informationCallout.png) no-repeat; height: 209px; margin-left: 5px;}

#welcome {padding-left: 20px; padding-bottom: 10px;}
#welcome h3{ font-size: 18px; color: #4496ed; margin: 5px 0; letter-spacing: normal;}

#footer{background-color: #392e70; padding: 5px 0 5px 20px; color: white;}

/*internal page styles*/

#leftNav{ position: absolute; width: 144px;}
#leftNav ul{list-style-type: none; margin: 0; padding: 0; background-color: #4496ee; min-height: 400px;}
#leftNav li{}

#leftNav li a{display: block; text-align: center; height: 14px; padding: 8px 0;}
#leftNav a:link, #leftNav a:visited{color: white; font-size: 14px; font-weight: bold;}
#leftNav a:hover, #leftNav a:active{background-color: #FFCC00;}

#leftNav li:first-child a:link, #leftNav li:first-child a:visited, #leftNav li:first-child a:hover, #leftNav li:first-child a:active{
background-color: #392e70;
}
#leftNav li.active a:link, #leftNav li.active a:visited{
background-color: #FFcc00;

}

#leftNav a:hover, #leftNav a:active{background-color: #FFCC00;}

#internalContent{padding-left: 180px; min-height: 400px; padding-right: 20px;}

#internalContent h3{color: #392e70; font-size: 18px;}


/* how It Works */
.screenshot{background-color: #EEEEEE; padding: 10px 10px 0 0; border: 1px solid #2F2F2F; border-left: none;}
.screenshot p{color: #000000; font-weight: bold; font-size: 14px; padding-left: 10px;}