/*
 * LAYOUT
 */
 
/*
 * imports
 */
@import url("content.css");
@import url("nav.css");

/*
 * general
 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html,
body {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #7D7D82;
	text-align: justify;
}
div {
	overflow: hidden;
}
/*
 * wrapper layout 
 */
div#pageWrapper,
div#headerWrapper,
div#contentWrapper,
div#headerWrapper div#serviceNav {
	float: left;
	width: 1000px;
}

/*
 * header 
 */
/* IE6.0 Hack */
* html div#headerWrapper {
	height: 247px;
	overflow: hidden;
}
div#headerWrapper div#serviceNav {
	text-align: right;
	line-height: 27px;
}
div#headerWrapper div#banner {
	float: left;
	width: 720px;
	height: 220px;
	background-color: #000;
}
div#headerWrapper div#banner div#mainNav,
div#headerWrapper div#banner div#mainNavBg {
	float: left;
	position: relative;	
	width: 630px; /* 720 - 90 */
	height: 27px;
	padding-left: 90px; /* 100 - 10 (padding menu item) */
}
div#headerWrapper div#banner div#mainNav {
	top: 193px;
	background: none;
	z-index: 10;
}
div#headerWrapper div#banner div#mainNavBg {
	top: 166px;
	background-color: #000;
	z-index: 9;
	opacity: 0.55;
	-moz-opacity: 0.55;
	filter: alpha(opacity=55);
}
div#headerWrapper div#banner div.bannerImgWrapper {
	float: left;
	position: relative;
	height: 220px;
	width: 720px;
}
div#headerWrapper div#banner div#bannerImg0Wrapper {
	top: -54px;  /*div#mainNav height*/
}
div#headerWrapper div#banner div#bannerImg1Wrapper {
	top: -274px;  /*div#mainNav +  1 * div#bannerImg...Wrapper*/ 
}
div#headerWrapper div#banner div#bannerImg2Wrapper {
	top: -494px;  /*div#mainNav +  2 * div#bannerImg...Wrapper*/ 
}
div#headerWrapper div#banner div#bannerImg3Wrapper {
	top: -714px;  /*div#mainNav +  3 * div#bannerImg...Wrapper*/ 
}
div#headerWrapper div#banner div#bannerImg4Wrapper {
	top: -934px;  /*div#mainNav +  4 * div#bannerImg...Wrapper*/ 
}
div#headerWrapper div#banner div img.bannerImg {
	float: left;
	position: relative;
	top: 0px;
}
div#headerWrapper div#logo {
	float: right;
	width: 280px;
	height: 220px;
}
div#headerWrapper div#logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	background-image: url(../img/logoRealClean.png);
}

/*
 * content
 */
div#contentWrapper div#mainContentWrapper {
	float: left;
	width: 620px;
	margin-top: 35px;
	padding-left: 100px;
}
div#contentWrapper div#pagePath {
}
div#contentWrapper div#mainContent {
}
div#contentWrapper div#footer {
	clear: both;
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
}
div#contentWrapper div#subContentWrapper {
	float: right;
	position: relative;
	top: -27px;
	width: 175px;
	margin-top: 0px;
}