@import url(http://www.reeves-green.co.uk/css/navigation.css);

body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 78%;
background-color: #FFF;
}

p {margin: 0px 0px 15px 0px; padding:0px; line-height:1.3em; font-size:0.9em; color:#363636;}
p a, a {margin:0px; padding:0px; text-decoration:underline; color:#363636;}
p a:hover, a:hover, a:hover{color:#000;}
p a:visited, a:visited, a:visited {text-decoration:underline; color:#fff;}
p a:visited:hover, a:visited:hover, a:visited:hover {color:#fff;}

#house p {margin: 25px 0px 15px 0px; color:#9CC1B0; font-weight: bold;}
#house p a{padding: 0px; color:#9CC1B0; text-decoration:none; font-weight: normal;}
#house p a:hover {text-decoration:underline; color:#9CC1B0;}
#house p a:visited {text-decoration:none; color:#9CC1B0;}
#house p a:visited:hover {text-decoration:underline; color:#9CC1B0;}

img{border:none;}
.floatRight{float:right}

h1{
padding: 8px 0px 8px 340px;  
margin: 0px;
font-size: 1.6em;
color: #fff;
font-weight: normal;
}

h2{
padding: 7px 0px 13px 0px; 
margin: 0px;
font-size: 1.2em;
color:#363636;
font-weight: bold;
}

h3{padding:25px 0px 30px 40px; margin: 0px; font-size: 1.3em; color:#99A7A6; font-weight: normal;}

#title {
margin: 0px;
padding: 0px;
text-align: left;
height:78px;
background: url("http://www.reeves-green.co.uk/images/rgpl_peapod.jpg") no-repeat center 18px;
position:relative;
}

#house {
margin: 0px;
padding: 0px;
text-align: right;
height:78px;
width:280px;
position:absolute;
right:10px;
top:0px;
}

#container {
margin: 0px;
padding: 0px;
}

#titlebar {
margin: 0px;
padding:0px;
background-color: #98C0A5;
}

#client_titlebar {
margin: 0px;
padding:0px;
background-color: #98C0A5;
height:40px;
}

#content {
margin:0px;
padding:0px;
background-color: #A1CBC9;
width:100%;
}

#content2 {
margin:0px;
padding:0px;
background-color: #A1CBC9;
width:770px;
}


#con_text {
margin: 0px 0px 0px 20px;
padding: 0px;
float:left;
text-align: left;
width:425px;
background-color: #A1CBC9;
height:276px;
}

#footer{
	margin:0px;
	padding:0px;
	height:30px;
	background:url("http://www.reeves-green.co.uk/images/reevesgreen.gif") no-repeat bottom right;
}


/* --------------------- */

/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */