/*
Package:	Ashworth Electrical Website - 2010
Title:		default.css
Media:		Screen
Type:		Layout and Text styles
Author:		Fish.Net (Christian)

1. Default Styles
2. Layout

*/

/*-------------------- 1. Default Styles --------------------*/

/* Defaults and Resets*/
html, body { margin: 0; padding: 0; height: 100.1%; }
body { text-align: center; margin: 0; padding: 0; font: normal normal 12px/18px Arial, Helvetica, sans-serif; color: #203382; background: #203382 url(/images/bg2.gif) no-repeat center top; background-position: 50% 30px; }
ul { padding: 0px; margin: 0px; }
li { background-repeat: no-repeat; background-position: 0px 5px; padding: 0px; margin: 0px; }


/* Base Heading Tags */
h1, .sectionheader { font-size: 20px; margin: 0; padding: 0; font-weight: 700; }
h2 { font-size: 16px; margin: 0; padding: 0; font-weight: 700; }
h3 { font-size: 14px; margin: 0; padding: 0; font-weight: 700; }
h4 { font-size: 13px; margin: 0; padding: 0; font-weight: 700; }

/* General Styles */
.clearme { clear: both; height:0; font-size: 1px; line-height: 0px; color: #FFFFFF !important; background-color: transparent !important; border: 0 !important; }
.floatLeft { float: left; margin: 10px 15px 10px 0; }
.floatRight { float: right; margin: 10px 0 10px 15px; }
.clearLeft { clear: left; padding-top: 20px; }
.clearRight { clear: right; padding-top: 20px; }
.shiftright { float: left; margin: 10px 15px 10px 90px; }
hr { margin-top: 25px; border: 0; color: #dddedf; background-color: #dddedf; height: 1px; }
img { border: 0; }

#content a { color:#203382; text-decoration:none; }
#content a:hover { color:#203382; text-decoration:underline; }

/*-------------------- 2. Layout --------------------*/

/* Basic Layout */
#wrapper-outer { width: 990px; margin: 0 auto; text-align: left; background: #203382 url(/images/bg.gif) repeat-y center top;}
#wrapper-inner { background: #fff; width: 910px; margin: 0 auto; text-align: left; border: 1px solid #fff;}

#header { /*border: 1px solid red;*/ height: 160px; background: url(/images/header-bg.gif) no-repeat center top; }
#nav { height: 40px; }
#mast-large { height: 246px; margin-bottom: 40px; }
#mast-large img {  }
#mast-small { height: 60px; color: #fff; margin-bottom: 25px;  border: 5px solid #e0e2ed;  }

.one { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-1-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.two {  height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-2-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.three { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-3-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.four { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-4-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.five { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-5-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.six { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-6-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.seven { height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-7-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.eight { /*border: 1px solid red;*/ height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-8-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }
.nine { /*border: 1px solid red;*/ height: 60px; color: #fff; margin-bottom: 25px; background: #203382 url(/images/mast-bg-9-small.jpg) no-repeat right; border: 5px solid #e0e2ed;  }

#mast-small h1, .sectionheader { padding: 22px 0 0 15px; }
#content-home-left { /*border: 1px solid red;*/ float: left; margin-bottom: 35px; width: 450px; text-align: left; margin-right: 10px; }
#content-home-right { /*border: 1px solid red;*/ float: right; margin-bottom: 35px; width: 405px; text-align: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #EBEBEB; padding: 20px 20px 20px 25px !important; -webkit-box-shadow: 4px 4px 11px #989898; -moz-box-shadow: 4px 4px 11px #989898; box-shadow: 4px 4px 11px #989898; }
#content-narrow { border-right: 1px solid #e0e2ed; padding: 0 16px 0 0; margin: 0 0 35px 20px; width: 642px; float: left; }
#content-sidebar { /*border: 1px solid red;*/ margin-bottom: 35px; width: 215px; float: right; margin-bottom: 60px; }
#footer { /*border: 1px solid red;*/
	color: #989898;
	font-size: 11px;
	height: 170px;
	background-color: #F7F7F7;
	background-image: url(/images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer p { padding: 0; margin: 0; }
.clearme { clear: both; }
div {
	font-style: normal;
}

#content-wide img { border: 3px solid #bcc1d9; }
#content-narrow img { border: 3px solid #bcc1d9; }
#content ul { font-size: 13px; font-weight: 700; float: left; }
#content ul li { background: url(/images/tick.gif) no-repeat; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 1px; list-style: none; }

#projectlist ul { font-size: 13px; font-weight: 700; float: left; }
#projectlist ul li { padding: 0 0 3px 19px !important; list-style-position: inside; margin: 0; background-position:0 1px; background-image: url("/images/tick.gif"); background-repeat: no-repeat; background-attachment: scroll;}


.contentPadder { padding: 0; margin: 0; clear: left; font-size: 7px !important; }
.homeServicesList { margin: 12px 22px 0 0; }
p.intro, address {
	padding: 0;
	margin: 0;
	font-style: normal;
}
p.boldintro { font-weight: 700; }
p.boldintro2 { font-weight: 700; padding: 0; margin: 0; }

.cta-block-sectors {  margin: 0 39px 30px 0; text-align: left; float: left; display: block;  width: 277px; height: 157px; color: #fff !important; background: transparent url(/images/cta-sectors.jpg) no-repeat;  zoom: 1; }

.cta-block-experience { margin: 0 39px 30px 0; text-align: left; float: left; display: block;  width: 277px; height: 157px; color: #fff !important; background: transparent url(/images/cta-new-industrial.jpg) no-repeat; zoom: 1; }

.cta-block-projects { margin: 0 0 30px 0; text-align: left; float: left; display: block;  width: 277px; height: 157px; color: #fff !important; background: transparent url(/images/cta-projects.jpg) no-repeat;  zoom: 1; }

.cta-block-industrial { margin: 0 0 65px 0; text-align: left; float: left; display: block;  width: 277px; height: 157px; color: #fff !important; background: transparent url(/images/cta-industrial.jpg) no-repeat; zoom: 1; }

.cta-block-text { display: block; width: 240px; height: 10px; text-decoration: none; padding: 130px 0 0 10px; font-size: 13px; font-weight: 700; color: #fff; border: 0; }

.cta-small-text { display: block; float:left; width: 250px; height: 70px; font-size: 11px; padding: 20px 0 0 0px; color: #000;}
#content-home-wide a { text-decoration: none; }
#content-home-wide a:hover { opacity: 0.7; }

/* Main Navigation */
#nav ul { font-size: 13px; }
#nav ul li { display: inline; list-style-type: none; padding-right: 19px; }
#nav ul li a:link { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #dcdfea; }
#nav ul li a:visited { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #dcdfea; }
#nav ul li a:hover { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #203382; }
#nav ul li a:active { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #dcdfea; }

#nav ul li.currentpage a:link { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #203382; }
#nav ul li.currentpage a:visited { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #203382; }
#nav ul li.currentpage a:hover { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #203382; }
#nav ul li.currentpage a:active { color: #203382; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #203382; }

/* Header */
#logo-ashworth { float: left; margin: 28px 0 0 0; }
#logo-other { float: right; margin: 52px 0 0 0; }


/* Sidebar */
.quote {  }
.quote-text { color: #6976ab; float: left; font-size: 12px; font-weight: 0; font-style: italic; }
.quote-source { color: #6976ab; float: left; font-size: 10px; margin-bottom: 24px; padding-bottom: 20px;border-bottom: 1px solid #bcc1d9; width: 100%; text-align: right; }
.quote-source-last { color: #6976ab; float: left; font-size: 10px; margin-bottom: 24px; padding-bottom: 20px;border-bottom: none !important; width: 100%; text-align: right; }
#cta-contact { font-size: 13px; font-weight: 700; float: left; margin-bottom: 35px; width: 170px; text-align: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #E0E2ED; padding: 20px 20px 20px 25px !important; }
.getintouchlink { text-decoration: none !important; }
a#cta-contact { color: #203382 !important; text-decoration: none !important; }
#cta-contact:hover { color: #203382 !important; text-decoration: underline !important; }
#content-sidebar iframe { width: 211px; height: 284px; margin-top: 10px; border: 2px solid #e0e2ed; }


/* Footer */
#footer-sitemap { float: right; width: 200px; height: 120px; margin: 20px 0 0 0; line-height: 20px; text-align: right; }
#footer-sitemap ul { padding: 0; }
#footer-sitemap ul li { padding: 0; list-style-position: inside; margin: 0; list-style: none; }
#footer-sitemap a:link { color: #989898; }
#footer-sitemap a:visited { color: #989898; }
#footer-sitemap a:hover { color: #727272; }
#footer-sitemap a:active { color: #989898; }
#footer-address { text-align: left; float: left; width: 280px; margin: 23px 0 0 0px; line-height: 14px; }
.footer-sitemap-header { font-weight: 700; }
p#fishnetplug { float: left; margin-top: 5px; border-top: 1px solid #DFDFDF; padding-top: 15px; }
#fishnetplug a { color: #989898 !important; }


/* Contact Form */
form#contact input { font-family:  Arial, Helvetica, sans-serif; border: 1px solid #dddedf; color: #7e8082; font-size: 12px; padding: 2px 2px 2px 4px; margin-left: 10px;}
form#contact textarea { font-family:  Arial, Helvetica, sans-serif; border: 1px solid #dddedf; color: #7e8082; font-size: 12px; padding: 2px 2px 2px 4px; margin-left: 10px; }
.content-wide { width: 640px !important; }
form#contact input { margin-bottom: 10px; }
form#contact textarea { margin-bottom: 10px; }
.contactfield { width: 200px; }
input.contact-submit { float: right; background: url(/images/button-contact-submit.gif) no-repeat; margin: 0px; padding: 0px; width: 96px; height: 27px; border: 0 !important; cursor: pointer; outline: none; }
input.contact-submit-hover { float: right; background: url(/images/button-contact-submit-over.gif) no-repeat; margin: 0px; padding: 0px; width: 96px; height: 27px; border: 0 !important; cursor: pointer; outline: none; }
form#contact td { padding: 0; margin: 0; }
form#contact td input.corp-submit { padding: 0; margin: 10px 0 10px 0; }
.contactenquiry { margin: 0 0 0 0 !important; width: 280px; height: 77px; }
form#contact td { vertical-align: top; }
#validation-errors { margin-top: 30px !important; }
#validation-errors p { font-size: 12px !important; color: #7E8082; -moz-border-radius: 5px; -webkit-border-radius: 10px; padding: 9px 15px 7px 35px; margin: 0 0 15px 0; font-weight: 700; background: #e0e2ed url(/images/exclamation.gif) no-repeat; background-position: 10px 10px; text-decoration: none; }
#validation-errors { display: none; }
.form-heading { margin-bottom: 10px; border-bottom: 1px solid #203382; padding-bottom: 8px; margin-bottom: 20px; }
#form-enquiry-block { float: right; width: 290px; }
#form-contact-block { float: left; width: 318px; }
form#contact { margin-top: 30px; }


/* Easy Slider */
	#slider, #slider p, #slider span { zoom: 1; }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		zoom: 1;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:910px;
		height:246px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:910px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	#slider { margin-bottom: 30px; border: 2px solid #e0e2ed; -moz-box-shadow: 0px 3px 16px #C2C2C2; }
	#slider li p {  background: transparent url(/images/slide.png) repeat 0 0; margin-top: -220px; margin-left: 760px; position: relative; 
	#position: default; /* fixes the text overflow issue in IE7 and IE6 */ }

	span.mainimg-heading { width: 130px; float: left;text-align: left;color: #203382; font-size: 14px; font-weight: 700; margin:  0 15px 0 0; padding: 0px 10px 5px 10px; }
	span.mainimg-subheading { width: 130px; float: left; clear: both; text-align: left; color: #203382; font-size: 11px;  font-weight: normal;  margin: 0 0 0 0; padding: 0px 10px 10px 10px; }
	.mainimg-morelink a:link { font-size: 11px !important; width: 130px; clear: both; float: left;  text-align: left; color: #203382;  font-weight: normal;  margin: 0 0 0 0; padding: 0px 10px 10px 10px; }
	.mainimg-morelink a:visited { font-size: 11px !important; width: 130px; clear: both; float: left;  text-align: left; color: #203382;  font-weight: normal;  margin: 0 0 0 0; padding: 0px 10px 10px 10px; }
        .mainimg-morelink a:hover { font-size: 11px !important; width: 130px; clear: both; float: left;  text-align: left; color: #203382;  font-weight: normal;  margin: 0 0 0 0; padding: 0px 10px 10px 10px; }
        .mainimg-morelink a:active { font-size: 11px !important; width: 130px; clear: both; float: left;  text-align: left; color: #203382;  font-weight: normal;  margin: 0 0 0 0; padding: 0px 10px 10px 10px; }

/* // Easy Slider */#content-sidebar .phone {
	font-size: 18px;
	line-height: 37px;
	height: 37px;
	background-image: url(/images/icoPhone.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
}
#content-sidebar .form-heading {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#footer-address {
	margin-left: 20px;
}
#footer-sitemap {
	margin-right: 20px;
}

/* Main Navigation */
#subnav { border: 5px solid #E0E2ED;  background-color:#203382; margin-bottom: 10px; zoom: 1; }
#subnav ul { font-size: 13px;  padding: 5px 0px;}
#subnav ul li { display: inline; list-style-type: none; padding-right: 19px; }
#subnav ul li a:link { color: #fff; text-decoration: none; padding-bottom: 3px;  }
#subnav ul li a:visited { color: #fff; text-decoration: none; padding-bottom: 3px; }
#subnav ul li a:hover { color: #fff; text-decoration: none; padding-bottom: 3px;  }
#subnav ul li a:active { color: #fff; text-decoration: none; padding-bottom: 3px;  }

#subnav ul li.active a:link { color: #fff; text-decoration: underline; padding-bottom: 3px;  }
#subnav ul li.active a:visited { color: #fff; text-decoration: underline; padding-bottom: 3px; }
#subnav ul li.active a:hover { color: #fff; text-decoration: underline; padding-bottom: 3px;  }
#subnav ul li.active a:active { color: #fff; text-decoration: underline; padding-bottom: 3px;  }

#content, #content-home-left, #content-home-right, #content-home-wide { zoom: 1; }