@charset "utf-8";
/* CSS Document */

p, h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, form, textarea, input {padding:0px; margin:0px}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	color: #333;
	background: #810122 url(../images/main_bg.jpg) repeat-x 0 0;
	height: 100%;
}

#wrapper {
	position: relative;
	width: 900px;
	height: 100%;
	background-color: #fff;
	margin: 30px auto 0 auto;
}

#header {
	background: url(../images/logo_header.jpg) no-repeat 0 0;
	height: 150px;
}

#navigation	{
	position: relative;
	color: #fff;
	margin: 1px 1px 0 1px;
	background: #9d032a url(../images/navigation_bg.jpg) repeat-x 0 0;
}

#smallNavigation {
	position: relative;
	float:right;
	height:100%;
	margin-right:24px;
	width: 50%;
}

.goBottom {
	position: absolute;
	bottom: 5px;
	right: 0;
}

#imageHeader, #headerServices, #headerContact, #headerDomestic {
	position:relative;
	margin: 1px 1px 0 1px;
	padding:0;
	background: #000 url(../images/image_bg.jpg) no-repeat 0 0;
	height:180px;
}

#headerServices {
	background: #000 url(../images/commercial_services_1.jpg) no-repeat 0 0;
}

#headerContact {
	background: #000 url(../images/contact_header.jpg) no-repeat 0 0;
}

#headerDomestic {
	background: #000 url(../images/domestic_services.jpg) no-repeat 0 0;
}


#altHeader {
	position:relative;
	margin: 1px 1px 0 1px;
	padding:0;
	background: #000 url(../images/header_bg.jpg) no-repeat 0 0;
	height:90px;
}

.headerHolder {
	float:left;
	position:relative;
	width: 320px;
	margin:0;
	padding:0;
	z-index:2;
}

.vanHolder {
	float:left;
	left: 1px;
	position:relative;
	width: 277px;
	height:180px;
	margin:0;
	padding:0;
}

#mainBody {
	position: relative;
	margin:1px;
	background: url(../images/right_bg.jpg) repeat-y 0 0;
	height:100%;
}

#electrician {
	position:relative;
	background: url(../images/electrician.jpg) no-repeat -30px bottom;
	height:100%;
}

#leftColumn {
	float: left;
	width: 598px;
	background: url(../images/leftcolumn_bg.jpg) repeat-x 0 0;

}

.imageHolder {
	position: relative;
	width: 250px;
	height: 247px;
	float:left;
}

#rightColumn {
	float: right;
	width: 299px;
	background-color: #ebebe6;
	padding-top: 10px;

}

.mainPadder {
	padding: 25px;
}

.navPadder	{
	padding: 10px 14px;
}

.smallPadder {
	padding: 10px;
}

.smallPod {
	background: #fff url(../images/podTop.gif) no-repeat 0 0;
	width: 278px;
	margin: 0 auto;
}
.smallPodBot {
	height: 14px;
	background: url(../images/podBottom.gif) no-repeat 0 0;
	width: 278px;
	margin: 0 auto 12px auto;
}

#footer {
	margin: 1px;
	border-top: 1px solid #ce1141;
	background: #fff url(../images/footer_bg.jpg) repeat-x 0 0;
	padding:15px 15px 10px 15px;
}

#footerLeft {
	float:left;
	padding:0;
	margin:0;
}

#footerRight {
	float:right;
	padding-right: 30px;
	padding-top: 10px;
	margin:0;
	background: url(../images/azexis_logo.gif) no-repeat center right;
}

/*fonts*/

h1 {
	color: #fff;
	font-size: 125%;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	width: 230px;
	padding: 24px 24px 0 24px;
}

h2 {
	color: #ce1141;
	font-size:80%;
	padding-bottom: 10px;
}

h3 {
	color: #ce1141;
	font-size:80%;
	padding: 20px 0 10px 0;
}

.smallPod h3 {
	border-bottom: 1px dotted #333;
	padding-bottom: 15px;
	margin: -15px 0 13px 0;
}

.smallPod h4 {
		font-size:70%;
		padding-bottom: 5px;
		
}

p, table {
	font-size: 70%;
	line-height: 1.6;
	margin-bottom: 10px;
}

p.divide {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}

#footer p {
	font-size: 60%;
}

p.greyText, #footerRight p {
	color: #bbb;
}

#footerLeft p {
	padding-top:10px;
}

/*lists*/

#navigation li, #navigation li.first {
	position:relative;
	display: block;
	float:left;
	/*background:url(../images/nav_divider.jpg) no-repeat 0 3px;*/
	font-size: 80%;
	padding:10px 10px;
	margin:-10px 0;
	border-left: 1px solid #8f082a;
}

#navigation li.first {
	background: none;
	border: none;
}

.navDivider {
	background:url(../images/nav_divider.jpg) no-repeat center left;
	display: block;
	float:left;
	position:relative;



}

#navigation li.selected {
	background:url(../images/selected.jpg) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:-10px;
}

#navigation li.firstSelected {
	background:url(../images/selected.jpg) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:-10px;
	border:none;
}


#smallNavigation li.bookmark, #smallNavigation li.email, #smallNavigation li.helpMe {
	display: block;
	float:left;
	list-style-type: none;
	font-size: 70%;
	padding-left: 27px;
	margin-left: 15px;
	border-left: 1px solid #aaa;
	background: url(../images/help.gif) no-repeat 12px 2px;
}
	
#smallNavigation li.email {
	background: url(../images/email.gif) no-repeat 12px 2px;
}

#smallNavigation li.bookmark {
	border: none;
	background: url(../images/bookmark.gif) no-repeat 12px 2px;
}



#footer li, #footer li.first, #footer li.last {
	float: left;
	display: block;
	list-style-type: none;
	font-size: 60%;
	padding: 0 10px;
	border-right: 1px solid #e1506f; 
}

#footer li.first {
	padding-left: 0;
}

#footer li.last {
	border: none;
}

.listPointer {
	font-size: 70%;
	line-height: 1.6;

	margin-left: 20px;
}

.listPointer ul {
	list-style-image:url(../images/list_pointer.gif);
}

.normality {
	margin-bottom: 10px;
	padding-left: 20px;
}

.normality ul {
	list-style-image:url(../images/tick.gif);

	}

.normality li {
	font-size: 70%;
	line-height: 1.6;
}


/*links*/

a:link {
	color: #ce1141;
}

a:hover, a:visited {
	color: #62031b;
}

#smallNavigation a:link, #smallNavigation a:visited {
	color: #ce1141;
	text-decoration:none;
}

#smallNavigation a:hover {
	color: #aaa;
	text-decoration: none;
}

#navigation a:link, #navigation a:visited {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover {
	color: #f89;
	text-decoration: none;
}

#footerRight a:link, #footerRight a:visited {
	color: #bbb;
	text-decoration:none;
}

#footerRight a:hover {
	color: #333;
	text-decoration:none;
}


#footerLeft a:link, #footerLeft a:visited {
	color: #666;
	text-decoration: none;
}

#footerLeft a:hover {
	color: #ce1141;
	text-decoration: none; 
}

/*forms*/

acronym, abbr, .help {
	border-bottom: 1px dotted #565659;
	cursor: help;
}

input, select {
	margin-right: 10px;
	height: 1.3em;
}

select {
	height: 1.6em;
	}

.submit {
 background: url(../images/navigation_bg.jpg) repeat-x 0 0;
 color: #fff;
 border: 1px solid #7d0121;
 padding: 3px;
 height: 2em;
}

img {
	border: none;
}

.floatLeft {
	float:left;
	padding-right: 10px;
	margin-top:5px;
}

.listLeft {
	float:left;
	padding-right: 10px;
	margin-top:5px;

}

.listRight, .listRightRight, .mapRight {
	float:right;
	padding-right: 10px;
	margin-top:5px;
	width: 250px;
}

.listRightRight {
	padding: 0;
}

.mapRight {
	padding: 0;
	width: 330px;
	}

.listWrapper {
	position:relative;
	margin: 15px 0 15px 0;
	padding: 5px 0 10px 0;
	border-top: 1px solid #ce1141;
	border-bottom: 1px solid #ce1141;
}

.floatWrapper {
	position:relative;
	margin: 15px 0 15px 0;
	padding: 5px 0 10px 0;
}

.required {
	color: #ce1141;
}

.clearAll {
	clear:both;
}