/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{

		background-color: #003399;
		margin: 0  auto;
		text-align: center;
		font-size: 1.0em;
		color:#E0FFFF;
		
}

a{
		color:#E0FFFF;
		font-style: italic;

}

#pagewrap{
	
		width: 980px;
		margin: 0 auto;
		overflow:hidden;	
		border-left: 1px solid #ffcc33;
		border-right: 1px solid #ffcc33;
		border-top: 1px solid #ffcc33;		
}

#header{

		text-align: left;
		height: 170px;
		border-bottom: 1px solid #003399;
			
}

#header h1{

		font-size: 2em;
		text-transform: uppercase;
		background-image:url(http://erseweranddrain.com/image/header5.png);
		background-repeat: no-repeat;
		text-indent: -9999px;
		height: 170px;

}

#pagenav{

				text-align: left;
				height: 40px;
				padding-bottom: 10px;
				padding-top: 15px;
		        background-color: #ffcc33;
		        border-bottom: 1px solid #003399;			
}

#pagenav h1{

				float: right;
				text-align: right;
				padding-right: 15px;
				color: #003399;
				font-size: 1.4em;
				padding-top: 0;
								
				
}

#pagenav a {				
				
				font-size: 1.3em;
				text-decoration: none;
				color:#003399;
				font-style: normal;
				
				}

#pagenav a:hover{

				color:#E0FFFF;
				text-decoration: underline;
}

#pagenav ul{

				margin-left: 10px;
				float: left;
				
				
}

#pagenav li{
				
				display: inline;
				padding:10px;
				
				
}

.current_page_item{
			
				text-decoration: underline;
				font-weight: bold;
				color:#003399;
				padding: 10px;
				

}

#content{

				overflow: hidden;
				width: 100%;				
				margin-top: 20px;
}

#content .par{
				
				padding-left: 10px;
				font-size: 0.9em;
				margin-top: 30px;
				width: 95%;
				text-align: left;
								

}

#content h1{

				font-size: 1.2em;
				margin-bottom: 20px;
				margin-top: 30px;
				padding-left: 20px;	
				text-align: left;
}

.flashmovie{

				
}

#flashmovie{

				float:left;
				z-index:-3;
}




#contenttext{

				width: 600px;
				float: left;
				text-align: left;
				font-size: 1em;
				
}

#contenttext h1{
		
				font-size: 1.4em;
				text-transform: uppercase;
				margin-bottom: 20px;
				padding-left: 20px;		

}

#contenttext h2{
		
				font-size: 1.2em;
				margin-bottom: 20px;
				padding-left: 20px;
				margin-top: 20px;		
}






#contenttext p{

				font-size: 0.9em;
				margin-bottom: 10px;
				padding-left: 10px;
				

}

#button p{
	
				position: absolute;
				right: 170px;
				top:-85px;
				background-image: url(http://erseweranddrain.com/image/24button2.png);
				background-repeat: no-repeat;
				width: 100px;
				height: 100px;
				text-indent: -9999px;
				z-index: 999;
}

.panel{
				width: 220px;
				height: 250px;
				padding: 5px 10px;
				float: left;
				background-color: #ffcc33;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px; 
				margin-left: 50px;
				margin-top: 20px;
				color:#003399;			

}

.panel h2{

			
			font-size: 1.1em;
			margin: 0 auto;
			text-align: center;
			padding: 10px 0;
			


}

.panel p{
			
				color:#003399;	
				font-size: 0.9em;
				margin-bottom: 5px;
				text-align: left;
					

}

.panel p a{

				color:#003399;

}

#contact{

			margin: 0 auto;
			

}

#contact h2{

			text-align: center;
			font-size: 1.6em;
			color:#ffcc33;
}

#contact p{
				
			 font-size: 0.7em;
			 margin-left: 20px;
			 margin-bottom: 40px; 	

}

#mainsidebar{

				width: 340px;
				float: right;
				text-align: left;
				border-left: 1px solid #ffcc33;
				font-size: 0.9em;
				
}

#mainsidebar h2{

				font-size: 1.4em;
				margin-left: 15px;
				padding-top: 10px;

}


#mainsidebar ul{

				width: 100%;				
				margin-top: 30px;

}

#mainsidebar li{

				list-style-type: disc;
				margin-left: 30px;
				margin-top: 3px;

}

#mainsidebar img{

				margin-right: 15px;

}

#footer{

			height: 70px;
			text-align: center;
			width: 100%;
			padding: 20px;
			margin-top: 20px;
			background-color: #ffcc33;
			color:#003399;
			font-size: 0.9em;

}

.about img{

			    width: 180px;
				float: left;
				margin-left: 20px;
				margin-top: 60px;
				margin-bottom: 20px;
}

.testim{
	
			margin-top: 25px;
			padding: 0 15px;
			margin-bottom: 55px;	
}

.quote{
		
			text-align: right;
			font-size: 0.8em;
			font-style: italic;
			padding-right: 50px;
			margin-bottom: 10px;


}

#footer a {

			color:#003399;
}