@charset "utf-8";
/* CSS Document */

body {
	background:#8b9bab url(../images/backgrounds/bg_body.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#wrapper{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}

/* =masthead (logo)
--------------------------------------------------------------------*/
h1{
	background:url(../images/branding/masthead.jpg) left top no-repeat;
	height:154px;
	padding:0;
	margin:0;
}

h1 a{
	display:block;
	text-decoration:none;
	width:260px;
	height:130px;
}

/* =mainNav
--------------------------------------------------------------------*/
#mainNav{
	background:url(../images/backgrounds/bg_mainNav.jpg) no-repeat left top;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}

#mainNav a{
	height:25px;
	color:#CCCCCC;
	text-decoration:none;
}

#mainNav a:hover{
	color:#FFFFFF;
}

#mainNav table{
	background:#020101;
	width:100%;
}

#mainNav table td{
	padding-top:6px;
	padding-bottom:8px;
	background: url(../images/buttons/btn_mainNav.jpg) right top no-repeat;
	width:33%;
	text-align:center;
}

#mainNav table td.last{
	background: url(../images/buttons/btn_mainNav.jpg) left top no-repeat;
}

#mainNav table td.active{
	background:url(../images/buttons/btn_mainNav_active.jpg) right top no-repeat;
}
#mainNav table td.activeLast{
	background:url(../images/buttons/btn_mainNav_active.jpg) left top no-repeat;
}
#mainNav table td.leftToActive{
	background:url(../images/buttons/btn_mainNav_leftToActive.jpg) right top no-repeat;
}

/* =mainContent
--------------------------------------------------------------------*/

#mainContent{
	padding:22px;
	background:url(../images/backgrounds/bg_mainContent.jpg) repeat-x left top #FFFFFF;
} 

#mainContent a{
	color:#02598f;
	text-decoration:underline;
}

#mainContent a:hover{
	background:#ebf4f9;
	text-decoration:underline;
}


/* =secondaryNav
--------------------------------------------------------------------*/

#secondaryNav{
	color:#999999;
	float:left;
	position:relative;
	top:15px;
	width:180px;
}

#secondaryNav ul{
	padding:0;
	margin:0;
}




#secondaryNav ul li{
	border-bottom:#464a51 1px solid;
	border-top:#6f737a 1px solid;

	padding:0;
	margin:0;
	
	list-style:none;
	display:block;
	background:#535964;
}
#secondaryNav ul li.firstItem{
	border-top:none;
	border-bottom:#464a51 1px solid;

	padding:0;
	margin:0;

	background:#535964;
}
#secondaryNav ul li.lastItem{
	border-bottom: none;
	border-top:#6f737a 1px solid;

	padding-bottom:0;
	margin-bottom:0;

	background:#535964;
}




#secondaryNav ul li.activeItem{
	color:#FFFFFF;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	background:url(../images/common/bullet_v1.jpg) right bottom no-repeat #535964;
	border-bottom:#464a51 1px solid;
	border-top:#6f737a 1px solid;
}


#secondaryNav ul li.firstActiveItem{
	color:#FFFFFF;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	background:url(../images/common/bullet_v1.jpg) right bottom no-repeat #535964;
	border-bottom:#464a51 1px solid;
	border-top:none;
}

#secondaryNav ul li.lastActiveItem{
	margin-bottom:0;
	color:#FFFFFF;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	background:url(../images/common/bullet_v1.jpg) right bottom no-repeat #535964;
	border-bottom:none;
	border-top:#6f737a 1px solid;
}


#secondaryNav ul li.top{
	height:10px;
	background:#535964;
	color:#535964;
	border:none;
}

#secondaryNav ul li.bottom{
	background:url(../images/backgrounds/bg_secondaryNavBottom.jpg) repeat-x left 0px #535964;
	height:104px;
	width:180px;
	border-top:none;
	border-bottom:none;
}




#secondaryNav ul li a,
#secondaryNav ul li.firstItem a{
	background:#535964;
	text-decoration:none;
	color:#999999;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
}

#secondaryNav ul li a:hover,
#secondaryNav ul li.firstItem a:hover{
	background:#535964;
	text-decoration:none;
	color:#CCCCCC;
	display:block;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
}


/* =content that resides in main content area to the right of secondaryNav
--------------------------------------------------------------------*/
#content{
	float:left;
	width:550px;
	position:relative;
	top:15px;
	left:15px;
}

table.photos{
	margin-top:15px;
	margin-bottom:15px;
}

table.photos td.caption{
	padding-left:10px;
	vertical-align:text-top;
	background:url(../images/backgrounds/bg_photoCaptions.jpg) no-repeat left top;
	width:218px;
	padding-top:10px;
}

/* =lists
--------------------------------------------------------------------*/

ul.clients{
	padding:0;
	margin:0;
	padding-top:10px;
	padding-bottom:20px;
}

ul.clients li{
	line-height:18px;
	list-style:none;
}

ul.bullet{
	padding:0;
	margin:0;
	padding-bottom:20px;
}

ul.bullet{
	line-height:18px;
	list-style:square;
	padding-left:18px;
}



/* =headers
--------------------------------------------------------------------*/

h2{
	height:20px;
	width:720px;
	text-align:right;
	color:#9a0805;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

h3{
	color:#9a0805;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:11px;
	display:inline;
}

h4{
	color:#000000;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:11px;
	padding-bottom:3px;
	margin-bottom:3px;
	background:url(../images/common/hr.gif) repeat-x bottom left;
}


/* =footer
--------------------------------------------------------------------*/
#footer{
	color:#FFFFFF;
	padding-top:10px;
}

#footer .copyright{
	color:#CCCCCC;
}


/* =alignment
--------------------------------------------------------------------*/

.center{
	text-align:center;
}



/* =common rules
--------------------------------------------------------------------*/
* img{
	border:0;
}

.clear{clear:both;}

.hr{
	background:url(../images/common/hr.gif) repeat-x top left;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1px;
	line-height:1px;
}

