@import url("reset.css");
@import url("typography.css");

html, body{ margin:0;padding:0; text-align:center;  } 
body{background: #4b6a59 url("../graphics/bg.gif") repeat; font-family:Arial, Helvetica, sans-serif;} 

h1, h2, h3, h4, h5, h6{margin-bottom:20px;}

h1{font-size:22px; text-transform:uppercase;}

p#linkback{position:absolute; top:85px; right:65px; color:#999; font-size:11px;}
p#linkback a{color:#999; text-decoration:none; }

#blog {position:absolute; top:30px; left:450px;}
#blog a{width:160px; height:41px; display:block; background:url("../graphics/blog.gif") no-repeat top left; line-height:41px; font-weight:bold; text-indent:55px;}


/*------- SMALL <H1> -------*/
h1#tag{font-size:8px; margin:0 auto; position:relative;}
/*--------------------------*/

h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:12px;}


#flash{position:absolute; bottom:58px; left:22px;}

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

input{border:1px solid #91c4a1;padding:5px 0 5px 0;}
input.txt{border:1px solid #91c4a1;padding:5px 0 5px 0;}
textarea{border:1px solid #91c4a1;padding:5px 0 5px 0;}
.clear{clear:both;}

p{font-size:14px;}

.alignright{float:right; margin:10px;}

#pagewidth{ position:relative; width:1025px; text-align:left;  margin-left:auto; margin-right:auto; background:url("../graphics/page-shadow.png") repeat-y ;  } 
#content-width{position:relative; width:979px; margin-left:22px; background-color:#FFFFFF; }
#fade{background:url("../graphics/fade.png") repeat-x top left ; min-height:650px;}
/*---HEADER---*/
#header{position:relative; height:100px; /*background-color:#808386*/; width:100%;} 
#logo a{width:258px; height:80px; background:url("../graphics/logo.gif") no-repeat top left ; float:left; display:inline; text-indent:-5000px; margin:20px 0 0 42px;}

#header p#tagline{background:url("../graphics/number-24hour.gif") no-repeat top left; width:292px; height:63px; position:absolute; top:28px; right:48px; text-indent:-5000px;}

#nav{position:absolute; bottom:0; left:1px;}
#nav ul{list-style:none; margin:0; padding:0;}
#nav ul li{float:left; display:inline;}
#nav ul li a{height:64px; width:93px; float:left; display:inline; text-indent:-5000px}
#nav ul li#navEmergency a{background:url("../graphics/nav.png") 0 0; }
#nav ul li#navEmergency a:hover{background:url("../graphics/nav.png") 0 bottom; }
#nav ul li#navContract a{background:url("../graphics/nav.png") -93px 0 ;}
#nav ul li#navContract a:hover{background:url("../graphics/nav.png") -93px bottom ;}
#nav ul li#navArchitects a{background:url("../graphics/nav.png") -186px 0 ;}
#nav ul li#navArchitects a:hover{background:url("../graphics/nav.png") -186px bottom ;}
#nav ul li#navTrade a{background:url("../graphics/nav.png") -279px 0 ;}
#nav ul li#navTrade a:hover{background:url("../graphics/nav.png") -279px bottom ;}
#nav ul li#navSupply a{background:url("../graphics/nav.png") -372px 0 ;}
#nav ul li#navSupply a:hover{background:url("../graphics/nav.png") -372px bottom ;}
#nav ul li#navAbout a{background:url("../graphics/nav.png") -465px 0 ;}
#nav ul li#navAbout a:hover{background:url("../graphics/nav.png") -465px bottom ;}
#nav ul li#navContact a{background:url("../graphics/nav.png") -558px 0 ;}
#nav ul li#navContact a:hover{background:url("../graphics/nav.png") -558px bottom ;}
#nav ul li#navTestimonials a{background:url("../graphics/nav.png") -651px 0 ;}
#nav ul li#navTestimonials a:hover{background:url("../graphics/nav.png") -651px bottom ;}
#nav ul li#navSafety a{background:url("../graphics/nav.png") -744px 0 ;}
#nav ul li#navSafety a:hover{background:url("../graphics/nav.png") -744px bottom ;}
#nav ul li#navEnvironment a{background:url("../graphics/nav.png") -837px 0 ;}
#nav ul li#navEnvironment a:hover{background:url("../graphics/nav.png") -837px bottom ;}

body.emergency #nav ul li#navEmergency a{background:url("../graphics/nav.png") 0 bottom; }
body.contract #nav ul li#navContract a{background:url("../graphics/nav.png") -93px bottom ;}


body.architects #nav ul li#navArchitects a{background:url("../graphics/nav.png") -186px bottom ;}

body.trade #nav ul li#navTrade a{background:url("../graphics/nav.png") -279px bottom ;}

body.supply #nav ul li#navSupply a{background:url("../graphics/nav.png") -372px bottom ;}

body.about #nav ul li#navAbout a{background:url("../graphics/nav.png") -465px bottom ;}

body.contact #nav ul li#navContact a{background:url("../graphics/nav.png") -558px bottom ;}

body.testimonials #nav ul li#navTestimonials a{background:url("../graphics/nav.png") -651px bottom ;}

body.safety #nav ul li#navSafety a{background:url("../graphics/nav.png") -744px bottom ;}

body.environment #nav ul li#navEnvironment a{background:url("../graphics/nav.png") -837px bottom ;}



/*---MAINCOL---*/
#maincol{float: left; display:inline; position: relative;}
#maincol-inner{padding:0 0 15px 0; float: left; display:inline; position: relative; /*background-color:#33CCCC!important;*/  }

#box1, #box2, #box3, #box4, #box5, #box6{position:relative; float:left; display:inline;}

#holder{font-size:18px; text-align:center; padding:40px 0 30px 0}

/*---RIGHTCOL---*/
#rightcol{float:right; position:relative; display:inline;}
#rightcol-inner{ display:inline; position: relative; background:#FFFF33; float:left;}
/*---FOOTER---*/
#footer{clear:both; width:1025px; height:100px;text-align:left; margin-left:auto; margin-right:auto; background:url("../graphics/footer.png") no-repeat top left ; position:relative;} 
#footer-inner{height:80px; position:relative; width:979px; margin-left:22px;}

#footer #footer-inner ul {list-style:none; padding:0; font-size:14px; letter-spacing:-1px; position:absolute; top:20px; left:8px; }
#footer #footer-inner ul li{text-transform:uppercase; font-weight:bold;}
#footer #footer-inner ul li#premises{color:#107e32;}
#footer #footer-inner ul li#address{color:#FFFFFF;}

#footer #footer-inner #cards{background-color:#003333; width:195px; height:35px; background:url("../graphics/cards.gif") no-repeat top left ; position:absolute; top:20px; right:43px;  }
#footer #footer-inner #cards p{text-indent:-5000px;}

/*---INDEX.php---*/

body.home #maincol-inner{width:979px;}

body.home #maincol-inner #banner{background:url("../graphics/home-banner.jpg") 40px 0 no-repeat; height:200px; width:935px; position:relative; margin:33px 0 0 0px; }
body.home #maincol-inner #banner p, body.home #maincol-inner #banner h3{text-indent:-5000px}
body.home #maincol-inner #banner #step1{ float:left; display:inline; width:292px; height:123px; position:relative}
body.home #maincol-inner #banner #step2{float:left; display:inline; width:310px; height:123px; position:relative}
body.home #maincol-inner #banner #step3{ float:left; display:inline; width:267px; height:123px; position:relative}
 
body.home #maincol-inner #content{background:#333399; position:relative;}
body.home #maincol-inner #content #box1 a.title{position:absolute; top:30px; left:22px; width:280px; height:455px; text-indent:-5000px;}
body.home #maincol-inner #content #box2 a.title, #box3 a.title, #box4 a.title, #box5 a.title{position:absolute; top:25px; left:2px; width:280px; height:140px; text-indent:-5000px}
body.home #maincol-inner #content #box1{width:328px; height:489px; margin:10px 0 0 25px; background:url("../graphics/home-local-glazier.jpg") no-repeat top left;}
body.home #maincol-inner #content #box2{width:304px; margin:10px 0 0 0; background:url("../graphics/home-contract-glazing.jpg") no-repeat top left;}
body.home #maincol-inner #content #box3{width:304px; margin:10px 0 0 0; background:url("../graphics/home-supply-only.jpg") no-repeat top left;}
body.home #maincol-inner #content #box4{width:304px; margin:0; background:url("../graphics/home-architects.jpg") no-repeat top left;}
body.home #maincol-inner #content #box5{width:304px; margin:0; background:url("../graphics/home-trade-counter.jpg") no-repeat top left;}
body.home #maincol-inner #content #box6{width:179px; height:66px; margin:20px 0 0 45px; background:url("../graphics/logos.jpg") no-repeat top left; clear:both;} 
 
body.home #maincol-inner #content #box2 ul, body.home #maincol-inner #content #box3 ul, body.home #maincol-inner #content #box4 ul, body.home #maincol-inner #content #box5 ul, body.home #maincol-inner #content #box6 ul  {
list-style:none; position:relative; color:#FFFFFF; line-height:15px; background: url("../graphics/home-list-bg.gif") repeat-y top left; margin:160px 0 0 0; padding:5px 0 10px 22px; }

body.home #maincol-inner #content #box2 ul li, body.home #maincol-inner #content #box3 ul li, body.home #maincol-inner #content #box4 ul li, body.home #maincol-inner #content #box5 ul li, body.home #maincol-inner #content #box6 ul li  {
background:url("../graphics/bullet-dark.gif") no-repeat 0 5px; padding:0 30px 0 12px;}

ul li.more-info {background:none!important; margin:5px 0 0 0;}
.more-info a{text-decoration:none;  text-transform:uppercase; font-weight:bold; color:#000000;}
.more-info a:hover{color:#c1c1c1;}

body.home #maincol-inner #banner #step3 a#quote{position:absolute; top:82px; left:125px;}
form#callback{position:absolute; top:65px; left:95px; width:215px;}
#callback input#phonenumber{width:140px; font-size:14px; }
#callback input#submit{border:none; padding:0; height:auto; position:absolute; top:4px; right:0;}
body.home #maincol-inner #banner #step1 #form-message {position:absolute; bottom:10px; left:95px; width:230px; font-size:10px; color:#666666;}


/*---EMERGENCY-GLAZING.php---*/

body.emergency #maincol-inner{width:979px; padding-bottom:0;}
body.emergency #rightcol{display:none;}
body.emergency #rightcol-inner{display:none;}
body.emergency #maincol-inner #banner{background:url("../graphics/emergency-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; }
body.emergency #maincol-inner #content{position:relative;} 
body.emergency #maincol-inner #content ul{list-style:none;}
body.emergency #maincol-inner #content #box1{width:935px; height:453px;  background:url("../graphics/emergency-check.jpg") no-repeat top left;}
body.emergency #maincol-inner #content #box2{width:304px; height:245px;  margin:10px 0 0 0; /*background:#009999;*/ text-indent:-5000px }
body.emergency #maincol-inner #content #box4{position:absolute; bottom:-33px; right:-46px; width:376px; height:214px; background:url("../graphics/emergency-vans.jpg") no-repeat top left; z-index:900}
body.emergency #maincol-inner #content #box3{width:400px; height:245px;  margin:10px 0 0 0;position:absolute; top:0; right:0;}
body.emergency #maincol-inner #content #box3 h2{margin:0 0 10px 0;}
body.emergency #maincol-inner #content #box3 ul{font-size:14px; padding:0; margin:0 0 10px 0; list-style:none; line-height:17px; width:400px;}
body.emergency #maincol-inner #content #box3 li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px}


/*---CONTRACT-GLAZING.php---*/
body.contract #maincol-inner #banner{background:url("../graphics/contract-banner2.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 

body.contract #maincol-inner #rightcol-inner{width:202px;} /*Controls height of page*/
body.contract #maincol-inner #rightcol-inner #img1{background:url("../graphics/contract-round1.jpg") no-repeat top left; width:202px; height:202px; position:absolute; top:44px; right:0;}
body.contract #maincol-inner #img2{background:url("../graphics/contract-round2.jpg") no-repeat top left; width:202px; height:195px; position:absolute; bottom:-19px; right:0; z-index:800} 
body.contract #maincol-inner{width:935px; padding-bottom:0;}
body.contract #maincol-inner #content{width:700px; float:left; display:inline; position:relative; margin:0 0 0 25px }
body.contract #maincol-inner #content #box1{width:670px; background:url("../graphics/contract-dorma-approved.gif") top left no-repeat; min-height:93px; margin:40px 0 0 0;}
body.contract #maincol-inner #content #box2{width:488px; position:relative; margin:30px 0 0 155px; }
body.contract #maincol-inner #content #box3{width:690px; margin:10px 0 0 0; background:url("../graphics/contract-emergency.gif") top left no-repeat; min-height:93px }
body.contract #maincol-inner #content #box4{width:500px; margin:35px 0 0 190px;}
body.contract #maincol-inner #content #box5{width:670px; margin:10px 0 0 0; background: url("../graphics/contract-safe.gif") top left no-repeat; text-indent:0!important; }
body.contract #maincol-inner #content #box6{width:465px; text-indent:0!important; margin:40px 0 0 33px; }


/*---ARCHITECTS-DESIGNERS.php---*/
body.architects #maincol-inner #banner{background:url("../graphics/generic-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 
body.architects  #maincol-inner #rightcol-inner{width:394px; background:none;}
body.architects  #maincol-inner #rightcol-inner #img1{background:url("../graphics/architects-img1.jpg") no-repeat top left; width:390px; height:434px; position:relative; margin:10px 0 0 0;}

body.architects  #maincol-inner{width:935px; padding-bottom:0; padding:0 0 10px 0;}
body.architects  #maincol-inner #content{width:445px; float:left; display:inline; position:relative; margin:30px 0 0 50px  }
body.architects  #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:445px;}
body.architects  #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px}
p.large{margin:0 0 20px 0; font-size:20px; font-weight:bold; letter-spacing:-1px; display:block; text-indent:0;}
.supply-logos{height:45px; width:268px; background:url("../graphics/supply-logos.gif") no-repeat 0 0; margin:0 0 20px 0; }


/*---TRADE-COUNTER.php---*/
body.trade #maincol-inner #banner{background:url("../graphics/trade-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 
body.trade #maincol-inner #content{width:800px; float:left; display:inline; position:relative; margin:30px 0 0 50px; min-height:200px  }
body.trade #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:445px;}
body.trade #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px; margin-bottom:10px;}


/*---SUPPLY-ONLY.php---*/
body.supply #maincol-inner #banner{background:url("../graphics/supply-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 

body.supply #maincol-inner #content{width:445px; float:left; display:inline; position:relative; margin:30px 0 0 50px  }
body.supply #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:445px;}
body.supply #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px; margin-bottom:10px;}
p.large{margin:0 0 20px 0; font-size:20px; font-weight:bold; letter-spacing:-1px; display:block; text-indent:0;}


/*---ABOUT.php---*/
body.about #maincol-inner #banner{background:url("../graphics/about-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 
body.about #maincol-inner #content{width:900px; float:left; display:inline; position:relative; margin:30px 0 0 50px  }
body.about #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:400px;}
body.about #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px; margin-bottom:10px;}


body.about #maincol-inner #content #col1{width:400px; float:left; display:inline;}
body.about #maincol-inner #content #col2{width:415px; float:left; display:inline; margin:0 0 0 20px; border-left:1px solid #009342; padding:0 0 0 20px}


/*---CONTACT.php---*/
body.contact #maincol-inner #banner{background:url("../graphics/contact-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 
body.contact #maincol-inner{width:950px; padding-bottom:0; padding:0 0 10px 0;}
body.contact #maincol-inner #content{width:908px; height:423px; float:left; display:inline; position:relative; margin:30px 0 0 35px; background:url("../graphics/contact-us.gif") top left no-repeat; }
body.contact #maincol-inner #content #banner{/*background:#336600*/ background:none; width:715px; height:171px; padding:0; margin:0;}


body.contact #maincol-inner #content #banner p, body.contact #maincol-inner #banner h3{text-indent:-5000px}
body.contact #maincol-inner #content #banner #step1{ float:left; display:inline; width:236px; height:123px; position:relative;}
body.contact #maincol-inner #content #banner #step2{float:left; display:inline; width:252px; height:123px; position:relative;}
body.contact #maincol-inner #content #banner #step3{ float:left; display:inline; width:213px; height:123px; position:relative;}
body.contact #maincol-inner #content #box1 a.title{position:absolute; top:30px; left:22px; width:280px; height:455px; text-indent:-5000px;}
body.contact #maincol-inner #content #box2 a.title, #box3 a.title, #box4 a.title, #box5 a.title{position:absolute; top:25px; left:2px; width:280px; height:140px; text-indent:-5000px}
body.contact #maincol-inner #content #box1{width:328px; height:489px; margin:10px 0 0 25px; background:url("../graphics/home-local-glazier.jpg") no-repeat top left;}
body.contact #maincol-inner #content #box2{width:304px; height:245px; margin:10px 0 0 0; background:url("../graphics/home-contract-glazing.jpg") no-repeat top left;}
body.contact #maincol-inner #content #box3{width:304px; height:245px; margin:10px 0 0 0; background:url("../graphics/home-supply-only.jpg") no-repeat top left;}
body.contact #maincol-inner #content #box4{width:240px; height:190px; margin:0; padding-top:10px}
body.contact #maincol-inner #content #box4 ul{list-style:none; padding:0; margin:0; font-size:13px}
body.contact #maincol-inner #content #box4 ul.address{margin:0 0 15px 0;}
body.contact #maincol-inner #content #box4 ul li{line-height:20px;}
body.contact #maincol-inner #content #box4 ul li.place{color:#107e32; letter-spacing:-1px; font-weight:bold;}
body.contact #maincol-inner #content #box4 ul li#number{font-size:25px;color:#107e32; letter-spacing:-1px; font-weight:bold;}
body.contact #maincol-inner #content #box5{width:340px; height:250px; margin:0;}
body.contact #maincol-inner #content #box5 a{ position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-5000px}
body.contact #maincol-inner #content #step3 a#quote{position:absolute; top:117px; left:75px;}
body.contact #maincol-inner #content form#callback{position:absolute; top:103px; left:46px; width:210px;}
body.contact #maincol-inner #content form#callback input#phonenumber{width:110px; font-size:14px; }
body.contact #maincol-inner #content form#callback input#submit{border:none; padding:0; height:auto; position:absolute; top:4px; right:32px;}

body.contact #maincol-inner #content #banner #step1 #form-message {width:230px; font-size:10px; color:#666666; position:absolute; bottom:-26px; left:46px;}


/*---TESTIMONIALS.php---*/
body.testimonials #maincol-inner #banner{background:url("../graphics/testimonials-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 

/*---HEALTH-SAFETY.php---*/
body.safety #maincol-inner #banner{background:url("../graphics/safety-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 

body.safety #maincol-inner #rightcol-inner{width:394px; background:none;}
body.safety #maincol-inner #rightcol-inner #img1{background:url("../graphics/architects-img1.jpg") no-repeat top left; width:390px; height:434px; position:relative; margin:10px 0 0 0;}

body.safety #maincol-inner{width:935px; padding-bottom:0; padding:0 0 10px 0;}
body.safety #maincol-inner #content{width:445px; float:left; display:inline; position:relative; margin:30px 0 0 50px  }
body.safety #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:445px;}
body.safety #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px}
p.large{margin:0 0 20px 0; font-size:20px; font-weight:bold; letter-spacing:-1px; display:block; text-indent:0;}
.supply-logos{height:45px; width:268px; background:url("../graphics/supply-logos.gif") no-repeat 0 0; margin:0 0 20px 0; }
body.safety #maincol-inner #content #box1{width:240px; height:50px; position:relative; display:block; clear:both; background:url("../graphics/hslogos.jpg") no-repeat 0 0; margin:0 0 15px 0; }



/*---ENVIRONMENT.php---*/
body.environment #maincol-inner #banner{background:url("../graphics/environment-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 

body.environment #maincol-inner #content{width:800px; float:left; display:inline; position:relative; margin:30px 0 0 50px  }
body.environment #maincol-inner #content ul{font-size:16px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:600px;}
body.environment #maincol-inner #content ul li{background:url("../graphics/bullet.jpg") no-repeat 0 7px; padding-left:22px; margin-bottom:20px}




/*---QUOTE.php---*/
body.quote #maincol-inner #banner{background:url("../graphics/generic-banner.jpg") no-repeat; height:314px; width:935px; position:relative; margin:33px 0 0 0; } 
body.quote #maincol-inner #content{width:908px; height:auto!important; float:left; display:inline; position:relative; margin:30px 0 0 35px; background:none;  }
body.quote #maincol-inner #content form#contactform{width:320px; margin-top:10px}
body.quote #maincol-inner #content form#contactform label{display:block; margin:0 0 5px 0; font-size:14px;}
body.quote #maincol-inner #content form#contactform input.txt, body.quote #maincol-inner #content form#contactform textarea{width:300px; margin:5px;}
body.quote #maincol-inner #content #box4{width:240px; margin:0; position:relative; float:left; padding:0 0 0 0; display:inline; margin-left:30px; }
body.quote #maincol-inner #content #box4 ul{list-style:none; padding:0; margin:0; font-size:15px}
body.quote #maincol-inner #content #box4 ul#address{margin:0 0 30px 0;}
body.quote #maincol-inner #content #box4 ul li{line-height:20px;}
body.quote #maincol-inner #content #box4 ul li#place{color:#107e32; letter-spacing:-1px; font-weight:bold;}
body.quote #maincol-inner #content #box4 ul li#number{font-size:25px;color:#107e32; letter-spacing:-1px; font-weight:bold;}




body.quote #maincol-inner #content #box5{width:350px; margin:0; position:relative;float:left;}
input#quotebut{border:none;}
.error_message {display: block; line-height: 22px; background: #FBE3E4; padding: 10px; color:#8a1f11; border: 1px solid #FBC2C4; -webkit-border-radius:5px; width:300px }
span.required{font-size: 13px; color: #ff0000;}


/*---LANDINGPAGES EMERGENCY-GLAZING.php---*/
body.emergency #maincol-inner #content #box1{width:935px; height:453px;  background:url("../graphics/emergency-check-landing.jpg") no-repeat top left!important;}
body.landingpage #header p#tagline{background:url("../graphics/number-landing.jpg") no-repeat top left; width:292px; height:63px; position:absolute; top:28px; right:48px; text-indent:-5000px;}

body.landingpage #maincol-inner #content #box4 {background:none!important; bottom:15px!important; right:5px!important; width:350px; height:140px; }
body.landingpage #maincol-inner #content #box3 h3{text-indent:-5000px;}
body.landingpage #maincol-inner #content #box3 p{text-indent:-5000px;}
body.landingpage #maincol-inner #content #box3 #form-message{position:absolute; top:100px; left:36px; width:230px; font-size:10px; color:#666666;}
body.landingpage #maincol-inner #content #box3{width:539px; height:241px; position:absolute; top:20px; right:3px; z-index:990}
body.landingpage #maincol-inner #content #box3 form#callback{position:absolute; top:75px; left:35px; width:210px;}
body.barnsley #maincol-inner #content #box3{background:url("../images/barnsley-map.gif") no-repeat top left; }
body.blackburn #maincol-inner #content #box3{background:url("../images/blackburn-map.gif") no-repeat top left;}
body.bradford #maincol-inner #content #box3{background:url("../images/bradford-map.gif") no-repeat top left;}
body.cardiff #maincol-inner #content #box3{background:url("../images/cardiff-map.gif") no-repeat top left;}
body.derby #maincol-inner #content #box3{background:url("../images/derby-map.gif") no-repeat top left;}
body.doncaster #maincol-inner #content #box3{background:url("../images/doncaster-map.gif") no-repeat top left;}
body.dewsbury #maincol-inner #content #box3{background:url("../images/dewsbury-map.gif") no-repeat top left; }
body.goole #maincol-inner #content #box3{background:url("../images/goole-map.gif") no-repeat top left;}
body.halifax #maincol-inner #content #box3{background:url("../images/halifax-map.gif") no-repeat top left;}
body.harrogate #maincol-inner #content #box3{background:url("../images/harrogate-map.gif") no-repeat top left;}
body.holmfirth #maincol-inner #content #box3{background:url("../images/holmfirth-map.gif") no-repeat top left;}
body.huddersfield #maincol-inner #content #box3{background:url("../images/huddersfield-map.gif") no-repeat top left;}
body.hull #maincol-inner #content #box3{background:url("../images/hull-map.gif") no-repeat top left;}
body.leeds #maincol-inner #content #box3{background:url("../images/leeds-map.gif") no-repeat top left;}
body.leicester #maincol-inner #content #box3{background:url("../images/leicester-map.gif") no-repeat top left;}
body.liverpool #maincol-inner #content #box3{background:url("../images/liverpool-map.gif") no-repeat top left;}
body.manchester #maincol-inner #content #box3{background:url("../images/manchester-map.gif") no-repeat top left;}
body.northampton #maincol-inner #content #box3{background:url("../images/northampton-map.gif") no-repeat top left;}
body.nottingham #maincol-inner #content #box3{background:url("../images/nottingham-map.gif") no-repeat top left;}
body.preston #maincol-inner #content #box3{background:url("../images/preston-map.gif") no-repeat top left;}
body.rotherham #maincol-inner #content #box3{background:url("../images/rotherham-map.gif") no-repeat top left;}
body.sheffield #maincol-inner #content #box3{background:url("../images/sheffield-map.gif") no-repeat top left;}
body.uk #maincol-inner #content #box3{background:url("../images/uk-map.gif") no-repeat top left;}
body.wakefield #maincol-inner #content #box3{background:url("../images/wakefield-map.gif") no-repeat top left;}
body.york #maincol-inner #content #box3{background:url("../images/york-map.gif") no-repeat top left;}
body.birkenhead #maincol-inner #content #box3{background:url("../images/birkenhead-map.gif") no-repeat top left;}
body.bootle #maincol-inner #content #box3{background:url("../images/bootle-map.gif") no-repeat top left;}
body.chester #maincol-inner #content #box3{background:url("../images/chester-map.gif") no-repeat top left;}
body.chesterfield #maincol-inner #content #box3{background:url("../images/chesterfield-map.gif") no-repeat top left;}
body.ellesmere-port #maincol-inner #content #box3{background:url("../images/ellesmere-port-map.gif") no-repeat top left;}
body.hucknall #maincol-inner #content #box3{background:url("../images/hucknall-map.gif") no-repeat top left;}
body.loughborough #maincol-inner #content #box3{background:url("../images/loughborough-map.gif") no-repeat top left;}
body.macclesfield #maincol-inner #content #box3{background:url("../images/macclesfield-map.gif") no-repeat top left;}
body.mansfield #maincol-inner #content #box3{background:url("../images/mansfield-map.gif") no-repeat top left;}
body.melton-mowbray #maincol-inner #content #box3{background:url("../images/melton-mowbray-map.gif") no-repeat top left;}
body.oldham #maincol-inner #content #box3{background:url("../images/oldham-map.gif") no-repeat top left;}
body.pontefract #maincol-inner #content #box3{background:url("../images/pontefract-map.gif") no-repeat top left;}
body.retford #maincol-inner #content #box3{background:url("../images/retford-map.gif") no-repeat top left;}
body.runcorn #maincol-inner #content #box3{background:url("../images/runcorn-map.gif") no-repeat top left;}
body.st-helens #maincol-inner #content #box3{background:url("../images/st-helens-map.gif") no-repeat top left;}
body.stockport #maincol-inner #content #box3{background:url("../images/stockport-map.gif") no-repeat top left;}
body.warrington #maincol-inner #content #box3{background:url("../images/warrington-map.gif") no-repeat top left;}
body.wigan #maincol-inner #content #box3{background:url("../images/wigan-map.gif") no-repeat top left;}
body.wilmslow #maincol-inner #content #box3{background:url("../images/wilmslow-map.gif") no-repeat top left;}
body.worksop #maincol-inner #content #box3{background:url("../images/worksop-map.gif") no-repeat top left;}
/*---LANDINGPAGES END---*/


/*---ClEAR---*/ 
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
 .clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
.clear{clear:both;}

.footerlink {margin-left:auto; margin-right:auto; position:relative; width:800px; text-align:center; color:#ffffff;}
.footerlink a {color:#ffffff; text-decoration:none;}

#dropdown {position:relative; width:979px; text-align:left;  margin-left:auto; margin-right:auto; font-color:#ffffff;}

#mainheader {
font-size:90%;
text-align:right;
text-transform:none;
font-weight:normal;
letter-spacing:normal;
position:absolute;
width:979px;
right: 48px;
margin-bottom:3px;
}

body.safety #maincol-inner #content ul#hslinks{font-size:12px; padding:0; margin:0 0 10px 0; list-style:none; line-height:20px; width:445px;}



/*------- Pay per Click Landing pages --------**/
body.ppclp #header p#tagline{background:url("../graphics/number-ppc.jpg") no-repeat 0 -15px!important; width:292px; height:63px; position:absolute; top:28px; right:48px; text-indent:-5000px;}

#ppcLPWrap { float:left; font-family:arial; width: 888px; margin: 20px 40px; }
#ppcLPWrap h1 { border-bottom:1px solid #d9d9d9; color:#005b92; font-size:26px; font-weight:bold; margin: 58px 0 13px 0; *margin-top:59px; /*margin-top:59px\9;*/ padding: 0 0 14px; float:right; width:416px; text-transform:none; }
#ppcLPWrap #clipboard { background:url(/images/clipboard.jpg) no-repeat; height:589px; width:433px; float:left; margin-bottom:50px; text-indent:-9999px;}
#ppcLPWrap #lpTopRight { height:589px;  width:455px; float:right; }
#ppcLPWrap #lpTopRight img { float:right; }
#ppcLPWrap #speechBubble { background: url(/images/contact-bg.jpg) no-repeat; height:250px; padding: 35px 0 0 65px; width:390px; float:right; }
#ppcLPWrap #speechBubble h3 { color:#005b92; font-size:24px; font-weight:bold; margin:18px 0;}
#ppcLPWrap #speechBubble p { margin:27px 0; width:220px; }
#ppcLPWrap #speechBubble a.emailNick { color:#4b4b4b; display:block; margin: 20px 0; padding-left:50px; }
#ppcLPWrap #speechBubble span.teleNick{ display:block; color:#00621e; font-size:32px; font-weight:bold; margin: 0 0 28px 0; padding-left:50px;}
#ppcLPWrap h2 { color:#00621e; clear:both; border-bottom:1px solid #d9d9d9; font-size:22px; margin-top:50px; padding-bottom:12px;}
#ppcLPWrap ul { display:block; float:left; font-size:12px; list-style:none; padding:0; margin:0 20px; width: 400px; }
#ppcLPWrap  li{ background:url(/images/tick-box.gif) 0 0 no-repeat; padding:8px 0 10px 40px; }
#ppcLPWrap  li strong{ color:#00621e; }
#ppcLPWrap a { color:#00621e; font-weight:bold; }


body.curtainWalling #maincol-inner #banner{background:url("/images/speclialist-fabricators.jpg") no-repeat !important; }
body.framelessGlazing #maincol-inner #banner{background:url("/images/speclialist-fabricators-fg.jpg") no-repeat !important; }
body.shopFronts #maincol-inner #banner{background:url("/images/speclialist-fabricators-sf.jpg") no-repeat !important; }

body.ppclp #nav ul li#navEmergency a { background:url("../graphics/nav.png") 0 0 !important; }
body.ppclp #nav ul li#navEmergency a:hover{background:url("../graphics/nav.png") 0 bottom !important; }


/*SIDE NAV*/

#sidenav{background:#FFF; position:absolute; top:85px; right:0; padding:15px 25px 15px 15px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft:5px;}
#sidenav ul{padding:0 20px 0 0;}