/* generated by csscreator.com */ 
html, body{ 
 margin: 0; 
 padding:0; 
 text-align:center;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
} 
body.bg1 { 
 background:#fff url(../images/bg-x.jpg) 0 0 repeat-x;}
 
body.bg2 { 
 background:#fff url(../images/bg-x.jpg) 0 0 repeat-x;}
 

a, a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #ff8e45;
line-height: 18px;
text-decoration:none;
text-align:right;
}
a:hover { text-decoration: underline;
} 

td, table.text {font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px; color: #555;}
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-color:#FFF;
} 
 
#header{
 position:relative; 
 height:206px; 
  background: #FFFFFF url(../images/braisby-roofing-logo.jpg) 0 0 no-repeat; 
 width:960px;
 margin: 0;
} 
.welcome {
float:left;
padding: 1px 0 0 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#ffffff;
}

/* NAVIGATION */
#navbar{
 position:relative; 
 height:64px; 
 background: url(../images/nav.jpg) 0 0 no-repeat;
 width:960px;
 padding: 0; margin: 0 auto; width: 960px;}
/*#navbar a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #cde8f1;
padding: 0 10px;
text-decoration: none;}
#navbar a:hover { text-decoration: underline; color:#FFFFFF;
}*/

#navbar ul{
padding: 0; margin: 0; display: inline; list-style-type: none; 
}

#home, #roofing, #rendering, #quotations, #domestic, #ourwork, #contact_nav
{
	display: inline; float: left; list-style-type: none; list-style-image: none; margin: 0; padding: 0; height: 64px;
}

#home a { background: #ffffff url(../images/NAV.png) 0 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 119px; }
#home a:hover, #home a.active { background-position: 0px -64px;}

#roofing a { background: #ffffff url(../images/NAV.png) -119px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 115px; }
#roofing a:hover, #roofing a.active { background-position: -119px -64px;}

#rendering a { background: #ffffff url(../images/NAV.png) -234px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 153px; }
#rendering a:hover, #rendering a.active { background-position: -234px -64px;}

#quotations a { background: #ffffff url(../images/NAV.png) -387px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 156px; }
#quotations a:hover, #quotations a.active { background-position: -387px -64px;}

#domestic a { background: #ffffff url(../images/NAV.png) -543px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 117px; }
#domestic a:hover, #domestic a.active { background-position: -543px -64px;}

#ourwork a { background: #ffffff url(../images/NAV.png) -660px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 152px; }
#ourwork a:hover, #ourwork a.active { background-position: -660px -64px;}

#contact_nav a { background: #ffffff url(../images/NAV.png) -812px 0 no-repeat; display: block; height: 64px; margin: 0; padding: 0; width: 148px; }
#contact_nav a:hover, #contact_nav a.active { background-position: -812px -64px;}

#navbar .invisibleLink { display:none;}
#facebook { float:right;}
#facebook img { padding: 18px 0 0 20px; border:0;}

#banner{
 position:relative; 
 margin: 5px 0;
 height:250px; 
  background: #FFFFFF url(../images/1.jpg) 0 0 no-repeat; 
 width:100%;
} 
 
#leftcol{
 width:300px;
 margin: 0 10px 0 0;
 background: #FFFFFF url(../images/panel2.png) 0 0 no-repeat;
 height: 492px;
 float:left; 
 position:relative; 
  }
#leftcol_expand{
 width:300px;
 margin: 0 10px 0 10px;
 background: #FFFFFF url(../images/panel2_expand.png) 0 0 no-repeat;
 float:left; 
 position:relative; 
  } 
#leftcol_expand_base{
 width:300px;
 margin: 0 10px 0 10px;
 background: #FFFFFF url(../images/panel_bottom.png) 0 0 no-repeat;
 height:32px;
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:640px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:300px; 
 float:right; 
 margin: 0 0 0 10px; 
 background: #FFFFFF url(../images/tiles_panel.png) 0 0 no-repeat;
 height: 492px;
 position:relative; 
 }
 
#maincol{ 
	margin: 0 10px;
	float: left; 
	display:inline; 
	position: relative; 
	width:300px;
	background: #FFFFFF url(../images/panel2.png) 0 0 no-repeat;
	height: 492px;
 }
 
#doublecol{ 
	margin: 0;
	float: left; 
	display:inline; 
	position: relative; 
	width:630px;
	background: #FFFFFF url(../images/panel_expand.png) 0 0 repeat-y;
	min-height:492px;
 }
#doublecol_base {
	margin: 0;
	float: left; 
	display:inline; 
	position: relative; 
	width:630px;
	background: #FFFFFF url(../images/panel__expand_bottom.png) 0 0 no-repeat;
	height: 32px;
}
 
#contact_box{
float:left;
width:250px;
color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
line-height:18px;
}
#contact_box label{
cursor: pointer;
}

.title {
font: 22px Georgia, "Times New Roman", Times, serif;
text-align:left;
color: #ff8e47;
line-height: 28px;
}
.title2 {
font: 22px Georgia, "Times New Roman", Times, serif;
text-align:left;
color: #ffffff;
line-height: 34px;
}
.textdiv {
padding: 15px 15px 0 25px;
}
.textdiv p, ul {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#666666;
line-height: 20px;
}
img { border:0;
}
 
#footer{
 height:150px; 
  background: #ffffff url(../images/manuf-logos.jpg) 0 0 no-repeat;
 clear:both;
 } 
#footer_div { padding: 90px 0 0 10px;
 }
#footer_div p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color:#aaa;
}

select.form {border: solid 1px #003366; color:#999;
}

#contact {
position: relative;
top: 60px;
margin: 0 auto;
float: left;
text-align:left;
height: 100px;
padding: 0 0 0 20px;
width: 337px;
}
#contact p, #contact a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#999999;
line-height: 20px;
text-decoration:none;
text-align:right;
}
#contact a:hover { text-decoration: underline;
}
.green { color: #E67300;
}
.blue { color:#003366;
}
.strong { font-weight:bold;
}
#workshops {
border:#CCCCCC 1px dashed;
background: #d5d5d5 url(../images/divBg.jpg) 0 0 repeat-x;
padding: 5px 5px 15px 5px;
}
li.bullet {
	list-style:url(../images/bullet.gif) outside none;
	}
	
.imgRight img {
float: right;
margin: 0 10px 20px 10px;
border: 1px solid #333333;
}

.imgRight0 img {
float: right;
margin: 0 10px 20px 10px;
border: 0;
}
p { text-align: left;
}

.right { text-align: right; padding: 0 10px 0 0;
}
.textRight { float:right; padding: 0 0 0 10px; }

p.strongBlack { color:#000; font-weight:bold; font-size: 14px;}
h2 { font-weight: bold; color:#666; font-size:16px; padding-top: 25px; }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */ 

.border_top{
	margin:20px 0 0 0;
}



.quotes_table{
	width:100%; border-top:1px solid #B6B6B6; margin:0; padding:0;
}



.quotes_td{
	padding:5px 10px 5px 10px; border-bottom:1px solid #B6B6B6; margin:0;
} 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}