/*	-------------------------------------------------------------
	Aaron Chetwynd
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Template Styles
	Filename:		aaron_template.css
	Version:		1.1
	Date:			April 30th 2008
	-------------------------------------------------------------	*/
	
html { height: 100%; margin-bottom: 1px; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.gif);
	font-size: 12px;
	vertical-align: middle;	
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0;
	padding-bottom: 0;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	background-color: #FFFFFF;
	margin: 0px;
}
#container {
	vertical-align: middle;
	background-image: url(../images/clouds_bk_v2.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
	margin-top: 100px;
	margin-bottom: 100px;
}


#logo {width: 180px; height: 101px; margin: 0px; background: url(../images/home/aaron_logo.jpg) no-repeat;	float: left;}
#logo a {display: block; margin: 0; padding:0; background: url(../images/home/aaron_logo.jpg) no-repeat left top; height: 101px;float: left;}


#site {
	height: 430px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

#topmenuspacer {
	float: left;
	height: 62px;
	width: 690px;
	background-image: url(../images/home/aaron_topspacer.jpg);
}

#topmenu {
	float: left;
	background-color: #FFFFFF;
	height: 40px;
	width: 690px;
	margin: 0px;
}

#top-menu {
	margin: 0px 0px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#top-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-menu li {
	margin: 0px 0px 1px;
	padding: 0px;
	float:left;
}
#whoweare {width: 129px; height: 40px; margin: 0px; background: url(../images/topmenu/whoweare.gif) no-repeat -129px;}
#whoweare a {display: block; margin: 0; padding:0; background: url(../images/topmenu/whoweare.gif) no-repeat left top; height: 40px;}
#whoweare span {visibility:hidden; display: block; margin:0; padding: 0px;}
#whoweare a:hover {	background-image: none;}
#whoweare a:active {}
#whoweare a:visited {}

#whatwedo {width: 127px; height: 40px; margin: 0px; background: url(../images/topmenu/whatwedo.gif) no-repeat -127px;}
#whatwedo a {display: block; margin: 0; padding:0; background: url(../images/topmenu/whatwedo.gif) no-repeat left top; height: 40px;}
#whatwedo span {visibility:hidden; display: block; margin:0; padding: 0px;}
#whatwedo a:hover {	background-image: none;}
#whatwedo a:active {}
#whatwedo a:visited {}

#howwedoit {width: 136px; height: 40px; margin: 0px; background: url(../images/topmenu/howwedoit.gif) no-repeat -136px;}
#howwedoit a {display: block; margin: 0; padding:0; background: url(../images/topmenu/howwedoit.gif) no-repeat left top; height: 40px;}
#howwedoit span {visibility:hidden; display: block; margin:0; padding: 0px;}
#howwedoit a:hover {	background-image: none;}
#howwedoit a:active {}
#howwedoit a:visited {}

#testimonials {width: 135px; height: 40px; margin: 0px; background: url(../images/topmenu/testimonials.gif) no-repeat -135px;}
#testimonials a {display: block; margin: 0; padding:0; background: url(../images/topmenu/testimonials.gif) no-repeat left top; height: 40px;}
#testimonials span {visibility:hidden; display: block; margin:0; padding: 0px;}
#testimonials a:hover {	background-image: none;}
#testimonials a:active {}
#testimonials a:visited {}


#contactus {width: 124px; height: 40px; margin: 0px; background: url(../images/topmenu/contactus.gif) no-repeat -124px;}
#contactus a {display: block; margin: 0; padding:0; background: url(../images/topmenu/contactus.gif) no-repeat left top; height: 40px;}
#contactus span {visibility:hidden; display: block; margin:0; padding: 0px;}
#contactus a:hover {	background-image: none;}
#contactus a:active {}
#contactus a:visited {}

#maincontent {
	background-color: #FFFFFF;
	width: 870px;
	height: 330px;
	margin: 0px;
}


#sub-menu {
	width:160px;
	margin: 10px 0px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:bottom;
	}
#sub-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sub-menu li {
	margin: 0px 0px 1px;
	padding: 0px;
}
#consultancy {width: 180px; height: 39px; margin: 0px; background: url(../images/sidemenu/consultancy.gif) no-repeat -180px;}
#consultancy a {display: block; margin: 0; padding:0; background: url(../images/sidemenu/consultancy.gif) no-repeat left top; height: 39px;}
#consultancy span {visibility:hidden; display: block; margin:0; padding: 0px;}
#consultancy a:hover {	background-image: none;}
#consultancy a:active {}
#consultancy a:visited {}

#residential_developments {width: 180px; height: 39px; margin: 0px; background: url(../images/sidemenu/residential.gif) no-repeat -180px;}
#residential_developments a {display: block; margin: 0; padding:0; background: url(../images/sidemenu/residential.gif) no-repeat left top; height: 39px;}
#residential_developments span {visibility:hidden; display: block; margin:0; padding: 0px;}
#residential_developments a:hover {	background-image: none;}
#residential_developments a:active {}
#residential_developments a:visited {}

#commercial_developments {width: 180px; height: 39px; margin: 0px; background: url(../images/sidemenu/commercial.gif) no-repeat -180px;}
#commercial_developments a {display: block; margin: 0; padding:0; background: url(../images/sidemenu/commercial.gif) no-repeat left top; height: 39px;}
#commercial_developments span {visibility:hidden; display: block; margin:0; padding: 0px;}
#commercial_developments a:hover {	background-image: none;}
#commercial_developments a:active {}
#commercial_developments a:visited {}

#furniture_developments {width: 180px; height: 39px; margin: 0px; background: url(../images/sidemenu/furniture.gif) no-repeat -180px;}
#furniture_developments a {display: block; margin: 0; padding:0; background: url(../images/sidemenu/furniture.gif) no-repeat left top; height: 39px;}
#furniture_developments span {visibility:hidden; display: block; margin:0; padding: 0px;}
#furniture_developments a:hover {	background-image: none;}
#furniture_developments a:active {}
#furniture_developments a:visited {}


#concept_developments {width: 180px; height: 39px; margin: 0px; background: url(../images/sidemenu/concept.gif) no-repeat -180px;}
#concept_developments a {display: block; margin: 0; padding:0; background: url(../images/sidemenu/concept.gif) no-repeat left top; height: 39px;}
#concept_developments span {visibility:hidden; display: block; margin:0; padding: 0px;}
#concept_developments a:hover {	background-image: none;}
#concept_developments a:active {}
#concept_developments a:visited {}


#tel_riba {
	background-image: url(../images/home/phone_riba.gif);
	height: 120px;
	width: 180px;
	background-position: bottom;
	float: left;
}

#left_col {

	width: 180px;
	float: left;

}

#right_col {
	width: 675px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
}

#content {
	height: 320px;
	width: 675px;
}




input {
	font-size: 11px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#divider {
	background-image: url(../images/topmenu/divider.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 7px;
}