/************************************************/
/* 				MAIN BODY STYLES				*/
/************************************************/
div.clear { clear:both; }
body {
	margin: 0;
	padding: 0;
	background-color: #E8E8E6;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
}

/************************************************/
/* 				MAIN CONTAINER STYLES			*/
/************************************************/

#container {
	display: block;
	width: 750px;
	height: 500px;
	margin: 10px auto;
	padding: 0;
}

#container1{
	width: 750px;
	background-image: url(../images/strata-bl_03.jpg);
	margin-top:-5px;
}

/************************************************/
/* 				HEADER STYLES					*/
/************************************************/

#header {
	display: block;
	width: 750px;
	height: 96px;
	padding: 0;
	margin: 0;
}

/************************************************/
/* 				TOPNAV STYLES					*/
/************************************************/
 /* common styling */
.menu {
	font-family: verdana, sans-serif;
	width:738px;
	position:relative;
	font-size:0.75em;
	padding-left: 11px;
	border: 0px none;
	overflow: hidden;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	border: 0px none;
}

.menu ul li {
	float:left;
	position:relative;
	text-align:center;
	display:block;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#38352D;
	width:120px;
	height:2.2em;
	border-right:1px solid #ffffff;
	background:#ECEBE9;
	line-height:2.2em;
	border-top-width: 0px;
	border-bottom: 1px solid #ffffff;
}

.menu ul li a.last {
	display:block;
	text-decoration:none;
	color:#38352D;
	width:122px;
	height:2.2em;
	background:#ECEBE9;
	line-height:2.2em;
	border-top-width: 0px;
	border-bottom: 1px solid #ffffff;
}

.menu ul li a.first {
	display:block;
	text-decoration:none;
	color:#38352D;
	width:121px;
	height:2.2em;
	border-right:1px solid #fff;
	background:#ECEBE9;
	line-height:2.2em;
	border-top-width: 0px;
	border-bottom: 1px solid #ffffff;
}

* html .menu ul li a, .menu ul li a:visited {
width:120px;
}

.menu ul li ul {
display: none;
}

table {
margin:-1px 0 0 0; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
background:#56534B;

}

.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:2.2em;
	left:0;
	width:120px;
	margin: 0px;
	padding:0;
}


* html .menu ul li a:hover ul {
margin-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 

}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#56534B; 
color:#fff; 
height:auto; 
line-height:1.5em; 
padding:5px 7px 0 7px; 
width:106px;
}

* html .menu ul li a:hover ul li a {
w\idth:107px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:url(none) no-repeat right bottom;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#56534B; 
color:#B5B5B4;
border-bottom: 1px solid #ffffff;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:119px;
}

/************************************************/
/* 				 CONTENT Image STYLE			*/
/************************************************/

#bannerimage{
	height: 206px;
	background-image: url(../images/strata-gray_02.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage2{
	height: 206px;
	background-image: url(../images/strata-green_02.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage3{
	height: 206px;
	background-image: url(../images/strata-block01.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage4{
	height: 206px;
	background-image: url(../images/strata-fuel02.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage5{
	height: 206px;
	background-image: url(../images/strata-waterfeature.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage6{
	height: 206px;
	background-image: url(../images/strata-sleeper1.jpg);
	border-bottom-width: 750px;
	background-position: center;
}

#bannerimage7{
	height: 206px;
	background-image: url(../images/strata-railwood01.jpg);
	border-bottom-width: 750px;
	background-position: center;
}
/************************************************/
/* 				 CONTENT top STYLES				*/
/************************************************/

#contenttop {
	display: block;
	float: left;
	width: 750px;
	padding: 0;
	margin: 0;
}

#contenttop h1{
	font-size: 1em;
	background-color:#fff;
	color: #38352D;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-left:25px;
	margin-right:25px;
	
}

#contenttop p{
	font-size: 0.85em;
	background-color:#fff;
	color: #38352D;
	margin-top: -10px;
	margin-left: 25px;
	margin-right: 25px;
	font-weight: normal;
}

#contenttop p1{
	font-size: 0.7em;
	background-color:#fff;
	color: #38352D;
	padding-left: 25px;
	padding-right: 0px;
	font-weight: bold;
}



/************************************************/
/* 				 CONTENTmidSTYLES				*/
/************************************************/

#contentmid {
	display: block;
	float: left;
	width: 750px;
	min-height:15em;
	padding: 0;
	margin: 0;
}

#contentmid h1{
	font-size: 1em;
	background-color:#fff;
	color: #38352D;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-left: 25px;
	margin-right: 25px;
	
}

#contentmid p{
	font-size: 0.75em;
	background-color:#fff;
	color: #38352D;
	margin-left: 25px;
	text-align: justify;
	margin-right: 25px;
	font-weight: normal;
}
#contentmid p a {

	font-weight: bold;
	background-color:#fff;
	color: #81BD25;
	text-decoration: none;
}

#contentmid p a:hover {
	text-decoration: underline;
}

#contentmid ul {
	margin:0;
	padding-left:15px;
}

#contentmid ul li {
	font-size: 0.75em;
	background-color:#fff;
	color: #38352D;
	margin-left: 25px;
	text-align: justify;
	margin-right: 25px;
	font-weight: normal;
	
}

#contentmid ul.railwood1 {
	float:left;
	width:200px;
	height:85px;
	list-style-position:inside;

}

#contentmid ul.railwood2 {
	float:right;
	width:200px;
	height:85px;
	list-style-position:inside;

}

#contentmid .boldText {
	font-weight:bold;
}

#contentmid #dashedBorder {
	border:1px dashed #ccc;
	width:700px;
	margin-left:25px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;

}

#contentmid .btn {
	color:#fff;
	background-color:#56534C;
	border: 1px solid #FFF;
	text-align:center;
	width:60px;
}

#contentmid .formHeading {
	background-color:#888479;
	color:#fff;
	font-weight:bold;
	border:1px dashed #fff;
}

#contentmid .formList {
	background-color:#ECEBE9;
	color:#000;

}

#contentmid #orderForm {
	width:360px;
	float:left;
}

#contentmid #fuelImage {
	width:250px;
	float:right;
	padding:0 25px 0 0;
}

#contentmid #orderForm .text {
	float:right;
	margin-top:-20px;
	width:230px;
}
#contentmid #orderForm .list {
	width:236px;
}

#contentmid #orderForm #buttons {
	clear:both;
}

#contentmid #orderForm #buttons .reset{
	float:left;
	color:#fff;
	background-color:#56534C;
	border: 1px solid #FFF;
	text-align:center;
	margin-left:98px;
	
}

#contentmid #orderForm #buttons .send, .send{
	float:right;
	color:#fff;
	background-color:#56534C;
	border: 1px solid #FFF;
	text-align:center;
	
}

#contentmid #orderForm #buttons .reset1{
	float:left;
	color:#fff;
	background-color:#56534C;
	border: 1px solid #FFF;
	text-align:center;
	margin-left:98px;
	
}

#contentmid #orderForm #buttons .send1{
	float:right;
	color:#fff;
	background-color:#56534C;
	border: 1px solid #FFF;
	text-align:center;
	margin-right:24px;
	
}

#contentmid .buyimage p {
	margin:0;
	padding:0;
}
#contentmid #image {
	width:660px;
	margin:0 auto;
}
#contentmid .buyimage {

	float: left;
	width: 100px;
	border: 1px dashed #ccc;
	margin-left:40px;
	margin-right:40px;
	margin-top:5px;
	margin-bottom:15px;
	padding:10px;
	

}
#contentmid .buyimage p span{
	margin-left:15px;
	margin-right:15px;
}

#contentmid .buyimage p span.sleeper{
	margin-left:12px;
	margin-right:15px;
}

#contentmid p .img {
	margin-right:50px;
	margin-left:50px;
	padding: 5px 5px 5px 5px;
	border:1px dashed #ccc;
	float:right;
}

#contentmid p .img2 {
	margin-right:10px;
	margin-left:10px;
	padding: 5px 5px 5px 5px;
	border:1px dashed #ccc;
}

#contentmid img.img3 {
	padding: 5px 5px 5px 5px;
	border:1px dashed #ccc;
}

#contactImage {
	float:right;

}
/************************************************/
/*   			content left styles				*/
/************************************************/

#contentleft {
	display: block;
	float: left;
	width: 360px;
	padding: 0;
	margin: 0;
	border: 0px none;
}

#contentleft p {
	font-size: 0.75em;
	background-color:#fff;
	color: #38352D;
	margin-left: 25px;
	margin-top: -13px;
	padding-right: 25px;
	text-align: justify;
	
}


#contentleft  h1{
	font-size: 0.9em;
	background-color:#fff;
	color: #38352D;
	margin-left: 25px;
	margin-right: 25px;
	text-align: justify;
}

#contentleft a{
	background-color:#fff;
	color: #38352D;
	text-decoration: none;
	font-weight: bold;
}

#contentleft a:hover{
	background-color:#fff;
	color: #A6A6A6;
	text-decoration: underline;
}

#contentleft a.green {
	background-color:#fff;
	color: #81BD25;
	text-decoration: none;
	font-weight: bold;
}

#contentleft a.green:hover{
	text-decoration: underline;
}
/************************************************/
/* 				content right styles			*/
/************************************************/


#contentright {
	display: block;
	float: right;
	width: 360px;
	padding: 0;
	margin: 0 15px 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	border-left: 1px dotted #56534B;

}


#contentright p{
	font-size:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color:#FFF;
	color: #34311A;
	margin-left: 25px;
	margin-top: -13px;
	text-align: justify;

}

#contentright h1{
	font-size:0.9em;
	background-color:#FFF;
	color: #34311A;
	padding-left: 25px;
	margin-right: 25px;
	text-align: justify;
}

#contentright a{
	background-color:#FFF;
	color: #38352D;
	text-decoration: none;
	font-weight: bold;
}

#contentright a:hover{
	background-color:#FFF;
	color: #A6A6A6;
	text-decoration: underline;
}
/************************************************/
/* 				FOOTER STYLES					*/
/************************************************/
#footer {
	display: block;
	width: 726px;

	margin: 0 auto;
	line-height: 120%;
	background-color:#888479;
	color:#fff;
	clear:both;
	padding:0;


}
#footerline {
	width:750px;
	background-image:url(../images/bottom.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:1.1em;

}

#footer p{
	font-size: 0.65em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top:2px;
	padding-bottom:2px;
}

#footer p a {
	background-color:#888479;
	color:#fff;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}

/************************************************/
/* 				copyright styles				*/
/************************************************/

#sitemap {
	position: relative;
	width: 750px;
	font-size:0.7em;
	height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	clear:both;
	margin-top:-6px;
	background-color: #E8E8E6;
	color: #5A5956;
}


#sitemap ul {
	display: block;
	margin: 0 auto;
	padding:0;

}

	
#sitemap ul li {
	display: inline;
	padding: 0 8px 0 8px;
		
}


#sitemap ul li.rest {
	border-left: 1px #5A5956 solid;
	
}	


#sitemap a {
	background-color: #E8E8E6;
	color: #5A5956;
	text-decoration: none;
	text-align: center;
}
		
	
#sitemap a:hover {
	background-color: #E8E8E6;
	color: #A6A6A6;
}


#sitemap a.current {
	background-color: #E8E8E6;
	color: #000;
	text-decoration: underline;
}

#validator {
	clear:both;
	float:right;
}