body 
{
background-color: #FFFFFF;
background-image: url('images/ShingleBG2.jpg');
/*background-repeat: repeat-x;*/
margin: 0;
padding: 20px 0 0 0;
height:100%;
font-family:Helvetica;
font-size:small;
color:#666;
}

h1 {
	font-size:24px;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0;	
}
h2 {
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;	
}
h3 {
	margin:0;
	padding:0;	
}
img,a
{
border: 0;
margin: 0;
padding: 0;
}

ul {
	line-height:1.4em;	
}

a:link, a:visited
{
color: #003883;
text-decoration:underline;
}
a:hover {
	text-decoration:none;	
}

#MainContainer
{
background-color: #FFFFFF;
width: 1000px;
min-height: 100%;
margin:0px auto;
padding:0px;
border:4px solid #FFF;
/*background-image: url('images/BlueBar.gif');
background-repeat: repeat-x;*/
}

#TopBlock
{
	position:relative;
	width: 1000px;
	height: 343px;
	background-image: url('images/TopGraphic.jpg');
}

#Tagline
{
font-family: Verdana;
font-size: 24px;  
color: Black;  
width: 1020px;
text-align: center;
padding-top: 60px;
}

#LeftTop
{
width: 525px;    
float: left;    
}

#CleanRoofDirtyRoof
{
position: relative;
top: 42px;  
left: 68px;
}

#NavBlock
{
font-family: Verdana;
font-size: 14pt;    
font-weight: bold;
text-decoration: none;
color: White;
background: url('images/NavBar.gif') no-repeat top left;   
width: 988px;
height: 31px;
padding:6px 0 0 0;
margin:0 auto 0 auto;
text-align: center;
}

#FooterPhone
{
font-family: Verdana;
font-size: 16pt;    
font-weight: bold;
text-decoration: none;
color: White;
background: url('images/HorizontalBlueBar.gif') no-repeat top left;   
width: 988px;
height: 40px;
margin:0 auto 10px auto;
padding-top: 14px;
text-align: center;
}
#FooterPhone a {
	color:#FFF;	
}
#Divider
{
background: url('images/NavBar.gif') no-repeat top left;   
width: 988px;
height: 37px;
margin:15px auto 15px auto;
text-align: center;
}

.FancyBoxLinkContact
{
font-family: Verdana;
font-size: 16pt;    
font-weight: bold;
text-decoration: underline;
color: White;
}

.NavLinkBlock
{
/*padding-bottom: 20px;    */
}

A.NavLink, A.FooterLink, A.FooterLinkHome
{
font-family: Verdana;
font-size: 16pt;    
font-weight: bold;
text-decoration: none;
color: White;
}

A.NavLink:hover, A.FooterLink:Hover, A.FooterLinkHome:hover
{
text-decoration: underline;
}

A.FooterLink, A.FooterLinkHome
{
font-size: 9pt;    
}



#PhoneNumber
{
	position:absolute;
	bottom:15px;
	right:100px;
	font-family: Verdana;
	font-size: 24pt;
	color: Black;  
	font-weight: bold;  
	padding-top: 30px;
	padding-left: 6px;
}
#PhoneNumberSmall
{
font-family: Verdana;
font-size: 10pt;
color: Black;  
font-weight: bold;  
padding-top: 2px;
padding-left: 140px;
}


#RightTop
{
	width: 400px;    
	float: left;  
	padding-left: 50px;
	text-align: center;
	padding-top: 12px;  
}

.TopRightTextHeader
{
	display:block;
	margin:0 0 10px 0;
	font-family: Verdana;
	font-size: 16pt;
	font-weight: bold;  
	color: Black;
}
.TopRightTextSubHeader
{
	display:block;
	margin:0 0 8px 0;
	font-family: Verdana;
	font-size: 13pt;
	font-weight: bold;  
	color: Black;
}

#TopRightText
{
padding-top: 18px;    
font-family: Verdana;
font-size: 13pt;
color: Black;
padding-left: 10px;
padding-right: 20px;

}

#ThreeYearGuarantee
{
float: right;    
    
}

#ThumbnailBlock
{
width: 908px;
height: 158px;  
padding-left: 40px;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 40px;
background-image: url('images/BlackThumbnailBG3.gif');
}

#ThumbnailBlock2
{
width: 908px;
height: 170px;  

overflow: auto;
}

.Thumbnail
{
width: auto;
height: 150px;
/*display: inline-block;*/
padding-right: 20px;
}

.ThumbnailText
{
text-align:center;
font-family: Verdana;
font-size: 14pt;
font-weight: bold;
color: #FFFFFF;
padding-top: 4px;
}

#LeftRoundBoxBlock
{
width: 425px;
float: left;
margin-left:10px;    
}

.LeftBlockHeader
{
font-size: 16pt;
font-weight: bold;
}

.LeftBlockHeader, .LeftBlockContent
{
padding-left: 16px;    
padding-right: 16px;  
padding-bottom: 6px;  
}

#BlueBlock, #PurpleBlock, #GreenBlock, #OrangeBlock, #RedBlock, #GrayBlock
{
	font-family: Verdana;
	font-size: 12pt;
	color: Black;    
	margin-bottom: 10px;
	cursor:pointer;
}

#BlueBlock
{
background-color: #8fc9f5;       
}
#PurpleBlock
{
background-color: #c9c7ec;       
}
#GreenBlock
{
background-color: #c7ecd2;       
}
/*#OrangeBlock
{
background-color: #f1e1c1;       
}*/
#GrayBlock
{
background-color: #dadada;       
}

.LeftBlockReadMore
{
text-align: right;
font-size: 10pt;
font-weight: bold;
padding-right: 16px;    
text-decoration: underline;
color: #003883;
}

#RightRoundBoxBlock
{
margin-right: 10px;
float: right;
width: 525px;    
}

#RightRoundBoxBlockContent
{
font-family: Verdana;
font-size: 11pt; 
color: Black;
padding: 0px 25px 16px 25px;
background-color: #c9c7ec;   
}

#RightRoundBoxBlockContentPurple, #RightRoundBoxBlockContentBlue, #RightRoundBoxBlockContentGreen, #RightRoundBoxBlockContentOrange, #RightRoundBoxBlockContentRed
{
display: none;   
/*visibility:hidden; */
}

#MiddleBlock
{
background-color: #c9c7ec;    
width: 50px;
height: 20px;
position: relative;
right: -420px;
top: 70px;
}

#FooterBlock
{
margin:20px auto 0px auto;
background-image: url('images/FooterBG.gif');
width: 979px;
height: 24px;
text-align: center;
font-weight: bold;
color: White;
font-family: Verdana;
padding-top: 10px;
}


#ServiceAreasBlock
{ 
width: 700px; 
padding-left: 160px;
}

.LeftBlockContent h3 {
	font-weight:normal;
	font-size:.9em;	
}


#sddm
{	margin: 0 0 0 45px;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0 10px 0 10px;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10pt Verdana}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 9px 10px;
	width: 140px;
	background: #0a1b40;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #0a1b40;
		color: #2875DE;
		font: 10pt verdana}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFFFFF}

.floatright {
	float:right;
	margin:0 0 10px 15px;
}

.pic  {
	border:1px solid #000;	
}

.clear {
	clear:both;	
}
.redtext {
	color:#F00;
	font-weight:bold;
}

.smaller {
	font-size:11px;
	font-style:italic;	
}