/* Copyright Northstar Creative Limited. Code by Fred Campbell www.northstar-website-design.com */

/*COLOURS
CORP	#019798



*/

/*UNIVERSAL*/
*{margin:0;padding:0}
html,body{ height:100%; min-width:960px; font-family:Arial, Helvetica, sans-serif; color:#515151; background-image: url(../images/body-BG.jpg); background-repeat: repeat-x; }
ul{list-style-type:none;margin:0;padding:0}
a img{border:0}
.imgL{float:left;margin:0 20px 5px 0}
.imgR{float:right;margin:0 0 5px 15px}
.imgC{ margin-bottom: 20px; }

.bullet li { 
    padding-left: 1em; 
    text-indent: -.7em;
	   margin:0 0 15px 5px;
}

.bullet li:before {
    content: "• ";
    color: #019798; /* or whatever color you prefer */
	font-size: 20px;
}

table{border-collapse:collapse}
a:link,a:visited{ color:#515151; text-decoration:none}
a:hover {color:#019798 }
.clear { clear: both; }

/*BULLETS*/




/*TYPE*/
p{ margin-bottom:16px; font-size:14px; line-height:22px }
h1{ font-size:11px; line-height:11px; font-weight:normal; text-align: right; margin-bottom: 40px; text-transform: uppercase; color: #999999; }
h2{ font-size:26px; line-height:26px; color: #019798; margin-bottom: 5px; }
h3 { font-size: 18px; line-height: 18px; color: #019798; padding-top: 15px; padding-bottom: 10px; }
p a:link, p a:visited { text-decoration: underline; }
p a:hover { text-decoration: none; }

/*MASTHEAD*/
#masthead{ background-image:url(../images/masthead-BG.jpg); background-repeat:no-repeat; position:relative; height:230px; margin-bottom:20px; }
#logo a{ position:absolute; top:50px; left:0px; background-image:url(../images/carpet-cleaners.jpg); height:90px; width:322px; display:block; background-repeat:no-repeat; overflow:hidden; background-position:0 0 }
#logo a:hover{ background-position:0 -90px }
.phone { font-size: 24px; color: #019798; position: absolute; right: 0px; top: 57px; font-weight: bold; }
#social-buttons { position: absolute; top: 98px; right: 0px; }
#nav{ position:absolute; top:100px; right:0; width: 600px; }
#nav li{float:left}
#nav a{ display:block; line-height:26px; font-size:16px; color:#FFFFFF; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; font-weight: bold; background-color: #019798; margin-right: 20px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #FFFFFF; }
#nav a:hover{ color:#019798; border: 1px solid #019798; background-color: #FFFFFF; }
.headline { font-size: 36px; color: #FFFFFF; position: absolute; left: 48px; top: 185px; line-height: 36px; width: 900px; }
#offer { padding-top: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-bottom: 10px; padding-left: 50px; padding-right: 50px; }

/*LAYOUT*/
.wrapper{width:960px;position:relative;margin:0 auto}
.shell{min-height:100%;height:auto!important;height: 100%;margin-bottom:-200px;}
.push{height:200px;clear:both}
.content { width: 960px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-bottom: 150px; overflow: auto; position: relative; }
#main-content{ width:700px; float:right }
#sidebar{ float:left; width:210px; background-image: url(../images/leeds-carpet-cleaners.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 130px; }
.twoColL{ float:left; width:48% }
.twoColR{ float:right; width:48% }
.three-col-first {float: left;width: 300px;}
.three-col {float: left;width: 300px;margin-left: 30px;}
.four-col { float: left; width: 210px; margin-left: 40px; }
.four-col-first { float: left; width: 210px; }

.superbutton a:link, .superbutton a:visited { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; line-height: 24px; font-size: 16px; color: #484246; padding-left: 10px; margin-bottom: 10px; border: 1px solid #019797; padding-top: 10px; padding-bottom: 0px; display: block; }
.superbutton a:hover { color: #FFFFFF; background-color: #019797; border: 1px solid #2F669A; }

#sidebar h3 { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; line-height: 24px; font-size: 16px; color: #484246; padding-left: 10px; margin-bottom: 10px; border: 1px solid #019798; padding-top: 10px; padding-bottom: 0px; }


#sidebar h4 { padding: 0px; }

#sidebar p { font-size: 12px; line-height: 16px; color: #333333; margin-bottom: 5px; }
.sub-navigation { margin-bottom: 30px; }
.sub-navigation a{ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 16px; color: #484246; line-height: 24px; display: block; padding-left: 10px; padding-top: 10px; font-weight: bold; letter-spacing: -1px; border: 1px solid #FFFFFF; }
.sub-navigation a:hover { color: #019798; border: 1px solid #019798; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.button {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 16px; color: #019798; line-height: 16px; display: inline; font-weight: bold; letter-spacing: -1px; background-color: #FFFFFF; border: 1px solid #019798; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
.button:hover {color:#FFFFFF;background:#019798}
.callout { padding:22px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #ccc; margin-bottom: 30px; background-color: #fcfcfc; margin-top: 20px; }
.bullet a { text-decoration: underline; }

/*ODDS AND ENDS*/
.locations { clear: both; overflow: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; padding-top: 20px; padding-bottom: 10px;}
.green-BG { background-color: #89CB5F; }
.red { color: #CC0000; font-weight: bold; padding-right: 5px; }
.toggle-button  { height: 32px; width: 32px; background-image: url(../images/leeds-area-more.png); background-repeat: no-repeat; display: block; position: absolute; top: 30px; right: 0px; }
.less { background-image: url(../images/leeds-area-less.png); background-repeat: no-repeat; }
.list-locations h3{ color: #376993; font-size: 16px; margin-bottom: 5px; padding: 0px; }
.list-locations li{ font-size: 12px; line-height: 16px; color: #333333; padding-bottom: 10px; }

/*FORMS*/
#contact-form { width: 300px; margin-bottom: 30px; }
#contact-form label { color: #000000; font-size: 13px; display: block; line-height: 13px; margin-bottom: 5px; }
#contact-form input, #contact-form textarea { font-size: 15px; padding: 3px; margin-bottom: 15px; width: 300px; border: 1px solid #CCCCCC; }
#contact-form textarea:focus, #contact-form input:focus { border: 1px solid #89CB5F; }
#contact-form textarea { height: 90px; }
#contact-form  input.submit { width: 100px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 16px; color: #019798; line-height: 24px; display: block; padding-left: 10px; padding-top: 10px; font-weight: bold; letter-spacing: -1px; border: 1px solid #019798; background-color: #FFFFFF; }
#contact-form label.error { color:#FF0000; float: right; margin-top: -10px; }
#contact-form input.button { width: 100px; float: right; }


#callback-form { width: 200px; background-image: url(../images/call-back-service.jpg); background-repeat: no-repeat; background-position: 40px bottom; height: 215px; }
#callback-form label { color: #484246; font-size: 12px; display: block; line-height: 12px; margin-bottom: 3px; font-weight: bold; padding-left: 10px; }
#callback-form input, #callback-form textarea { font-size: 15px; padding: 3px; margin-bottom: 15px; width: 200px; border: 1px solid #CCCCCC; }
#callback-form textarea:focus, #callback-form input:focus { border: 1px solid #89CB5F; }
#callback-form textarea { height: 90px; }
#callback-form  input.submit { width: 100px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 16px; color: #019798; line-height: 24px; display: block; padding-left: 10px; padding-top: 10px; font-weight: bold; letter-spacing: -1px; border: 1px solid #019798; background-color: #FFFFFF; }
#callback-form label.error { color:#FF0000; float: right; margin-top: -10px; }
#callback-form input.button { width: 100px; float: right; }



/*FOOTER*/
.footer{ height:200px; clear:both; background-image: url(../images/footer-BG.jpg); background-repeat: repeat-x; }
.footer a:hover { color: #019798 }
.footer-logos  { position: absolute; top: -50px; left: 0px;}
ul.list-footer { padding-top: 25px; }
.list-footer a { font-size: 12px; line-height: 16px; color: #484246;}
.list-footer  li{ font-size: 12px; line-height: 16px; color: 484246; font-weight: bold; padding-top: 3px; padding-bottom: 7px }
.list-footer h4 { color: #019798; font-size: 15px; letter-spacing: -1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #019798; line-height: 20px; }
.footerinfo { position:absolute; left:0; width: 100%; top: 175px; color: #FFFFFF; font-size: 12px; }
.footerinfo a:link, .footerinfo a:visited { color:#fff; text-decoration: none; }
.footnote { font-size: 11px; line-height: 14px; padding-top: 20px; padding-bottom: 20px; }
.container { overflow: auto; clear: both; }
#flashContent { background-image: url(../images/leeds/carpet-cleaning.jpg); height: 410px; width: 700px; }
.guide  { padding-top: 10px; margin-bottom: 40px; background-image: url(../images/Leeds-Carpet-Cleaning-Consumer-Guide.jpg); background-repeat: no-repeat; background-position: 5px 15px; padding-left: 55px; border: 1px solid #ccc; padding-bottom: 10px; }
#sidebar h4 { font-size: 15px; line-height: 14px; margin-bottom: 7px; color: #159E31; letter-spacing: -1px; }