/* generic styles */
*{margin:0px;padding:0px;}
body{background:url(images/bgtop.jpg);background-position:left top;background-repeat:repeat-x;color:#333;font-family:arial;font-size:12px;}
img{border:none;}
img.divbg{position:absolute;top:0px;left:0px;z-index:0;}
.floatleft{position:relative;float:left;top:0px;left:0px;}
.floatright{position:relative;float:right;top:0px;right:0px;}
.blue { color:#3399FF; }
/* fix break problem */
* html .clearfix {
	height: 1%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
.wrapper{
  position:relative;
  width:1000px;
	margin:0 auto;
}

/* ------ TOP AREA ------ */

#header {
  position:relative;
  width:100%;
  height:308px;
}
/* h1 logo */
#header h1{
  position:absolute;
  top:30px;
  left:0px;
	background:url(images/logo.png) no-repeat;				
}
#header h1 a{
	display:block;
	width:332px;  /* CHANGE LOGO WIDTH HERE */
	height:78px;	
}
#header h1 a span{
	display:none;
}
#header h2 {
  position:absolute;
  top:203px;
  left:193px;
  color:#5f5f5f;
  font-size:25px;
  font-family:Verdana;
}
#header h2 span {
  position:absolute;
  top:-2px;
  left:-2px;
  color:#fff;
}
#topmenu {
  position:absolute;
  bottom:10px;
  left:40px;
}
#topmenu ul {
  list-style-type:none
}
#topmenu ul li {
 float:left;
 list-style-type:none;
 margin-right:30px;
}
#topmenu ul li a {
 font-size:20px;
 color:#0066CC;
 text-decoration:none;
}
#topmenu ul li a:hover {
 color:#000;
}
#topmenu ul li a.selected  {
 color:#000;
 font-style:italic;
}
/* right column */
#rightcol {
 position:relative;
 margin-top:80px;
 float:right;
 right:0px;
 width:255;
 min-height:500px;
}

/* main area */

#main {
 position:relative;
 top:0px;
 float:left;
 left:0px;
 width:650px;
 min-height:400px;
}
img.i1 {
 padding:10px;
 margin-left:60px;
}
img.i2 {
 position:absolute;
 top:0px;
 float:right;
 right:-340px;
}

/* --- content area */

#main p {
  font-family:arial;
  color:333;
  font-size:12px;
  line-height:18px;
  margin-bottom:20px;
}
#main h2 {
  font-family:arial narrow;
  color:#3399FF;
  margin:10px 0px 20px 0px;
  font-size:20px;
}
#main ul {
  margin-left:10px;
  margin-bottom:20px;
}
#main li {
  margin-left:30px;
  font-family:arial;
  color:333;
  font-size:12px;
  line-height:18px;
}
#main .cfa {
  text-align:Center;
  font-style:italic;
}
/* footer 

<div id="footer">
  <div><img src="images/footertop.gif" style="width:100%;height:21px;"></div>
  <div class="inner">
    <div class="wrapper">
      <div class="floatleft">     
        Copyright &copy; 2010 911 Restoration of Los Angeles, All Rights Reserved<br>
        Design & maintenance <a href="http://www.milestoneseo.com">Milestone SEO</a>
      </div>
      <div class="floatright">     
        <a href="http://www.911restorationinc.com/911-restoration-of-los-angeles" target="_blank"><img title="Part of Nationwide Restoration Services Network by 911 Resoration" src="http://www.911restorationinc.com/images/911-restoration-network.png"></a>
      </div>
    </div>
  </div>
</div>

*/

#footer {
  width:100%;
  color:#333;
  font-size:12px;
}
#footer .inner {
  width:100%;
  background-color:#C0E6F8;
  padding:5px 0px 20px 0px;
}

/* quick contact form */

.quickcontact { 
  background:url(images/formbg.gif);
  width:253px;
  height:278px;
  margin:0px auto;
  margin-bottom:10px;
 }
.quickcontact .inner {
  position:relative;
  top:30px;
  left:13px;
  width:220px;
  height:225px;
  overflow:hidden; 
 }
.quickcontact table {
  width:100%;
  font-size:13px;
  color:#444;
 } 
.quickcontact table td {
  padding-right:10px;
  height:35px;
}
.quickcontact .sec {
  position:absolute;
  bottom:0px;
  font-size:10px;
  line-height:11px;
}