/**** REMOVES DEFAULT BROWSER STYLES - CHANGE AND DIE !! ****/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  p, blockquote, td, th
{
	margin:  0;
	padding : 0;
	font-family: "Trebuchet MS", arial, verdana;

}

/* Removes list-styles from lists  */
ol, ul
{ list-style : none; }

/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }



/* 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 : '' ; }

*{
	padding: 		0;
	margin: 		0 0 0 0;
}	

/* MAIN PAGE STYLES START HERE */

body {
	width:980px;
	text-align : left;
	margin-right: auto;
	margin-left: auto;
	background-color: #788128;
	background-image: url(../graphics/bg1.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat;
}

h1,h2,h3,h4,h5,h6, .numbertxt  {
font-weight: normal;
}

p,a {
	font-weight: normal;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	
}


h1 {
	font-size: 26px;
	font-weight: normal;
	padding-top: 16px;
	color: #000000;
	margin-left: 25px;
	margin-right: 30px;
	padding-bottom: 4px;
}

h1.home-header{
	font-size: 33px;
}

h2 {
	padding-left: 15px;
	font-size: 22px;
	font-weight: normal;
	color: #2B4197;
}

/* container */

#container {
	width:980px;
	margin-bottom: 10px;
	margin-top: -1px;
}

/* header */

#header {
	width:980px;
	height: 98px; /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	text-align: center;
}


#sub-head{
	text-align: center;
	color: #2b4197;
	font-size: 100%;
	height: 36px;
	width: 960px;
	margin-left: 10px;
}

#numbers-head p {

}

/* column wrapper */

#col-wrapper {
	width: 980px;
	height: 1%;
	float: left;
	background-image: url(../graphics/col-bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}

/* left column */

#left-col {
	width: 170px;
	height: 1%;
	float: left;
	padding-bottom: 20px;
}

#left-col img{
	margin-left: 10px;
}


/* side pics in left col */

#featured {
	width: 173px;
	margin-left: 10px;
}

/* right column */

#right-col {
	height: 1%;
	background-image: url(../graphics/pics-bg1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 793px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: right;
}

#right-col p{
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 16px;
	padding-left: 25px;
	padding-right: 30px;
	color: #262626;
}

#right-col h2{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 30px;
	color: #810925;
	font-weight: bold;
	font-size: 21px;
	background-image: url(../graphics/mini-leaf.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 25px;
	padding-left: 30px;
}


/* picture box for under header pic */

#pics-box{
	
	margin-bottom: 15px;
	
}

#flash-box{
	height: 207px;
	background-color: #FFFFFF;
	width: 388px;
	float: left;
}

#right-col ul {
	margin-left: 35px;
	margin-right: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
}

#right-col li {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	font-size: 12px;
	background-image: url(../graphics/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #262626;
}


#headings-border{
	border: 1px solid #c3c3c3;
	margin-right: 13px;
	margin-left: 5px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: -1px;
}

#headings-border h1{
	padding-top: 8px;
	padding-bottom: 2px;
	color: #2b4197;
}




#content-border{
	border: 1px solid #c3c3c3;
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 12px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
}

#content-border p, #content-border h2, #content-border h3, #content-border h4{
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* footer */

#footer {
	text-align: center;
	clear: both;
	width: 980px;
	font-size: 90%;
	color: #FFFFFF;
	background-image: url(../graphics/footer-bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
	padding-top: 6px;
}

#footer p{
	text-align: center;
	color: #DBE1BF;
	font-size: 11px;
	font-family: "Trebuchet MS", arial, verdana;
}

#footer a{
	text-align: center;
	color: #DBE1BF;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
	font-family: "Trebuchet MS", arial, verdana;
}


#copyright {
	width:980px;
	text-align: center;
	clear: both;
	float: left;
	background-image: url(../graphics/footer-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 29px;
}

#copyright a {
	text-decoration: underline;
	color: #F5F5F5;
	font-size: 11px;
}

A:link	{
	text-decoration:underline;
	font-weight: normal;
	color: #003399;
}
A:visited	{ text-decoration:underline; font-weight: normal; color: #003399}
A:hover	{ text-decoration:underline; font-weight: normal; color: #000000 }
A:active	{
	text-decoration:underline;
	color: #003399;

}


/* nav */

#navcontainer1 {
	width: 162px;
	padding-left: 5px;
}

#navcontainer1 ul
{
	list-style-type: none;
}

#navcontainer1 a
{
	display: block;
	width: 153px;
	line-height: 28px;
	padding-left: 14px;
	text-transform: uppercase;
	background-image: url(../graphics/navbg1.gif);
	background-repeat: repeat-x;
	background-color: #870505;
	padding-bottom: 1px;
	background-position: center;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D97B75;
}

#navcontainer1 a:link, #navlist1 a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background-color: #6D001B;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer1 a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
}

/* map page */

#map{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #CCCCCC;
	width: 525px;
	background-color: #FFFFFF;
	padding: 4px;
}


/* contact page */

.tickboxtext{
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.checkboxpadding{
	margin-right: 2px;
	margin-left: 4px;
}


label
{
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	width: 5em;
}

 
.submit input
{
	color: #000;
	background: #F1F1F1;
	border: 2px outset #990000;
	margin-left: 140px;
	font-weight: bold;
} 
#contact-form input{
	border: 1px solid #990000;

}

#homeworth-form input{
	border: 1px solid #990000;

}

#homeworth-form textarea{
	border: 1px solid #990000;

}

fieldset p
{
	padding-left: 4px;
}


legend
{
	color: #000000;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}

#contact-form{
	margin-left: 28px;
	padding-left: 1px;
}

#contact-form p{
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

/* sections on forms */

.section{
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.pic-border{
	border: 4px solid #FFFFFF;
}

/* Main navigation "active tabs" - shows the page you are on in the navigation*/

body#home-page ul#navlist1 li#home1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #B60808;
	}
	
body#sales-page ul#navlist1 li#sales1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}	

body#lettings-page ul#navlist1 li#lettings1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}		
	
	
	
body#landlords-page ul#navlist1 li#landlords1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#tenants-page ul#navlist1 li#tenants1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#testimonials-page ul#navlist1 li#testimonials1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#links-page ul#navlist1 li#links1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
	body#contact-page ul#navlist1 li#contact1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
		
/* floats images in content */

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight {
	float: right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

img.nofloat {
padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}


.clearboth {
	clear: both;
}

#product-table{
	margin-left: 14px;
	margin-top: 0px;
	margin-bottom: 12px;
}

#side-logos{
	margin-left: 6px;
	margin-top: 5px;
}

#side-logos img{
	padding-bottom: 5px;
}


#side-address{
	margin-left: 20px;
	font-size: 13px;
	color: #FFFFFF;
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #C36058;
	margin-bottom: 5px;
	background-color: #72001B;
}

#side-address p{
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 17px;
}

.redtxt{
	color: #CC0000;
	font-weight: bold;
}

.testimonials{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-right: 25px;
	margin-left: 25px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#side-pics{
	float: right;
	margin-top: 22px;
	margin-right: 15px;
	width: 170px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#side-pics img{
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	padding: 4px;
}

#side-aff{
	float: right;
	margin-top: 22px;
	margin-right: 40px;
	width: 120px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#side-aff img{
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	padding: 4px;
}

.download-button{
	margin-left: 40px;
}

/***************** useful links page *****************/

#link-box{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 550px;
	margin-left: 23px;
}
 
 #link-box img{
	border: 1px solid #999999;
	margin: 4px; 
 }

#homeworth-form{
	height: 1%;
	width: 580px;
	border: 1px solid #CCCCCC;
	margin-left: 26px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#homeworth-form p{
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.dps-logo{
	padding-left: 23px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.epc-graphic{
	float: right;
	margin-bottom: 12px;
	margin-left: 8px;
}

#side-links{
	float: right;
	width: 125px;
	margin-top: 50px;
	margin-right: 20px;
}

#side-links img{

}

#home-aff{
	margin-left: 24px;
	padding-right: 12px;
}

#home-aff img{
	margin-right: 8px;
}
