/*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.2em; 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;}


/*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;}


/*sets*/
#menu	{ width:146px; float:left; display:inline; margin:30px 25px;}
#menu ul	{ list-style:none; } 
#menu ul li	{ width:106px; height:27px; background:url(../images/pjc_sparks_menu.jpg); margin-bottom:8px; padding:10px 0 0 40px;}
#menu ul li:hover	{ background:url(../images/pjc_sparks_menu2.jpg); color:#FFFFFF; }
#menu ul li p { font-size:1.5em; font-weight:bold; margin:0;} 
#menu ul a:hover { color:#FFFFFF; }

#content { width:740px; background:url(../images/pjc_sparks_logo.jpg) right top no-repeat; float:right; display:inline; margin:0px 50px 10px 0; }
#content ul { height:170px; list-style:none; }
#content ul li { width:350px; float:left; display:inline; margin:10px 10px 10px 0;}
#content img { float:left; display:inline; margin-right:20px;}
#content h2 { float:left; display:inline; margin:0;}
#content p { line-height:1.5em; width:720px;}


#elecsa { width:420px;  float:right; display:inline; margin:0 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;}

#form {width:740px; background:url(../images/form_mid.jpg); float:left; 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;}
#form_content h1 { width:700px; display:block;}
#form_content ul { float:left; display:inline; width:400px;}
#form_content ul li { float:left; display:inline; width:400px; margin:4px 0;}

#form_content ul.rules { width:250px; float:right; display:inline; height:auto; background-color:none;}
#form_content ul.rules li { float:left; display:inline; width:250px; margin:4px 0;}
#form_content ul.rules li p { float:left; display:inline; width:210px; margin:0;}
#form_content ul.rules li img { float:left; display:inline; margin:3px 20px 0 0;}
#form_content p.form {width:250px; float:right; display:inline;}
#form_content p.form span {color:#990000; font-weight:bold;}

#form_right {width:250px; float:right; display:inline;}
/*classes*/
.clearboth {clear:both;}
.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;}
.address { line-height:1.5em; width:150px; display:inline; float:left;}
.address a:hover {color:#F78F1E;}
.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;}
.enquiry {width: 350px;}

#send {width:250px; float:right; display:inline;}
#send input.send { width:124px; height:44px; float:right; display:block; margin:0 60px 10px 0; background:url(../images/submit.jpg); border:none;}
#send input.send:hover {background:url(../images/submit2.jpg);}
.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;}