/*debug stuff*/
/*border: 2px green solid; /*RH-debug*/

/*colors*/
/*background-color:#666666;/*RH-background-color-body*/
/*background-color:#ffffff;/*RH-background-wrapper*/
/*background-color:#bbc8d9;/*RH-background-wrapper2*/
/*background-color:#f2f2f3;/*RH-background-color-navbar*/
/*background-color:#bbc8d9;/*RH-background-color-navbar-hover*/
/*color:#000000;/*RH-color-navbar*/
/*color:#003399;/*RH-color-headers*/
/*color:#003399;/*RH-color-links*/

/*fonts*/
/*font-size: 12px;/*RH-font-size-navbar*/
/*font-weight:normal;/*RH-font-weight-navbar*/
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
/*--------normalize styles for all browsers------ */
      /* Normalizes margin, padding */
      body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img
      { margin : 0; padding : 0; }


      /* Normalizes font-size for headers */
      h1,h2,h3,h4,h5,h6 { font-size : 100%; }

      /* Removes list-style from lists */
      ol,ul { list-style : none; }


      /* Normalizes font-style and font-weight to normal */
      address, caption, cite, code, dfn, em, strong, th, var
      { font-style : normal; font-weight : normal; }


      /* Removes list-style from lists */
      table { border-collapse : collapse; border-spacing : 0; }


      /* Removes border from fieldset and img */
      fieldset,img { border : 0; }


      /* Left-aligns text in caption and th */
      caption,th { text-align : left; }


      /* Removes quotation marks from q */
      q:before, q:after { content :''; }

/*---------standard styles------------*/
.bold	
{
	font-weight:bold;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------default font styles and sizes for this web site------ */

      h1,h2,h3,h4,p,li{
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
      font-weight:normal;
      }

      h1{font-size: 20px;}
      h2{font-size: 18px;}
      h3{font-size: 14px;}
      h4{font-size: 12px;}
      p{font-size: 11px;}

      h1,h2,h3,h4{
      color:#003399;/*RH-color-headers*/
      }
	  a{	
      color:#003399;/*RH-color-links*/
      }
/*--------body--------*/
body  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
	background-color:#666666;/*RH-background-color-body*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-image:url(../images/bg.gif); */
	font-size:12px;
}

/*---------------wrapper--------------*/
#wrapper { 
	width: 766px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#ffffff;/*RH-background-wrapper*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; 
} 

/*-------------navbar-----------------*/
#navbar {
	width:766px;
	height:23px; 
	margin: 0; 
	border-top: 1px #000000 solid;	
	border-bottom: 1px #000000 solid;	
	background-color:#f2f2f3;/*RH-background-color-navbar*/
}

#navbar ul {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Helvetica, sans-serif;
	line-height: 25px; 
	white-space: nowrap;
}

#navbar li {
	list-style-type: none;
	display: inline;
	padding: 5px 15px 3px 15px;
	font-size: 12px;/*RH-font-size-navbar*/
	line-height: 25px; 	
/*	border-right: 1px #000000 solid;		*/
}


#navbar li a {
	text-decoration: none;
	padding: 2px 10px;
	margin: 0;
	color:#000000;/*RH-color-navbar*/
	font-weight:normal;/*RH-font-weight-navbar*/
}

#navbar li a:link,#navbar li a:visited  {
	color:#000000;/*RH-color-navbar*/
}

#navbar li a:hover,#navbar li a:active {
	color:#000000;/*RH-color-navbar*/
	background-color:#bbc8d9;/*RH-background-color-navbar-hover*/
}


/*------------banner--------------*/
#banner{
	height:90px;
	background-image:url(../images/banner_bg.jpg); 	
}	
#banner_img1{
	float: left;
	width:341px;
}
#banner_img2{
	float: right;
	width:367px;
}

/*---------top---------*/
#top{
	height:253px;
	display:inline-block;
	padding:0;
	margin:0;
}

#main_img{
float:left;
width:390px;
height:253px;
padding-bottom:0;
margin-bottom:0;
}
#main_txt{
float:right;
width:360px;
height:253px;
margin:0;
padding:0
padding-top:10px;
}

#main_txt p{
font-size:11px;
margin:5px 50px 5px 0;
padding:0;
line-height:120%
}


/*------------bottom-----------*/
#bottom
{
	background-image:url(../images/bottom_bg.jpg); 
	border-top: 1px #000000 solid;	
	padding:0;
	margin:0;
	height:372px;
	text-align:center;
}
#bottom h2{
padding-bottom:5px;
}

#bottom_inner /*for the round background*/
{
	height:275px;
	width:675px;
	background-image:url(../images/roundbox_bg.jpg); 	
	margin:45px auto;
	padding-top:10px;
}

#bottom_left{
	float:left;
	width:380px;
/*	border: 1px #000000 solid;		*/
	line-height:1.3;
	text-align:center;
	}

#bottom_left .inner{
	margin:0px auto;
	width:270px;
/*border: 2px green solid;	/*RH-debug*/

}

#bottom_left p{
margin: 0 0 0 0;
padding: 2px 0 0 0;
text-align:center;
}
#bottom_left a{
margin: 0;
padding: 0;
font-size:11px;
font-weight:normal;
color:#000000;
}

#bottom_right{
	float:right;
	width:285px;	
	padding-left:10px;
	}		

#bottom_right .inner{
width:205px;
}

#bottom_right p{
margin-left: 5px;
text-align:left;
}

#bottom_right h3{
margin:5px 0 3px 0;
}

.service_nav{ /*for service thumbnails on home page*/
float:left;
margin:5px 5px 5px 15px;
/*border: 2px green solid;	/*RH-debug*/

}

/*--------footer------------*/
#footer{
text-align:center;
padding-bottom:5px;
padding-top:5px;
font-size:11px;
}

#rh_logo{
padding-top:5px;
}


/*-------left---------*/
#left{
float:left;
width:485px;
background-color:#ffffff;/*RH-background-color4*/
}
/*---------right-------*/
#right{
float:right;
/*height:800px;*/
width:278px;
padding:5px 0 0 0;
margin: 0;
/*border: 1px #000000 solid; /*debug */
/*background-image:url(../images/left_bg.jpg); */
background-repeat: repeat-x;
background-color:#bbc8d9;/*RH-background-color3*/
}

#right p{
margin-left:10px;
}

/*----------services---------*/
.services .service_desc{
float: left;
width:250px;
margin:5px 0px 5px 20px;
padding:0;
/*	border: 1px #000000 solid; /*debug */	
line-height:1.2;
}
.service_img{
float: left;
border: 1px solid #1d304b;  
margin:20px 0px 5px 30px;
padding:0;
}

.services h2{
margin: 5px 0 3px 0;
}

/*--------summer_special-------*/

.summer_special{
margin:20px 0 0 0;
padding:0px;
background-color: #ffffff;
text-align:left;
width:278px;
border: 1px #000000 solid;	
}

.summer_special p:
margin:20px;
}
.summer_special2{
margin-left:100px;
margin-top:50px;
width:300px;
background-color:#ffffff;
}

.summer_special2 p{
margin: 0;
padding: 0;
}

html .summer_special2{
background-color:#ffffff;
}

.summer_special2 h3{
margin-bottom:5px;
}

#wrapper2{
width:278px;
background:#ffffff;
height:700px;
text-align: center;
border: 1px #000000 dotted; 

}

/*--------------contact------------*/
.contact form{
margin:30px 30px 30px 30px;
padding: 20px;
border: 1px #333333 solid;
background:#ffffff;

}
.contact h2{
/*color:#000000;*/
margin:0 0 5px 0;
padding:0;
font-weight:normal;
font-size:18px;
}
#medway_office{
margin-left:20px;
float: left;
padding-bottom:20px;
}
#medfield_office{
margin-left:60px;
float: left;
padding-bottom:20px;
}

#thanks{
margin:30px;
}

/*--------------about----------*/
.about #left{
text-align:center;
}
.about #left p{
margin:30px;
text-align:left;
}
.about #left img{
margin:auto;
border: 1px #333333 solid;
}

.faq p{
margin:0 50px 30px 50px;
line-height:1.3;
}
.faq_border{
border-top: 1px gray solid;	
margin-left:50px;
margin-right:50px;
}

/*------------overrides---------*/

.home h1{
margin: 5px 0 10px 0;
}
.services #wrapper,.contact #wrapper,.about #wrapper{
background-color:#bbc8d9;/*RH-background-wrapper2*/
}

.contact h1,.about h1, .services h1,.faq h1{	
margin:20px 0 10px 0px;
padding:0;
text-align:center;
}
