/* MAIN CSS FOR LINX ELECTRICAL LTD */

* {
		margin: 0px;
		padding: 0px;
		font-family: arial, helvetica, sans-serif;
}

body {
	background: #007ab2 url(../images/layout/bodybg.jpg) repeat-x;
	font-size: 62.5%; /* sets all fonts to 10px to help with em styling*/
	}
	
.clear {
	clear: both;
}

.textreplace {
	position: absolute;
	left: -5000px;
}

.error {
	font-weight: bold;
	margin-left: 30px;
	padding-bottom: 5px;
	color: red;
}

.thankyou {
	width: 300px;
	margin-left: 30px;
}

#spammer {
	display:none;
}


a:link {
	text-decoration: none;
	color: white;
	}
	
a:visited {
	text-decoration: none;
	color: white;
	}

a:hover {
	text-decoration: none;
	color: white;
	}

acronym {
  border-bottom: white dotted 1px;
}

/* Wrapper and content */

#wrapper {
	background: url(../images/layout/shadow.png) no-repeat center top;
	width: 932px;
	margin-right: auto;	
	margin-left: auto;
}

#container {
	width: 855px;
	margin-right: auto;	
	margin-left: auto;
	}

/* Header */	
	
#header {
	background: url(../images/layout/header.jpg) repeat-x;
	height: 175px;
	width: 855px;
}

#header a img {
	border: 0px;
} 

#header h1 {
	float: left;
}
	
#header h2 {
	float: left;
	background-image: url(../images/layout/headertext.jpg);
	background-repeat: no-repeat;
	width: 447px;
	height: 19px;
	margin-top: 55px;
	margin-left: 180px;
}

/* Header Navigational unordered list */


#header ul a {
	display: block;
}

#header ul {
	float: right;
	height: 25px;
	padding-right: 10px;
	padding-top: 30px;
	list-style: none;
}

#header ul li {
	float: left;
	padding: 0 9px;
	margin: 5px 0;
	border-right: 1px solid #fff;
	font-size: 1.4em;
}

#header ul #selected  a{ 
	color: #ff3333; 
	font-weight: bold;
}

#header ul li a:hover{
	color: #ff3333; 
}

#header ul .lastlink {
	border-right: 0px;
}

/*SUCKERFISH STYLES*/

#header ul li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 10;
	left: -999em;
	border-top: 1px solid white;
	background: none;
	height: 136px;
}

#header ul li ul li{
	float: none;
	border: none;
	margin: 0px;
	padding: 5px;
	font-size: 0.8em;
	background: url(../images/content/sucker.png) repeat;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#header ul li ul li a{
	text-decoration: none;
	color: white;
	}

#header ul li ul li a:hover{
	text-decoration: none;
	color: ff3333;
	}
	
#header ul li#selected ul li a{
	text-decoration: none;
	color: white;
	}	
	
#header ul li#selected ul li a:hover{
	text-decoration: none;
	color: red;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* Contact page / How to find us  - CONTACT.html*/

#howto {
	width: 805px;
	height: 40px;
	margin-left: 50px;
	padding-bottom: 20px;
	background: url(../images/content/contact.png) left top no-repeat;
}

#mapfield /*left hand column  for CONTACT.html*/{
	background: url(../images/layout/leftfade.jpg) right top no-repeat;
	float: left;
	font-size: 1.3em;
	color: white;
	width: 305px;
	padding-left: 50px;	
	}
	
#map {
	overflow: hidden;
	margin-left: 5px;
	width: 255px;
	height: 510px;
	color: black;
	}

#map a {
	color: black;
	}
	
#form /*right hand column for CONTACT.html*/{
	font-size: 1.3em;
	float: left;
	color: white;
	width: 500px;
	}
	
#form p {
	padding-top: 2px;
	}
	
label {
		float: left;
		width: 150px;
		clear: left;
		text-align: right;
		padding-right: 15px;
}

input#name, input#address1, input#town, input#address2,  input#company, input#postcode, input#contactno, input#mobile, input#email2,  input#town, input#county, input#country {
	width: 200px;
	padding-top: 5px;
	}
	
input#query {
	height: 75px;
	width: 200px;
	margin-bottom: 10px;
	}
	
.office {
	margin-left: 5px;
	margin-top: 10px;
	width: 255px;
	padding-bottom: 10px;
}	

.submitbutton {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*checkbox inputs for CONTACT.html*/
	
input#chas, input#construct, input#enviro, input#nicrol, input#nicdom, input#safe, input#liability, input#public, input#pro {
	margin-left: 30px;
	margin-right: 10px;
	}
	
label.accred {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 300px;
	text-align: left;
	float: none;
	}

/* end of checkboxes  for CONTACT.html*/
	
.instructions {
	width: 450px;
	padding-left: 30px;
	padding-bottom: 20px;
	text-align: justify;
	}

.paperwork {
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 5px;
	}

.checktitles {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	}

/* main  for INDEX.html*/
	
#main {
	padding-left: 25px;
	float: left;
	font-size: 1.3em;
	color: white;
	height: 520px;
	width: 625px;
	}

#main p {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	text-align: justify;
	}

#main ul {
	padding-left: 30px;
	padding-top: 15px;
	width: 230px;
	float: left;
	}
	
#mainsplash {
	padding-bottom: 15px;
	}
	
/* Right Column including quotation for INDEX.html */	
	
#rightcolumn {
	font-family: arial, helvetica, sans-serif;
	color: white;
	float: left;
	background: url(../images/layout/leftfade.jpg) left no-repeat;
	width: 200px;
	height: 520px;
	}
	
#rightcolumn p {
	font-family: arial, helvetica, sans-serif;	
	font-size: 1.1em;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
#quote {
	background: url(../images/layout/quote.jpg) no-repeat;
	width: 196px;
	height: 240px;
	margin-left: 5px;
	}
	
	
#quote h3 {
	font-size: 1.3em;
	padding-left: 15px;
	padding-top: 50px;
	padding-right: 25px;
}
	
.quotee {
	margin-left: 5px;
	font-style: italic;
}
.quotee span  {
	font-weight: bold;
	font-size: 1.1em;
}

/* TESTIMONIALS PAGE */


#testimonial {
	background: url(../images/content/testimonials.png) left top no-repeat;
	width: 805px;
	height: 40px;
	margin-left: 50px;
	padding-bottom: 20px;
}

#testleft {
	padding-left: 50px;
	float: left;
	font-size: 1.3em;
	color: white;
	width: 250px;
	padding-bottom: 20px;
	background: url(../images/layout/leftfade.jpg) right top no-repeat;
}

#clientinfo {
	background: white;
	width: 230px;
	padding-bottom: 25px;
}

#testright {
	float: left;
	color: white;
	width: 535px;
}

#narrowquote {
	width: 400px;
}

.clientlogo {
	margin-left: 30px;
	margin-top: 20px;
	}

.clienttestimg {
	border: 1px solid black;
	margin-left: 30px;
}

.clientphoto {
	width: 156px;
	padding-left: 20px;
	margin-top: 20px;
	border: none;
	padding-bottom: 20px;
}

.clientinfo1 {
	color: black;
	margin-left: 30px;
	padding-top: 10px;
}

.clientinfo2 {
	color: black;
	font-size: 1.4em;
	margin-left: 30px;
	padding-bottom: 10px;
}

.quotationmarks {
	width: 45px;
	height: 37px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.quotationmarks2 {
	width: 45px;
	height: 37px;
	float: right;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	
.quotedinfo {
	margin-left: 20px;
	font-size: 1.3em;
	text-align: justify;
}

.testquotee {
	margin-left: 20px;
	font-size: 1.2em;
}

.testquotee span {
	font-weight: bold;
	font-size: 1.3em;
}

.moretest {
	text-align: right;
	font-size: 1.3em;
	color: white;
	margin-right: 20px;
}

/* HISTORY PAGE */

#history {
	background: url(../images/content/history.png) left top no-repeat;
	width: 805px;
	height: 40px;
	margin-left: 50px;
	padding-bottom: 20px;
}

#historymain {
	float: left;
	padding-left: 50px;
	padding-right: 20px;
	font-size: 1.3em;
	color: white;
	width: 565px;
	text-align: justify;
	padding-bottom: 10px;
	}
	
#historymain p {
	padding-bottom: 10px;
}

#historyright {
	color: white;
	float: left;
	background: url(../images/layout/leftfade.jpg) top left no-repeat;
	width: 200px;
	height: 520px;
	}

#histquote {
	background: url(../images/layout/quote2.png) no-repeat;
	width: 196px;
	height: 240px;
	margin-left: 5px;
	font-size: 1.1em;
	margin-top: 10px;
	}
	
#histquote h3 {
	font-size: 1.3em;
	padding-left: 15px;
	padding-top: 50px;
	padding-right: 25px;
}

#histquote p {
	padding-top: 10px;
	padding-left: 15px;
	}
	
#historymain  ul {
	list-style-position: inside;
	padding-top: 5px;
	padding-bottom: 10px;
}	
.histquotee {
	margin-left: 20px;
	font-style: italic;	
	font-size: 1.1em;
}
.histquotee span  {
	font-size: 1.2em;
	font-weight: bold;
}

.histext {
	padding-top: 10px;
	margin-bottom: 10px;
	}

.histoffice {
	margin-left: 20px;
	width: 180px;
}	
	
.histoffice2 {
	margin-left: 20px;
	margin-top: 10px;
	width: 180px;
}

/* CLIENTS AND CONTRACTS PAGE*/

#client {
	background: url(../images/content/clients.png) left top no-repeat;
	width: 805px;
	height: 40px;
	margin-left: 50px;
	padding-bottom: 20px;
}

#clientleft {
	color: white;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	background: url(../images/layout/leftfade.jpg) right no-repeat;
	width: 250px;
	height: 520px;
	}

#clientmain {
	float: left;
	font-size: 1.3em;
	color: white;
	width: 525px;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
#clientmain img {
	padding-bottom: 5px;
	padding-right: 5px;
	border: 0px;
}

#clientleft ul img {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#clientleft ul {
	padding-left: 15px;
	font-size: 1.3em;
	list-style-type: disc;
	}
	
#clientleft ul li {
	padding: 1px;
}

#clientleft ul li a {
		color: white;
		text-decoration: none;
}

#clientleft ul li a:visited {
		color: white;
		text-decoration: none;
}

#clientleft ul li a:hover {
		color: white;
		text-decoration: none;
}	

#clientleft p {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.3em;
}

#clientleft h3 {
	font-size: 1.4em;
	padding-right: 10px;
}

/* footer */
	
#footerwrap {
	margin-right: auto;	
	margin-left: auto;
	padding-bottom: 71px;
	background: url(../images/layout/fullshadow.png) center no-repeat;
	width: 1024px;
	height: 77px;
	clear: both;
	}
	
#footer {
	color: white;
	border-top: 3px solid white;
	background: #e94b2f;
	height: 75px;
	width: 856px;
	margin: 0 auto;
	}
	
#footerlinks {
	width: 325px;
	height: 75px;
	background: white;
	float: left;
	text-align: right;
	padding-right: 5px;
	}
	
#footer img {
	border: 0px;
	}	
	
#address {
	float: left;
	padding-top: 10px;
	width: 520px;
	}
	
#address h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 15px;
	}

#address p {
	font-size: 1.1em;
	padding-left: 15px;
	}