/* @override http://eandselectricinc.com/css/master.css */

/* @override http://clients.shireinteractive.com/eselectric/css/master.css */

/* @override http://clients.shireinteractive.com/eselectric/css/master.css */

@charset "UTF-8";
/* CSS Document */
html>body{
	}
body{
	background-color: #c4c2ae;
}
#container{
	width: 887px;
	margin: 0;
	border-right:4px solid #b0ae9c;
	background: url(../img/bodybg.jpg) repeat-y;

}

/* HEADER */

#logo{
	background-image: url(../img/logo.jpg);
	width: 565px;
	height: 251px;
	float: left;
}
#logo h1{
	text-indent: -9999px;
}
#logo h2{
	text-indent: -9999px;
}

/* FACTS */

#facts{
	float: right;
	width: 322px;
	height: 60px;
	background: url(../img/facts.jpg) no-repeat;
}
#facts h1{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#factsbody{
	margin-top: 60px;
	padding: 0 10px;	
}
#facts h2{
	color: #4c5f7e;
	font: bold 13px Verdana, "Lucida Grande", Lucida, sans-serif;
}
#facts ul{
	
}
#facts li{
	color: #2f2a16;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	list-style-position: inside;
	list-style-type: disc;
	padding: 5px 0;
}
.readmore{
	color: #465874;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	float: right;
	padding: 8px 0;
}
.readmore a{
	color: #4c5f7e;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}
.readmore a:hover{
	color: #4c5f7e;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: underline;
}
/* NAVIGATION */
#left{
	float: left;
	width: 565px;
}
#navigation{
	background-color: #616057;
	display: block;
	float: left;
	left: 71px;
	width: 494px;
	height: 32px;
	position: relative;
	
}
#nav ul{
	
}
#nav li{
	float: left;
	padding: 6px 12px 6px 0;
}
#nav li a{
	color: #fff;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}
#nav li a:hover{
	color: #ff9700;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}

/* MAIN */
#main{
	clear: both;
	float: left;
	padding: 0 0 40px 0;
	width:494px;
	position: relative;
	left: 71px;
}
#main h2{
	color: #fff;
	font: bold 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	width: 206px;
	height: 19px;
	padding: 4px 0 0 35px;
	background: url(../img/welcome.jpg) no-repeat;
}
#main p{
	color: #000;
	font: 16px/20px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 10px 30px;
	clear: both;
}
strong{
	font: bold 16px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #d18700;
}
#main ul{
	padding-left: 60px;
	padding-right: 30px;
}
#main li{
	color: #717067;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0 0 5px 0;
}
#main p a{
	color: #55544e;
	text-decoration: none;
}
#main p a:hover{
	color: #55544e;
	text-decoration: underline;
}
/* GET IN TOUCH */
#right{
	float: right;
	height: 330px;
	position: relative;
}
#getintouch{
	width: 322px;
}
#right h3{
	color: #615f56;
	font: bold 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 5px 20px;
	height: 22px;
	background: #eeeee9;
}
#right p{
	
}

/* FOOTER */
#footer{
	background-color: #717067;
	height: 170px;
	border-top: 1px solid #fff;
}
#copy{
	width: 499px;
	height: 72px;
	background: url(../img/footer.jpg) no-repeat;
	margin-left: 71px;
}
#copy p{
	color: #000;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 15px;
}
#footernav{
	margin-left: 71px;
	width: 499px;
}
#ftnav ul{
	
}
#ftnav li{
	float: left;
	padding: 6px 15px;
}
#ftnav li a{
	color: #fff;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}
#ftnav li a:hover{
	color: #ff9700;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}
.clear{
	clear: both;
}
/* FORM */
#form{
	height: 330px;
	margin: 0;
	clear: both;
}
form{
	width: 80%;
	margin: 10px auto;
}
#webpromo{background:url(../img/webpromo.jpg) no-repeat; width:322px; height:60px;}