/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	height: 101%;
}

/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%; 
	font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;  
	line-height: 2.2em;
	color: #333; 
}

p {
	font-size: 2em;
}

h2, h3, h4, h5, h6, p, ul, ol, img {margin: 10px 20px 5px 20px;}
h2 {
	font-size: 1.4em; 
	text-transform: uppercase;
	font-family: "Myriad Pro", Verdana, sans-serif;
}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p, ol, ul, dl, form, table {font-size: 1.3em;}
ol, ul, dl {margin-left: 40px;}

img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#003; text-decoration: none; padding: 2px; }
a:focus, a:hover {color: #003; background-color: #ccc; padding: 2px;}

a img, a:hover img { padding: 0; }

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

hr { display: none; }

.noHR {
	padding: 1em;
}

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.small {font-size: .8em;}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.first {margin-top: 15px;}
.clear {clear: both;}
.padding {padding: 10px 0;}
.sub {font-size: 50%;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin: 15px 0 15px 0;
}
p.divider {
	margin: 10px 20px;
}
.column {
	float: left;
	width: 50%;
}

/* --------------------------------------------------------------  
	=Layout 
-------------------------------------------------------------- */
body {
	background: url(../images/background.png) #395293 repeat-x;
}

.container {
	width: 1013px;
	margin: 0 auto 10px auto;
	padding-right: 49px;
	overflow: hidden;
}

.content {
	float: left;
	width: 964px;
	margin-left: 49px;
	margin-right: 0px;
	background-color: #fff;
}

.contentwrap {	
	float: left;
	width: 964px;
	margin: 0 49px 25px 49px;
	margin: 0;
	width: 100%;
	background: url(../images/leftBackground.png) no-repeat top left;
}

#index .contentwrap {	
	background: url(../images/leftBackgroundIndex.png) no-repeat top left;
}

.maincontent {
	float: left;
	margin: 20px;
	width: 924px;
	display: inline;
	background: #fff;
}

.maincontent.col {
	width: 575px;
	float: left;
	margin-left: 300px;
	display: inline;
	min-height: 500px;
}	

.sidecontent {
	margin: 0;
	padding: 0;
	width: 267px;
	float: left;
	margin-left: -880px; /* -(maincontent width + maincontent left margin - sidecontent left margin) */
	margin-top: 20px;	
	display:  inline;
	background: #eee;
}

.sidebar {
	display: none;
}




/* =header 
-------------------------------------------------------------- */
.header {
	background: url(../images/headerBackground.png)  repeat-x;
	height: 171px;
	position: relative; 
	float: left; 
	width: 100%;
}

#index .header {
	background: url(../images/headerBackgroundIndex.png) repeat-x;
	height: 330px;
	position: relative; 
}

.logo img {margin: 0;}

.header .logo {
	margin: 20px 0 0 59px;
	padding: 0;
	float: left;
	border: 0;
}

.header .logo a:hover {
	background-color: #eee;
}

#index .header .logo {
	margin: 24px 0 0 70px;
	margin: 12px 0 0 51px;	
}

#index .header .logo a {
	display:block;
	padding: 0;
	height:167px; 
	width:355px;
}

#index .header .logo img {
	border-top: 12px solid gray;
	border-right: 15px solid gray;
	border-bottom: 12px solid gray;
	border-left: 21px solid gray;	
}

.header h3, .header h2 {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.header #imgContainer {
	margin: 12px 0 0 0;
	float: right;
	padding: 0;
	width: 682px;
	height: 123px;
	background: url(../images/headerImg.jpg) no-repeat;
}

#index .header #imgContainer {
	width: 607px;
	height: 350px;
	background: url(../images/headerImgIndex.jpg) no-repeat;
}

/*
#index .header #callUs {
	position: absolute;
	top: 177px;
	left: 356px;
	padding: 0;
	width: 607px;
	height: 55px;
	background: url(../images/callUs.png) no-repeat;
	display: none;
}
*/

.header h2 {
	float: right;
	font-size: 2.75em;
	margin-top: 15px;
	text-align: right;
	font-weight: normal;
	color: #05004c;
	letter-spacing: .03em;
}

#index #contact {
	position: absolute;
	top: 180px;
	left: 72px;
	color: #003;
	text-transform: uppercase;
	line-height: 1.55em;
}

#index #contact h4#phone {
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

#index #contact h4#phone span {	
	text-transform: none;
	font-weight: normal;
}

#index #contact h4 {
	font-size: 1.05em;
	letter-spacing: .03em;
	margin-top: 0;
	margin-bottom: 0;
}

#index #contact h4 a {
	font-size: 1.1em;
	display: block;
	font-weight: normal;
	margin-left: 2em;
	text-transform: none;
	padding: 0;
}

#index #contact h4 a:hover {
	background-color: #0c1c73;
	color: #ccc;
}

#index #contact h4.certified {
	margin-top: 5px;
	margin-bottom: 10px;
}

#index #contact h4.certified, #index #contact h4.address {
	text-transform: none;
}

#index #contact h4.address {
	font-size: 1.3em;
	text-align: center;
}

/* =nav 
-------------------------------------------------------------- */
#navcontainer {
	height: 31px; 
	width: 100%;
	float: right; /* may be removed based on need */
	margin-top: -27px;
}

#index #navcontainer {
	margin-top: -63px;
}

#nav {
	float: right;
	width: 290px;
	height: 31px;
	position:relative;
	margin: 0;
	z-index: 100;
	background:url(../images/nav.png) no-repeat top left; 	
}

#nav li {
	float:left; 
	list-style: none;
	
}

#nav li a {
	position: absolute; 
	top:0; 
	padding: 0;
	display:block; 
	height:31px; 
	background:url(../images/nav.png) no-repeat top left;
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
}

li#nav1 a {
	width:97px;
}

li#nav2 a {
	width:85px; left: 98px; background-position: -98px top;
}

li#nav3 a {
	width:107px; left: 184px; background-position: -184px top;
}

/* hover states */
li#nav1 a:hover, li#nav1.current a {background-position:0 bottom;}
li#nav2 a:hover, li#nav2.current a {background-position: -98px bottom;}
li#nav3 a:hover, li#nav3.current a {background-position: -184px bottom;}


/* common
-------------------------------------------------------------- */

.maincontent p strong {
	font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;  
	color: #003;
	font-size: 1.3em;
	letter-spacing: .03em;
}

.maincontent p {
	margin: 1em 2em 1em 4em;
}



/* =index
-------------------------------------------------------------- */

#index .maincontent {
	margin: 0;
	padding: 0;
}

#index .maincontent p {
	margin: 0;
	padding: 25px 25px;
	font-size: 17px;
	line-height: 2em;
	letter-spacing: .04em;
	text-align: center;
	color: #ddd;
	background:url(../images/backgroundIndexP.png) top left repeat-x #001778;
	width: 914px;
}

/*
#index .maincontent p {
	margin: 0;
	padding: 20px 45px;
	font-size: 1.8em;
	color: #eee;
	background:url(../images/backgroundIndexP.png) repeat-x #001778;
	width: 874px;
}
*/


#index .maincontent img {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #001778;
}


/* =video
-------------------------------------------------------------- */

.video {
	width: 295px;
	margin: 0 6px;
	height: 34em;
	float: left;
}

.video img {
	margin: 10px;
}

.video a {
	margin: 0;
	padding: 0;
	display: block;
	height: 34.25em;
	width: 295px;
}

.video a:hover {
	padding: 0;
	text-decoration: none;
	background-color: #e4e5f0;
	border: 0;
}

.video .h3 {
	display: block;
	margin: 0em 10px;
	color: #333366;
	font-size: 1.5em;
	
}

.video .desc {
	display: block;
	margin: .5em 10px;
	font-size: 1.2em;
	color: #333;
}

.sidecontent .video {
	margin: 0;
	width: 267px;
	height: auto;
}

.sidecontent .video a {
	width: 267px;
	height: auto;
}

.sidecontent .video a:hover {
	background-color: #bebfc8;
}

.sidecontent .video img {
	margin-bottom: 5px;
}

.sidecontent h3 {
	text-align: center;
	text-transform: uppercase;
	color: #333366;
	font-size: 1.25em;
	letter-spacing: .1em;
	border-bottom: 1px solid #ccc;
}

.sidecontent .video .h3 {
	font-size: 1.3em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}




/* =footer
-------------------------------------------------------------- */

.footer {
	clear: both;
	text-align: center;
	padding-top: 5px;
	padding-left: 36px;
	margin: 0 auto;
}

.footer h5 {
	color: #ccc;
	font-weight: normal;
	margin: 0 0 .5em 0;
}



/* =column
-------------------------------------------------------------- */
.column {
	margin: 40px 0 10px 50px;
	float: left;
	width: 40%;
	list-style-type: none;
	font-size: 1em;
}

.column li {
	margin-bottom: 1.25em;
}