@charset "utf-8";
/* Author: Bamboo Solutions */
/* Email: info@bamboosolutions.co.uk */

* 	 { padding:0; margin:0; border:0;}
body { font-family:Arial, Helvetica, sans-serif; background:#b4def2 url(../images/background.jpg) repeat-x; }
a:focus { outline:none; }

p span, h1 span, h2 span, h4 span, a span { display:none; }

h2 { font-size:28px; color:#21489e; margin-bottom:15px; }
h3 { font-size:20px; color:#21489e; margin-bottom:15px; }
strong { font-size:16px; font-weight:normal; }
p { font-size:13px; margin-bottom:15px; line-height:18px; }


/* fix the clear float on container div issues */
.clearfix {clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height: 1%; }

/* to fix duplicate text bug apply margin of -3px to the last float:left element */
.container {  width:880px;  margin:0 auto; background-color:#FFF; }
#locationSigns { background:url(../images/locationsigns.gif) left top no-repeat; }
#locationSigns h2 { font-size:24px; }
p.p1 { margin:0 0 0 0; width:420px; color:#FFF; line-height:20px; font-size:14px; }
p.p2 { margin:40px 0 40px 0; width:420px; color:#1c7fb1; line-height:20px; font-size:14px; }
div.header { width:880px; height:200px; background: url(../images/header.jpg) #FFF; margin:0 0 0 0; }

.nav { display:block; width:840px; height:47px; background:url(../images/navBackground.jpg); list-style:none; padding:0 20px 0 20px; }
.nav li { height: 47px; float:left; }
.nav li a { display:block; height: 47px; width:110px; margin-right:115px; }
.nav li a#home { background:url(../images/btnHome.jpg) bottom left; margin-left:30px;}
.nav li a#home:hover,
.nav li a#homeActive { background:url(../images/btnHome.jpg) top left; margin-left:30px;}
.nav li a#contactus { background:url(../images/btnContactus.jpg) bottom left; margin-right:0px;}
.nav li a#contactus:hover,
.nav li a#contactusActive { background:url(../images/btnContactus.jpg) top left;margin-right:0px;}
.nav li a#services { background:url(../images/btnServices.jpg) bottom left;}
.nav li a#services:hover,
.nav li a#servicesActive { background:url(../images/btnServices.jpg) top left;}
.nav li a#portfolio { background:url(../images/btnPortfolio.jpg) bottom left;}
.nav li a#portfolio:hover,
.nav li a#portfolioActive { background:url(../images/btnPortfolio.jpg) top left;}

.portfolioImage {display:block; width:254px; height:166px; float:left; margin:0 21px 30px 0 ;}
.portfolioImage.last { margin-right:0px;}

.page { width:804px; background:#FFF; padding:0 38px 0 38px; }
.h1Title { display:block;  width:804px; height:77px; float:left; background:url(../images/h1Background.jpg); margin-bottom:0; }

#h1BoltonSignCompany { width:440px; height:66px; display:block; background:url(../images/h1BoltonSignCompany.jpg) left top no-repeat; float:left; }
#h1ManchesterSignCompany { width:440px; height:66px; display:block; background:url(../images/h1ManchesterSignCompany.jpg) left top no-repeat; float:left; }
#h1BurySignCompany { width:440px; height:66px; display:block; background:url(../images/h1BurySignCompany.jpg) left top no-repeat; float:left; }
#h1LeighSignCompany { width:440px; height:66px; display:block; background:url(../images/h1LeighSignCompany.jpg) left top no-repeat; float:left; }
#h1OldhamSignCompany { width:440px; height:66px; display:block; background:url(../images/h1OldhamSignCompany.jpg) left top no-repeat; float:left; }
#h1PrestonSignCompany { width:440px; height:66px; display:block; background:url(../images/h1PrestonSignCompany.jpg) left top no-repeat; float:left; }
#h1RochdaleSignCompany { width:440px; height:66px; display:block; background:url(../images/h1RochdaleSignCompany.jpg) left top no-repeat; float:left; }
#h1SouthportSignCompany { width:440px; height:66px; display:block; background:url(../images/h1SouthportSignCompany.jpg) left top no-repeat; float:left; }
#h1StockportSignCompany { width:440px; height:66px; display:block; background:url(../images/h1StockportSignCompany.jpg) left top no-repeat; float:left; }
#h1WarringtonSignCompany { width:440px; height:66px; display:block; background:url(../images/h1WarringtonSignCompany.jpg) left top no-repeat; float:left; }
#h1Ashton-u-lyneSignCompany { width:440px; height:66px; display:block; background:url(../images/h1Ashton-u-lyneSignCompany.jpg) left top no-repeat; float:left; }

.links { display:block; width:254px; height:166px; float:left; margin-bottom:30px; }
#vehicles { margin-right:21px; background:url(../images/vehicles.jpg) }
#fascias { margin-right:21px; background:url(../images/fascias.jpg)}
#illuminated {  background:url(../images/illuminated.jpg)}

.leftArea { float:left; width:510px;}

.rightArea {width:248px; border:#abd6ec 3px solid; float:right; margin-bottom:20px;}
.rightArea h2 {display:block; height:54px;}
#h2OurServices {background:url(../images/h2Services.jpg);}
#h2ContactUs {background:url(../images/h2ContactUs.jpg);}
#h2Enquiry {background:url(../images/h2Enquiry.jpg);}
.rightArea ul {margin:20px 0 0 44px; color:#0c5c88}
.rightArea ul li { font-size:16px; margin-bottom:24px;}
.rightArea p {margin:0 0 28px 44px; color:#0c5c88; font-size:16px;}

#rightAreaContactUs p {margin-left:20px;}
#rightAreaContactUs strong {font-weight:bold;}
#h2FindUs { background:url(../images/h2FindUs.jpg) no-repeat;display:block; width:506px; height:54px; margin-bottom:0px;}

.fullWidth	{width:803px;}
#width75	{ width:75%; }
.fullWidth ul, #width75 ul {margin:20px 0 0 44px;}
.fullWidth ul li, #width75 ul li { font-size:16px; margin-bottom:24px; color:#000; list-style-image:url(../images/bullet.jpg); list-style-position:outside;}
.fullWidth ul li strong, #width75 ul li strong {color:#21489e; font-weight:bold;}
#width75 h3 {  display:block; width:300px; height:20px; padding:0 0 0 30px; margin:10px 0 0 0; font-size:16px; color:#21489e; background:url(../images/bullet.jpg) top left no-repeat; }
#width75 p.introservices { margin-left:0; }
#width75 p { margin:0 0 20px 30px; font-size:14px; }



.footer { display:block; width:880px; height:152px; background: url(../images/footerBackground.jpg) no-repeat #FFF; }
.footerLeft { height:80px; width:500px; margin-left:37px; float:left; }
#h4About {background:url(../images/h4About.jpg) no-repeat;display:block; width:70px; height:34px; margin-bottom:0px;}
.footerLeft p { font-size:10px; line-height:12px; color:#363636; }
.footerLeft p a { color:#1c7fb1; text-decoration:none; }
.footerLeft p a:hover { text-decoration:underline; }
.footerRight { height:80px; width:132px; margin-right:37px; float:right; }
.footerRight a { display:block; height:55px; width:132px; margin-top:10px; background:url(../images/bamboo.jpg) no-repeat;}
.footerRight a span { display:none; }



/****************** forms ******************************/
form { margin: 0px 0 0 0; padding: 0; width:100%; display:block; }
form fieldset { /*display:block; height:150px; float:left; border-width:1px; border-style:solid; padding:10px; margin:0 0 0 0; float:left;*/ }
form fieldset legend { font-size:14px; }
form label { display:block; float:left; width:60px; padding-top:3px; margin:14px 0 0 0; text-align:right; font-size:14px; }
form input {border:#abd6ec 3px solid; width:160px; height:18px; margin:10px 0 0 5px; padding:3px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
form select { width:120px; height:25px; margin:10px 0 0 5px; padding:3px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
form textarea {border:#abd6ec 3px solid; width:160px; height:94px; margin:10px 0 0 5px; padding:3px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
form .chkbox { border:none; }
form .button { float:left; clear:both; cursor:pointer; margin-left:40px; border 0 none; width:134px; height:31px; }
form .error { margin-top:5px; }
form textarea { overflow:auto; }
form small { display:block; margin: 0 0 5px 160px; padding:1px 3px; font-size: 88%; }
form .required { font-weight:bold; }
form br { clear:left; }
#enquiryButton {margin-left:65px; width:172px; margin-bottom:10px;}