.section{
	border: 1px solid #474747;
	padding: 1.4em 0 3.2em 0;
	overflow: auto;
	width: 90%;
	}


.first{ border-top: none; padding-top: 0; }

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #474747;
	float: left;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom: 10px;
	}	

.thumbnail a{
	border:none;
}

.thumbnail img{
	border:none;
}

.thumbnail img a:hover{
	background-color:#78A6AF;
}
.caption{ font-size: 0.9em; padding-top: 0.2em ;	}

body {
	font-family: arial, verdana, helvetica, sans-serif;
	color:#474747;
	background:#fff url(../images/bodybg.gif) repeat-x top left;
	margin: 0px; 
	font-size:13px; 
	}
#content p{ 
	padding:0 0 0 10px;
	margin-top:3px;
	}
	
h4{
	font-size:14px;
	margin-left:5px;
	padding:5px;
	width:35%;
	background-color:#474747;
	color:#fff;
}	
	
h3{
	font-size:15px;
}

h2, h3 { 
	margin:0 0 0 5px; 
	color: #474747;
	border-bottom: thin double #474747;
	width:65%
	}
a { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #78A6AF;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #000;
	}
	
.picr {
	float:right;
	display:inline;
	margin:5px 25px 10px 25px;
}

.picl {
	float:left;
	display:inline;
	margin:10px 10px 10px 10px;
}

.wow{
font-size:16px;
font-weight:bolder;
}

.tile{
clear:both;
border:solid 1px #474747;
}

.slate{
clear:both;
margin:0 auto;
border:solid 1px #efefef;
}

p.caption{
font-size:12px;
font-style:italic;
margin:0;
padding:0;
}
/* specific divs */
#container { 
	background:transparent url(../images/repeater.gif) repeat-y top left;
	width:800px;
	margin:0 auto;
}

#header { 
	background:transparent url(../images/header.jpg) no-repeat top left;
	width:790px;
	height:177px;
	}

#header h3{
	color:#467C88;
	position:relative;
	top:65px;
	left:25px;
	font-size:20px;
	border:none;
}

#header #fntSizer{
	color:#467C88;
	position:relative;
	top:125px;
	left:555px;
}

#content {
	display:inline;
	margin:0 25px 0 10px;
	width: 560px;
	float:right;
}

#footer { 
 	width:800px;
	clear:both;
	margin:0 auto;
	height:46px;
	padding:0;
	background:transparent url(../images/footer.jpg) no-repeat top left;
	}
	
#footer p{
	width:584px;
	margin:0 0 0 202px;
	font-size:10px;
	text-align:center;
	padding-top:40px;
	}
		
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
	
#infoArea{
	margin:35px 0 0 10px;
	font-size:12px;
	font-weight:bold;
	}	

#navigation {
	display:inline;
	float:left;
	width: 150px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	margin-left:15px;
	color: #000;
	}	

#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#menu li {
		margin: 0;
		}
		
#menu li a {
		font-size:12px;
		display: block;
		padding: 5px 5px 5px 0.5em;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

html>body #menu li a {
		width: auto;
		}

#menu li a:hover {
		color: #FFF;
		background: #78A6AF !important;
		}	

#menu #subnav-1,
#menu #subnav-2 {
	display : none;
	width: 90%;
}

body#roofs #menu ul#subnav-1,
body#gutters #menu ul#subnav-2{
	display : inline;
}

#menu ul#subnav-1 a, #menu ul#subnav-2 a{
	margin-left:10px;
}	

		
body#homePage a#homePage, body#aboutUs a#aboutUs, body#roofs a#roofs, body#gutters a#gutters, body#inspections a#inspections, body#gallery a#gallery
{
color:#FFF;
font-weight:bold;
background: #474747;
}					
		
/*Styling the Form*/
#roofLeak {
	font-size:16px;
	font-weight:bolder;
	margin:0 0 10px 55px;
	padding-top:10px;
	float:left;
}

#needHelp{
	float:right;
	font-size:15px;
}

#rfl p{
		padding:0 5px;
}

#rfl {
	margin-top:15px;
	padding-top:10px;
	display:inline;
	float:left;
	clear:left;
}

#rfl ul{
	list-style:none;
	margin-top:-10px;
	padding:0;
}

#rfl ul li{
	margin:0;
	padding:0;
	position:inherit;
}

div#gmi dl{
	margin:5px;
}

#gmi dt{
	float:left; 
	display:block;
	width:25%;
	clear:left;
	padding-top:5px;
}

div#gmi dt strong{
	color:#467C88;
}

div#gmi dd {
	float:left;
	display:block;
	width:60%;
	padding:5px 0 0 5px;
}

div#gmi dl{
	margin:5px;
}

div#content fieldset 
{
	padding:10px;
	width:425px;
	margin-left:55px;
}	

div#content legend{
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	color:#474747;
}	

#sndbtn, #cnclbtn{
	float:left;
	display:inline;
	margin:0 0 0 10px;
	padding:1px 0 0 0;
	text-align:center;
	width:75px;
	background-color:#474747;
	color:#fff;
}	


.btnArea{
	margin:0 0 0 45px;
	}
