* {margin:0; padding:0;}

body, html {

		margin:0;
		padding:0;
		color:#000;
		font-family: arial;
		line-height:130%;
		font-size:90%;

	}

	body {

		min-width:950px;
		background-image:url(images/bg.jpg);
		background-repeat:repeat-x;

	}

  .floatright {float:right; margin-left:15px;}
	.floatleft {float:left; margin-right:15px;}
	
	.clear {clear:both;}
	
	
	/*-------clear fix-------*/
  .box {
    background: #ccc;
    border: 1px solid;
  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
	/*-------end clear fix-------*/

	#wrap {

		margin:0 auto;
		width:950px;

	}
	
	h2 {font-size:20px; font-weight:normal;}
	h2, h3 {margin:20px 0; font-family:georgia; color:#820000;}
	
	#EstimateResultLbl {margin:20px 0; font-family:georgia; color:#820000; font-size:16px; font-weight:bold;}
	
	ul {margin-left:15px;}
	
	p {margin:12px 0;}
	
	p.clear {padding-top:15px;}
	
	p.estimate {margin:1px 0 10px 0;}
	p.estimate a {display:block; padding:14px 8px; background:#BCD8F5;}
	p.estimate a:hover {background:#DEECFA; color:#333;}
	
	a {color:#820000;}
	a:hover {color:#999;}
	
	.left {float:left; padding-right:8px;}
	.right {float:right; padding-left:8px;}
	
	.barepic {border:none;}
	
	.smallprint {color:#999;}
	
	blockquote {
    padding-left:50px;
    padding-top:20px;
    background:url(images/quote.jpg) no-repeat;
	}
	
	div.hr {height:25px; background:url(images/hr.jpg) no-repeat; border:0 none; margin:25px 0; clear:both;}

	#nav {

		padding:0;
		float:left;
		width:341px;

	}
	
	#nav h1 a {display:block; text-indent:-999999px; background:url(images/logo.jpg) no-repeat; width:341px; height:138px;}
  #nav h1 a:hover {background:url(images/logo.jpg) 0 -138px no-repeat;}

	#mainnav {float:right; width:605px; padding-top:75px;}

	#navlist

	{

	margin:0; position:relative; top:0;
	padding:0;
	font: bold 12px Verdana, sans-serif; color:#ccc;

	}

	
  #navlist li {display:inline; padding:7px;}
  
  #navlist a {color:#000;}
  #navlist a:hover {color:#1E74CA;}
  #navlist li#active a {color:#1E74CA;}

	#main {

		background-repeat:no-repeat;
		float:left;
		width:570px;
		padding:20px 45px 40px 15px;
		margin:20px 0 50px 0;
		border-right:2px solid #F0E2DE;
		display:inline;

	}

  div.servicebox {
    clear:both;
    margin:35px 0;
  }
  
  div.servicebox h2 {
    margin:0 0 10px 0;
  }

  div.serviceinfo {
    float:right;
    width:340px;
  }

	#sidebar {

		float:right;
		width:250px;
		padding:20px 0 40px 15px;
		margin:20px 0 50px 0;
		display:inline;

	}

  #sidebar h3 {background:#820000; color:#fff; padding:4px 6px; margin:30px 0 0 0;}
  
  ul.projectlist {
    margin:0;
  }
  
  ul.projectlist li {
    border-bottom:1px solid #F3D4C9;
    list-style-type:none;
  }

  ul.projectlist li a {
    display:block; 
    padding:8px 8px 8px 25px; 
    background:#fff url(images/projectlist.jpg) 5px center no-repeat;
  }
  
  ul.projectlist li.more a {
    background:#fff url(images/projectlistmore.jpg) 3px center no-repeat;
  }
  
  ul.projectlist li a:hover {
    background:#F8F1EF url(images/projectlist.jpg) 5px center no-repeat;
    color:#333;
  }
  
  ul.projectlist li.more a:hover {
    background:#F8F1EF url(images/projectlistmore.jpg) 3px center no-repeat;
    color:#333;
  }
  
  ul.typeofrooflist li {
    padding-bottom:10px;
  }
  
	#footer {
		height:30px;
		background:#820000;
		padding:5px 0;
		color:#fff;
		border-top:4px solid #F4EAE7;
		clear:both;
	}
  
  #footer a {
    color:#fff;
  }

	#footer p {
		margin:0;
		text-align:center;
    }
   #mbl {
   width:200px;
   float:left;
   }
   #maps {
   width:280px;
   float:right;
   }
    
  dl.estimate {margin-top:30px; float:left;}
  dl.estimate dt {font-weight:bold; float:left; clear:left; width:280px; font-size:15px;}
  dl.estimate dd {padding-bottom:15px;}
  dl.estimate dd span {margin-left:280px;}
  
  
  dl.contact {margin-top:30px; width:220px; float:left;}
  dl.contact dt {font-weight:bold; float:left; clear:left; width:90px; font-size:15px;}
  dl.contact dd {padding-bottom:15px;}
  dl.contact dd span {margin-left:90px;}
  
  p.subheading {padding:6px 8px; font-weight:bold; font-size:11px; color:#999;}
  
  
  #thumbnails ul li {
display:inline;
}
#thumbnails a {
color:#990000;
}
#thumbnails {
margin:20px 0 0 0;
}
#thumbnails ul {
margin:0;
}
#description {
width:250px;
float:left;
}