/* CSS Document */
* {
padding: 0;
margin: 0;
}

body {
	background:#000 url(images/global/body_bg.gif) repeat-x fixed left top;
	text-align:center;
	color:#333;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
}

hr {
	clear:right;
	margin: 10px 0;
	border: none 0;
	border-bottom: 1px dashed #BBB8B8;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}


#main h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#660000;
font-weight:500;
line-height:normal;	
padding:8px 0;
border-bottom: 1px dashed #ccc;
margin-bottom: 10px;
}


h2 {
font-size: 120%;
color:#466C58;
text-transform:uppercase;
font-weight:bold;
letter-spacing:3%;
padding-top:15px;
padding-bottom:8px;
}

h3 {
font-size: 100%;
color:#663333;
font-weight:bold;
margin-bottom: 10px;
text-transform:uppercase;
}

h4 {
font-weight:bold;
font-size:100%;
font-family:"Trebuchet MS", Trebuchet, Georgia, sans-serif;
margin-bottom: 10px;

}

#container {
text-align:left;
margin: 10px auto;
width: 700px;
background:#fff url(images/global/container_bg.gif) repeat-y;
border: 5px solid #fff;
}

#header {
background: #466C58 url(images/global/header_bg.gif) repeat-x;
height: 140px;
}

#logo {
	background: url(images/global/logo.gif) no-repeat;
	height: 140px;
	width: 380px;
	float:left;
	
	}

/* repeated code per header */ 
#logo, #logo span { 
 width: 380px; 
 height: 140px; 
 background: url(images/global/logo.gif) no-repeat;
} 
 /* This is what moves the text under the span */ 
#logo span { margin-bottom: -75px; } 
/* code for all styled headers */ 

#header h1 span { 
 display: block; 
 /* place the span on top */ 
 position: relative; 
 z-index: 1; 
}

/* IE5 Mac Hack \*/ 
#header h1 { overflow: hidden; padding: 0; margin: 0; } 
/*/ 
#header h1 { text-indent: -100em; } 
/* End Hack */
#header p {
margin: 10px 10px 0 0;
float:right;
text-align:right;
font-size: 11px;
color:#fff;
}


#topnav {
float:left;
width: 100%;
padding:0;
list-style-type:none;
background: #fff url(images/global/topnav.gif) repeat-x bottom left;

}


#topnav li {
float:left;
}

#topnav a {
float:left;
padding: 4px 8px;
margin: 0 1px;
display:block;
color:#000;
background-color:#fff;
border-right: 1px solid #ccc;
text-decoration:none;
font-weight:400;
}

#topnav a:hover, body#home #t-home a, body#roofing #t-roofing a, body#siding #t-siding a, body#windows #t-windows a, body#sunrooms #t-sunrooms a, body#estimate #t-estimate a, body#showcase #t-showcase a, body#testimonials #t-testimonials a, body#contact #t-contact a  {
background:url(images/global/topnavbg.gif) repeat-x top;
}

#photo {
background: #fff;
padding: 0;
width: 700px;
}

/*SIDENAV - - - - - - */

#sidenav {
float:left;
width: 160px;
color:#666;
text-align:left;
padding-top: 20px;
}

#sidenav h2 {

}

#sidenav ul {

}

#sidenav li a {
text-decoration:none;
color: #666;
}

#sidenav li {
padding-bottom:8px;
}

#sidenav li a:hover {
text-decoration:underline;
}

#sidenav p.badge {
text-align:center;
background:#fff url(images/global/badge.gif) no-repeat left bottom;
border: 1px solid #666;
border-top-color:#ccc;
border-right-color:#ccc;
width:150px;
font-weight:bold;

margin-bottom:10px;
margin-left: 20px;
font-size:smaller;
}

#sidenav p.badge a{
color: #000;
text-decoration:none;
display:block;
width:150px;
padding: 10px 0 20px 0;
}

#sidenav p.badge a:hover {
background:#fff url(images/global/badge_hover.gif) no-repeat left bottom;
color:#3399CC;}


/* - - - - - - - - - Rounded corner quotes */

#sidenav .box {
  width: 150px;
  background: url(images/global/box_bottom.gif) no-repeat bottom left;
  margin-left:20px;
  line-height: 120%;
   font-size:85%;
  }
#sidenav .box h3 {
	text-align:center;
	margin: 0;
	background: url(images/global/box_top.gif) no-repeat top left;
	font-weight:bold;
	padding: 5px 15px 4px 15px;
	text-align:center;
	border-bottom: 1px solid #E0CFAB;
	
	}
#sidenav .box p {
margin: 10px 10px 10px;
padding-bottom: 15px;
color:#333333;
}

#sidenav .box a {
	padding-right: 22px;
	color:#633;
	font-weight:bold;
	text-decoration:none;
	background: url(images/global/box_arrow.gif) no-repeat right center;
}

#sidenav .box a:hover {
text-decoration:underline}

/* Main Content Area - - - - - - - -*/
.pdf
{background: url(images/global/pdf.png) no-repeat right center;
padding-right:15px;
}

.top
{background: url(images/global/top.png) no-repeat left center;
padding-left: 15px;
display:block;
border-bottom: 1px solid #ccc;
}


#main {
margin-left:200px;
padding-left:20px;
padding-right:20px;
padding-top: 10px;
line-height: 120%;
border-left: 1px solid #ccc;
}
#main a {
color: #369;
text-decoration:none;
}
#main a:hover {
text-decoration:underline}
#main .more {
background:url(images/global/more_arrow.gif) no-repeat right center;
padding-right: 22px;
}
#main p {
padding-bottom: 15px;
}

#main  li {
list-style-image:url(images/global/li.png);
list-style-position:outside;
padding-bottom: 8px;
margin-left:20px;
}



/* - - - - - - - - - - - Images and image galleries - - - */
.img_shadow {
  float:right;
  background: url(images/global/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/global/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img_shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.caption_div {
float:right;
width: 215px;
font-size:smaller;
text-align:center;
line-height:normal;
}
.img_gallery {
float:left;
margin: 0 15px 15px 0;
padding: 5px;
width: 125px;
border: 1px solid #ccc;
text-align:center;
}

.img_gallery img {
margin-bottom: 5px;
border: 0;
}

a:hover .img_gallery {
background-color:#FFFF99;
}
.img_gallery p {
font-size:smaller;
line-height:normal;
text-align:left;}

 .clearboth { clear:right; }


/* Footer - - - - - - */
#footer {
text-align:center;
clear:both;
background: #fff;
border-top: 1px solid #ccc;
padding: 5px 0;
font-size: smaller;
}