/*
CSS - All Together Roof Maintenance
*/


* {padding: 0;	margin: 0;}

body {
	margin: 0;
	padding: 0;
	background:#b1ceda url(../images/bg-repeat.jpg) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;}

#container {
	margin: 10px auto;
	padding: 0;
	width: 960px;}

#content {padding:2px 12px;width:936px;background:#fff;}

#content-left {width:345px;margin:0 30px 0 0;float:left;}
#content-right {width:561px;float:left;}

#banner {width:345px;height:399px;}
body.home #banner {background:url(../images/pics/banner01.jpg) no-repeat left top;}
body.patio #banner {background:url(../images/pics/banner02.jpg) no-repeat left top;}
body.timber-decking #banner {background:url(../images/pics/banner03.jpg) no-repeat left top;}
body.request-a-quote #banner {background:url(../images/pics/banner04.jpg) no-repeat left top;}
body.contact #banner {background:url(../images/pics/banner05.jpg) no-repeat left top;}
body.thank-you #banner {background:url(../images/pics/banner06.jpg) no-repeat left top;}

#address-panel {width:299px;padding:23px;background:#02399c url(../images/bg-wa.gif) no-repeat right center;color:#fff;font-size:1.2em;line-height:2em;height:160px;}
#address-panel img {margin:0 0 15px 0;}
#address-panel a {color:#fff;text-decoration:underline;}
#address-panel a:hover {text-decoration:none;}
#address-title {width:100px;float:left;}
#address-detail {width:199px;float:left;font-weight:bold;}


#logo {margin:0 0 20px 0;}

div.gallery img { margin:0 10px 0 0;}


/* TEXT AREA STYLES */

.text-area {padding:0 20px 0 10px;}
.text-area a {color:#02399c;text-decoration:underline;}
.text-area a:hover {text-decoration:none;}
.text-area p {font-size:1.2em;line-height:1.8em;margin:0 0 1.4em 0;color:#282828;}
.text-area h1 {text-indent:-9999px;overflow:hidden;margin:0 0 1.4em 0;}
.text-area h2 {font-size:1.4em;color:#d1181f;margin:0 0 1.4em 0;}
.text-area ul {margin:0 0 1.4em 0;padding:0 0 0 20px;}
.text-area li {color:#282828;font-size:1.2em;}




body.home h1 {background:url(../images/title/welcome.gif) no-repeat left top;height:39px;}
body.patio h1 {background:url(../images/title/patio.gif) no-repeat left top;height:19px;}
body.timber-decking h1 {background:url(../images/title/timber-decking.gif) no-repeat left top;height:19px;}
body.request-a-quote h1 {background:url(../images/title/request-a-quote.gif) no-repeat left top;height:19px;}
body.contact h1 {background:url(../images/title/contact.gif) no-repeat left top;height:19px;}
body.thank-you h1 {background:url(../images/title/thank-you.gif) no-repeat left top;height:19px;}





/* NAVIGATION */

#navigation {width:554px;height:34px;margin:0 0 20px 0;}

ul#nav {list-style:none;height:34px; background: url(../images/nav/background.gif) top center repeat-x;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:34px;}
ul#nav li a:hover {background-position:0 -34px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0;width:62px; margin-left: 68px;} 
ul#nav li#patio a {background:url(../images/nav/patio.gif) no-repeat 0 0;width:57px;} 
ul#nav li#timber-decking a {background:url(../images/nav/timber-decking.gif) no-repeat 0 0;width:112px;} 
ul#nav li#request-a-quote a {background:url(../images/nav/request-a-quote.gif) no-repeat 0 0;width:115px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:66px;} 




/* FOOTER */

#footer {width:930px;margin:20px auto;font-size:1.2em;color:#282828;padding:0 0 0 30px;line-height:1.8em;}
#footer a {color:#02399c;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer img {margin:0 30px 0 0;}




/* CLEARFIX */	

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