* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .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-------*/


body {
background : url(images/bodybg.jpg) repeat-x #fff;
height:100%;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;

}


.banner {
	
		background-color:#fff;

}


.banner img {
	

	
}




a {
color:#000;
text-decoration:underline;
font-weight : bold;
}

a:hover {
color:#000;
text-decoration:none;
font-weight : bold;
}

hr {
margin:10px 0 20px 0;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

ul {margin-left:15px;}


#centerColumn { 	
margin:0px auto;
width:820px;
text-align:left;
vertical-align: middle;	
background : #fff;

}

h2 {
background:url(images/headerbg.jpg) repeat-x;
color:#fff;
margin:20px 0 20px 1px;
padding:5px 0 5px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

h3 {
margin:0 0 .5em 0;
padding:.75em 0 0 0;
font-size:12px;
font-weight:lighter;
letter-spacing:.1em;

}

h4 {
font-size:1em;
}

dt {
font-weight:bold;
}

#block_1 img {
margin-top:-11px;
margin-left:2px;
}

dd {
margin-bottom:10px;
}

p {
padding:3px 0 12px 0;
}

#navbar {
float: right;
}


#navbar ul {

list-style:none;
margin:0;
}

#navbar li {

margin:0;
list-style:none;
display:inline;

}

#navbar li a {

margin:90px 0 0 0;
padding: 10px 15px 4px 15px;
font-weight:bold;
color:#fff;
text-decoration:none;
font-size : 14px;

float:left;
}

#navbar li a:hover {
color:#0e0868;
text-decoration:underline;
}

#navbar li#active a {
color:#0e0868;
cursor:default;
}

#header {

background : url(images/bodybg.jpg) repeat-x #fff;
margin:0;
padding:0;
height : 130px;
width : 100%;
}
#header img {
margin-left:50px;
display : inline;
float: left;

}

#roof img {
	display : inline;
	float: right;
	margin-top: 78px;
	margin-right : 68px;
}

#header h1 {
margin:0;
padding:10px 0 0 0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:279px;
height:110px;
background:#fff url(images/logo.jpg) no-repeat;
position:absolute;
margin : -10px 0 0 1px;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
}

.contentwrap {

}



#fla {

padding-left:1px;
float:left;
}
#fla img{
	margin : 0px;
}


#block_1 {
float:right;
width:400px;
background-color:#fff;

}


#block_1 p {
	margin : 0 15px 0 15px;
	color:#000;
}

#block_2 p {
	margin : 0 15px 0 15px;
}

#block_2 {
float:left;
width:417px;
height : 378px;
background:url(images/block2bg.jpg) no-repeat;


}

#block_2 img {margin : 10px 0 0px 15px;}

#block_2 a {
	margin-top : 30px;
	background:url(images/linkbutton.jpg) no-repeat;
	width:130px;
	padding:5px 20px 5px 10px;
	text-decoration:none;
	margin-right:0px;
	color:#fff;
}


#block_3 {
float:right;
width:400px;
height :100px;
background-color:#fff;


}

#block_3 img {
	padding-bottom : 10px;
}


#block_3 p {

	margin : 15px 10px 0 15px;
	font-style : italic;
	color:#000;
}


#block_4 {
	width : 820px;
float:left;
background-color:#fff;
}

#block_4 p {
	margin :5px 10px 0 10px;
	line-height : 160%;
}


  h3 {margin:18px 0 18px 18px; font-size:12px; color:#ccc;}

.cell_3 {
float:right;
width:270px;
background-color:#ccc;
}

#text {
width:620px;
float:left;
}

#text p {
line-height:1.4em;
}

#img {
float:right;
}

.barepic {
border:none;
}

.right {
float:right;
margin:1px 20px 1px 1px;

padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

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

img.floatleft {
float:left;
margin:0 5px 0 15px;
}

#footer {
clear:both;
color : #fff;
padding:0;
height:40px;
line-height:4em;
font-size:.9em;
background :url(images/footer.jpg) no-repeat;
padding:0 0 0 15px;
}
#footer a {
color:#fff;
}

#footerleft {
width:300px;
float:left;
}

#footerright {
float:right;
padding:0 15px 0 0;
}
   
   /*------------about page-------------*/
   .aboutlayout {width:360px; float:left; padding:8px;}
   div.aboutlayout img {float:left; margin:0 10px 5px 0; border:2px solid #000; padding:2px; background-color:#fff;}
   #thirdcol {border:none;}
   
   
   
   
     .closewindow {background:url(images/close.html) no-repeat; text-indent:40px; height:32px; display:block; padding-top:3px; margin-top:15px}
  
  .work, .planning, .advice, .clienttestimonial1, .clienttestimonial2 {background:no-repeat; width:281px; height:43px; display:block; text-indent:-9999999px; margin:10px 0 10px 0; padding:0;}
  
  .advice {background:url(images/h3advice.jpg) no-repeat;}
  .work {background:url(images/h3work.jpg) no-repeat;}
  .planning {background:url(images/h3planning.jpg) no-repeat;}
  .clienttestimonial1 {background:url(images/clienttestimonial1.html) no-repeat;}
  .clienttestimonial2 {background:url(images/clienttestimonial2.html) no-repeat;}
  

  
  
  h3.adviceanddesign {
  background:url(images/h3_adviceanddesign.jpg) no-repeat;
  display:block;
  width:210px;
  height:27px;
  text-indent:-999999px;
  margin:10px 0 1px 0;
  float:left;
  padding : 0px;
  }
  
  h3.ourwork {
  background:url(images/h3_ourwork.jpg) no-repeat;
  display:block;
  width:210px;
  height:27px;
  text-indent:-999999px;
  margin:10px 0 1px 0;
  float:left;
    padding : 0px;
  }
  
  h3.planningandapplication {
  background:url(images/h3_planningandapplication.jpg) no-repeat;
  display:block;
  width:210px;
  height:27px;
  text-indent:-999999px;
  margin:10px 0 1px 0;
  float:left;
    padding : 0px;
  }
  
  h3.ourpromise {
  margin:0 0 0 8px;
  padding:0;
  color:#000;
  font-family:arial;
  font-weight:bold;
  font-size:1.3em;
  }
  
  

   
   #block_4 img {border:2px solid #000; padding:2px;}
   
   
   
   /*------------gallery page------------*/
  #thumbnails ul li {display:inline;}
	#thumbnails ul {margin:0;}
	
	#gallery img {border:2px solid #CEE1FF;}
	.desc {font-size:12px; clear:left; color : #000;}
	#gallery h4 {padding:5px 0 0 20px;}
	#thumbnails {margin-bottom : 20px; background-color:#eee; border:1px solid #ccc;}
	#description {float:right; width:420px; margin:10px 0 0 0;}
	#desctxt {padding:3px; margin-top:10px;}
	
	#mycarousel li a img {
	width:75px;
	height:50px;
	}
	
	
	
	/*------------client testimonial page---------------*/
	#clientcontent {width:820px; float:left; padding-right:0px;}
	#clienttestimonialone {width:560px; float:left; border-top:1px solid #ccc; padding:10px 15px 0 0px; line-height:100%}		
	#clienttestimonialone2 {width:500px; float:left; border-top:1px solid #ccc; padding:10px 15px 0 0px; line-height:100%}
	#clienttestimonialone3 {width:500px; float:left; border-top:1px solid #ccc; padding:10px 15px 0 0px; line-height:100%}

		
	#clienttestimonialtwo {width:379px; float:left; border-top:1px solid #ccc; padding:10px 15px 0 15px; border-left:1px dotted #ccc; line-height:100%}
	



	#clienttestimonialone p, #clienttestimonialone2 p,#clienttestimonialone3 p,  #clienttestimonialtwo p {font-size:11px;}
/*------------------contact page--------------------*/
	dl {margin-top:0px; width:300px; float:left; margin-left: 20px;}
  dt {font-weight:bold; float:left; clear:left; width:100px;}
  dd {margin-left:100px;}
  
  .clear {clear:both;}
  
  #contact_form {
padding : 0 0 0 90px;
	float: left;
border-left : 1px dotted #ccc;
  }
  
  fieldset {
  	
	border : none;
  }
  legend {
  	font-weight : bold;
  }
  
  .closewindow {background:url(images/close.html) no-repeat; text-indent:40px; height:32px; display:block; padding-top:3px; margin-top:15px}
    
	
	
#ServicesList {
	
	margin-left : 20px;
	
}
	
  object {
display: block;
}

#areas{text-align:center;width:100%;position:relative;
	
}