/* css style sheet for 3J's surveyors*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/
html {width:100%;font-size:101%;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%; margin:10px 0; padding:0; color: Black; background-color: White;}
.clear {clear:both;}
img {border:none;}
a:link{
	text-decoration: none;
	color: #3366FF;
}
a:visited{
	text-decoration: none;
	color: Navy;
	font-weight: normal;
}
a:active{text-decoration:none; color: Teal;}
a:hover{text-decoration:none; color: Red;}


/* wrappers*/ 
#wrapper{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	border:1px solid Gray;
	background-color: White;
	background-image: url(../images/bg_houses1.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#banner {padding: 30px; background-color: transparent; vertical-align: top; text-align: right;} 

#logo {text-align: right; float: right;}
/*nav main*/
#navMain{border: none; margin:0; padding:5px 0 5px 0; background: transparent; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#navMain ul{float:left;width:100%; list-style:none; margin:0; padding:0; }
#navMain ul li{float:right;  margin:0; padding:5px 0 5px;border-left: 1px solid Gray;}
#navMain ul li a{ margin:0; padding:0 25px; font-size: 1em; }
#navMain ul li a:hover, #navMain ul li a:active{
	margin: 0;
	padding: 5px 25px;
	background: #DEE7F3;
	color: Red;
}



/*floats*/
#twoColWrap{float:left; padding:0; width:98%; background-color: transparent;}

#leftCol{float:left; width: 24%;margin:0;padding:5px; background-color: transparent; text-align: left; vertical-align: top;}

#rightCol{float:left; margin: 0;padding:15px; background-color: transparent; width: 70%;}

#reg {
	width: 40%; padding: 5px; border: 1px solid silver; text-align: right; float: right;
}

#footer{width:100%; width: 800px; margin: 0 auto; text-align:center; font-size: .7em;}

/*------------ headers --------------*/

h1 {font-size: 2.2em; color: White; font-weight: lighter; }
h2 {font-size: 1.4em; font-style: italic; color: Gray; font-weight: lighter;}
h3 {
	font-size: 1em; color: Gray;
}


/*----------- text ---------*/
.homelist {font-size: 0.9em; list-style: circle outside;}
.contact {
	list-style: none; font-size: 0.9em;
}
.caption {font-size: .7em;}
.wip {
	color: Gray; font-style: italic; font-size: 1em;text-align: right;
}

/*------ images --------*/
.floatLeft {float: left; margin: 3px; }
.floatRight {float: right; margin: 3px;}