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

/* SITE WIDE STYLES */
html {
text-align: center;
/*background-image: url(../images/contentAreaGridBackground.png);
background-repeat: repeat-x;*/
}

/* clearing
----------------------------------------------- */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	
body {
text-align: center;
color: #45416b;
margin: 0px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
line-height: 18px;
padding: 0px;
background-color: #f4f0db;
background-image: url(../images/splashScenicBackground.jpg);
background-repeat: repeat-x;
background-position: 50% 0px;
}

/*hr {
display: none;
height: 0px;
padding: 0;
margin: 0;
width: 100%;
}*/

.clear { clear: both;  height: 0;  width: 0;  line-height: 0;  font-size: .1px; }

.container {
	width: 960px;
	text-align: left;
	left: 50%;
	position: absolute;
	margin-left: -480px;
}

/*********************************************************************************************/
/**************************** HEADER HEADER HEADER HEADER ************************************/
/*********************************************************************************************/

.headerContainer {
width: 960px;
height: 330px;
/*float: left;
background-image: url(../images/pageTopBarGradient2.png);
background-repeat: repeat-x;*/
}

.headerContainer .headerContent {
float: left;
width: 960px;
padding-top: 34px;
text-align: left;
}


/*********************************************************************************************/
/****************************        LOGO PLACEMENT       ************************************/
/*********************************************************************************************/	
	
.headerContent h1 {
width: 601px; height: 114px;
background: transparent url(../images/logo-splash.jpg) no-repeat left top;
overflow: hidden;
padding: 0px;
margin: 0px 0px 20px 147px;
}
.headerContent h1 a {
overflow: hidden;
display: block;
font-size: 1px !important;
color: #EBF3F8;
border:none;
height: 0px; width: 0px;
padding-top: 114px;
padding-left: 601px;
}
.headerContent h1 a:link, .headerContent h1 a:visited, .headerContent h1 a:active, .headerContent h1 a:hover {border:none;}

/*********************************************************************************************/

.headerContent h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
line-height: 36px;
font-weight: normal;
text-align: center;
display: block;
margin: 0px; padding: 0px;
}

/*********************************************************************************************/
/****************************  CONTENT  CONTENT  CONTENT  ************************************/
/*********************************************************************************************/
.pictureContainer {
width: 960px; height: auto;
position: absolute; top: 228px; left: 0px;
z-index: 5;
text-align: center;
padding-left: 19px;
• padding-left:0px;
}

.pictureContainer ul {
width: auto;
float: left;
margin: 0px;
padding: 0px;
}
.pictureContainer li.picHolder {
list-style-type: none;
width: 208px; height: 135px;
float: left;
border: solid 4px #7a7ca2;
padding: 3px;
margin: 4px;
background: white;
}

.contentContainer {
/*background-image: url(../images/contentAreaGridBackground.png);
background-repeat: repeat-x;
width: 100%;
float: left;
position: relative;*/
}

.contentArea {
background-color: #f4f0db;
background-image: url(../images/ContentAreaBackground.png);
background-repeat: repeat-x;
width: 940px;
padding-right: 10px;
padding-left: 10px;
background-position: top;
padding-bottom: 10px;
float: left;
}

.picShadowHolder {
width: inherit; height: 24px;
background: transparent url(../images/splashPicShadows.png) no-repeat top center;
margin-top: 42px;
}

.russellTruck {
width: 423px; height: 206px;
position: absolute; top: 326px; right: 0px;
display: inline;
z-index: 6;
/*
background: transparent url(../images/russellTruck.png) no-repeat top right;
opacity:0;
*/
}

.contentArea h2.enterSiteButton {
width: 288px; height: 62px;
background: transparent url(../images/enterSiteButton.png) no-repeat left top;
overflow: hidden;
padding: 0px;
margin: 33px 0px 33px 140px;
display: none;
}
.contentArea h2.enterSiteButton a {
overflow: hidden;
display: block;
font-size: 1px !important;
color: #EBF3F8;
border:none;
height: 0px; width: 0px;
padding-top: 62px;
padding-left: 288px;
}
.contentArea h2.enterSiteButton:hover { background-position-y: -62px;}

.contentArea h2.enterSiteButton a:link, .contentArea h2.enterSiteButton a:visited, .contentArea h2.enterSiteButton a:active, .contentArea h2.enterSiteButton a:hover {border:none;}

.breadcrumbs {
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3d3c92;
float: left;
width: 940px;
height: 24px;
margin-top: 8px;
}
.breadcrumbs a {
text-decoration:none;
color: #3d3c92;
}
.breadcrumbs a:hover {
text-decoration:underline
}

/*********************************************************************************************/
/****************************  FOOTER   FOOTER   FOOTER   ************************************/
/*********************************************************************************************/

.footerContainer {
/*width: 100%;
text-align: center;
position: relative;
float: left;*/
}

.footerContent {
width: 960px;
font-size: 11px;
line-height: 14px;
background-color: #f0ebd0;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
padding-bottom: 10px;
padding-top: 5px;
color: #7979b2;
float: left;
text-align: center;
}