/*global*/
*		{margin:0; padding:0;}
body { background:#4D4D4D; font-family:Arial, Helvetica, sans-serif; font-size:62.5%}
a {text-decoration:none; color:#000000;}
a:hover { color:#FFF;}
h1 {margin:30px 0 10px 0; font-size:2em;}
h2 { font-size:1.6em; margin-bottom:10px;}
p	{font-size:1.3em; margin-bottom:10px;}
input {width:200px; float:left; display:inline;}
textarea {width:200px; float:left; display:inline;}
label { float:left; display:inline; width:150px; font-size:1.6em; font-weight:bold;}
ul { list-style:none;}
a span { display:none;}
/*constructors*/
#container { width:1000px; margin:0 auto;}
#header	{width:1000px; background:url(../images/pjc_sparks_header.jpg); height:155px; float:left; display:inline;}
#extra_text { float:right; margin:25px 25px 0 0; width:330px; display:inline;}
#site	{width:1000px; background:url(../images/pjc_sparks_bg.jpg);float:left; display:inline;}
#footer	{width:1000px; background:url(../images/pjc_sparks_footer.jpg); height:165px; float:left; display:inline-block;}
#address { width:400px; float:left; display:inline; margin:30px 0 0 40px;}
.address { float:left; display:inline; width:160px; margin-bottom:20px;}
.diagram { width:400px; display:inline; border:0;}
/*sets*/
#menu	{ width:146px; float:left; display:inline; margin:30px 25px;}
#menu ul	{ list-style:none; } 
#menu ul li	{ font-size:1.5em; font-weight:bold; margin:0;}
#menu ul a {  width:106px; height:27px; background:url(../images/pjc_sparks_sprite.jpg) 0 0 no-repeat; margin-bottom:8px; padding:10px 0 0 40px; float:left; display:inline; }
#menu ul a:hover {  background:url(../images/pjc_sparks_sprite.jpg) 0 -37px no-repeat;  color:#FFFFFF; }
#menu ul a.renewable_energy {  width:106px; height:44px; background:url(../images/pjc_sparks_sprite.jpg) 0 -128px no-repeat; margin-bottom:8px; padding:10px 0 0 40px; float:left; display:inline; }
#menu ul a.renewable_energy:hover {  background:url(../images/pjc_sparks_sprite.jpg) 0 -74px no-repeat;  color:#FFFFFF; }
#content.img {background:url(../images/pjc_sparks_logo.jpg) right top no-repeat;}
#content { width:740px; float:right; display:inline; margin:0px 50px 10px 0; }

#content img { float:left; display:inline; margin-right:20px;}
#content h2 { margin:0;}
#content p { line-height:1.5em; width:720px;}
#content ul#basic {  width:100%; margin-bottom:20px; float:left; display:inline;}
#content ul#basic li {  width:740px; margin:10px 0 0 0; font-size:1.3em; background:url(../images/pjc_sparks_dot.jpg) no-repeat; padding:2px 0 5px 40px;}

#elecsa { width:450px; float:right; display:inline; margin:20px 40px 0 0;}
#elecsa li { float:left; display:inline; margin-left:3px;}
#elecsa li a { height:45px; float:left; display:inline;}

.rea {background:url(../images/logostrip.jpg) 0 0 no-repeat; width:80px;}
.mcs {background:url(../images/logostrip.jpg) -80px 0 no-repeat; width:52px;}
.safe {background:url(../images/logostrip.jpg) -135px 0 no-repeat; width:40px;}
.chas {background:url(../images/logostrip.jpg) -178px 0 no-repeat; width:60px;}
.construction {background:url(../images/logostrip.jpg) -243px 0 no-repeat; width:48px;}
.niceic {background:url(../images/logostrip.jpg) -295px 0 no-repeat; width:80px;}
.trustmark {background:url(../images/logostrip.jpg) -378px 0 no-repeat; width:50px;}

.rea:hover {background:url(../images/logostrip.jpg) 0 -48px no-repeat;}
.mcs:hover {background:url(../images/logostrip.jpg) -80px -48px no-repeat;}
.safe:hover {background:url(../images/logostrip.jpg) -135px -48px no-repeat;}

.niceic:hover {background:url(../images/logostrip.jpg) -295px -48px no-repeat;}
.construction:hover {background:url(../images/logostrip.jpg) -243px -48px no-repeat;}
.chas:hover {background:url(../images/logostrip.jpg) -178px -48px no-repeat;}
.trustmark:hover {background:url(../images/logostrip.jpg) -378px -48px no-repeat;}

.number { font-size:4em; font-weight:bold; text-align:right; margin:40px 40px 0 0;}
.head	{ font-size:2em; font-weight:bold; text-align:right; margin:10px 40px 0 0;}

#elecsa p { float:left; display:inline; margin:38px 10px 0 0;  }
.icons { float:left; display:inline; margin-top:20px; }
.icon2 { float:left; display:inline; margin:0 0 0 10px;}

#lists {width:600px; display:block;}
#lists ul { float:left; width:290px; display:inline-block; margin-right:10px; height:auto;}
#lists ul li {width:270px; float:left; display:inline; margin:5px 0;}
#lists ul p { width:230px; float:right; display:inline;}
.dot { float:left; display:inline; margin:0;}

div#form {width:740px; float:left; background:url(../images/form_mid.jpg) repeat-y; display:inline; margin:30px 50px 10px 0;}
#form_head { float:left; display:inline; width:740px; height:20px; background:url(../images/form_head.jpg);}
#form_foot { float:left; display:inline; width:740px; height:20px; background:url(../images/form_foot.jpg);}
#form_content { width:700px; margin:0 20px; float:left; display:inline;}

#formleft { width:400px; float:left; display:inline;}
#formleft ul { width:400px; float:left; display:inline;}
#formleft li { width:400px; float:left; display:inline; list-style:none;}
input[type=text] { width:200px; height:20px; float:left; display:inline; border:2pt solid #000; background:#F90; margin-bottom:5px; outline:none;}
input[type=submit] { background:url(../images/submit2.jpg) no-repeat; width:125px; height:50px; border:0; outline:none; margin-top:10px;}
input[type=submit]:hover { background:url(../images/submit.jpg) no-repeat;}
textarea { width:396px; border:2pt solid #000; background:#F90;}
label { width:400px; float:left; display:block; margin-top:10px;}
label span { color:#C00;}
input.postcode { width:80px;}

#form_right { width:250px; float:left; display:inline;}
#form_right p {font-size:1.3em; margin-bottom:10px; width:250px;}
ul.rules li { background:url(../images/dot.jpg) no-repeat; float:left; display:inline; width:220px;font-size:1.3em; margin-bottom:10px; padding-left:30px;}
select { background:#F90;}
/*classes*/
.clearboth {clear:both;}


.head	{ font-size:2em; font-weight:bold; text-align:right; margin:10px 40px 0 0;}
.copy { color:#999999; margin:10px 0 0 40px; float:left; display:inline;}
.site { color:#999999; margin:10px 40px 0 0; float:right; display:inline;}
.site a { color:#CCCCCC;}
.site a:hover { color:#F78F1E;}


.divoverflow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	overflow: auto;
	height: 161px;
	width: 99%;
}
.divoverflow h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	
}
.footer-seo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer-seo a:link {color: #000000;text-decoration: none;}
.footer-seo a:visited {color: #000000;text-decoration: none;}
.footer-seo a:hover {color: #000000;text-decoration: underline;}
.footer-seo a:active {color: #000000;text-decoration: none;}

table { font-size:1.3em; border:1pt solid #000; margin-top:10px;}
table tr {}
table th {border:1pt solid #F90; background:#000; color:#F90; padding:4px; text-align:left;}
table td { border:1pt solid #F90; padding:2px 4px; background:#FC0;}
ul#tables { margin-bottom:20px; background:url(../images/black.jpg) bottom repeat-x; height:35px;}
ul#tables li { width:150px; float:left; display:inline; font-size:1.3em; margin-right:10px;}
ul#tables li a { width:150px; float:left; display:inline; background:url(../images/tab.png) 0 -35px no-repeat; text-align:center; cursor:pointer; padding:15px 0 0 0; height:20px; font-weight:bold;}
ul#tables li a:hover {background:url(../images/tab.png) 0 -70px no-repeat;}
ul#tables li a.active {background:url(../images/tab.png) 0 0 no-repeat; color:#000; cursor:default;}

#adwords { padding-left:40px;width:700px; float:left; display:inline;}
#sliderarea { width:770px; float:right; display:inline; margin:30px 25px 0 0; height:280px; overflow:hidden;}
#sliderarea img { display:block;}
#rightlinks { width:200px; float:right; display:inline; margin-right:50px; height:200px;}

.btn { width:180px; height:20px; background:url(../images/btnnew.jpg) 0 0 no-repeat; text-align:center; float:left; display:inline; padding:10px 0;font-size:1.3em; font-weight:bold;}
.btn:hover { background:url(../images/btnnew.jpg) 0 -40px no-repeat;}
#rightlinks a { width:200px; height:100px; float:left; display:inline; margin-bottom:10px;}

.tables { background:url(../images/rightlinks.jpg) 0 -200px no-repeat;}
.tables:hover { background:url(../images/rightlinks.jpg) 0 -300px no-repeat;}
.contact { background:url(../images/rightlinks.jpg) 0 0 no-repeat;}
.contact:hover { background:url(../images/rightlinks.jpg) 0 -100px no-repeat;}