* {margin:0; padding:0}

/* mac hide \*/
html,body{
	height:100%; 
	width:100%;
}
/* end hide */

body{	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	min-height:583px; 
	min-width:775px; 
	text-align:center; 
}

#horizon{
	display:table; 
	height:100%; 
	vertical-align:middle; 
	width:100%; 	
}

#content{
	display:table-cell; 
	height:583px;
	position:relative; 
	text-align:center; 	
	vertical-align:middle; 
}
	
#wrapper{
	background-repeat:no-repeat;
	border:0 solid #000; 
	height:583px;
	margin:0 auto; 
	text-align:center; 
	width:775px; 
}

/*--subclasses for main background--*/
#wrapper.index{background-image:url('../images/main_bg.jpg');}
#wrapper.design{background-image:url('../images/design_bg.jpg');}
#wrapper.school_landscaping{background-image:url('../images/schools_landscaping_bg.jpg');}
#wrapper.private_landscaping{background-image:url('../images/priv_dom_landscaping_bg.jpg');}
#wrapper.case_studies{background-image:url('../images/case_studies_bg.jpg');}
#wrapper.case_study{background-image:url('../images/individual_case_study_bg.jpg');}
#wrapper.contact{background-image:url('../images/contact_bg.jpg');}
#wrapper.links{background-image:url('../images/links_bg.jpg');}
#wrapper.jobs{background-image:url('../images/jobs_bg.jpg');}
#wrapper.map{background-image:url('../images/map.jpg');}
/*----------------------------------*/

#logo{
	margin:0 30px 0 0; 
	padding-top:20px;
	text-align:right; 
}

a img{
	border:none;
}

a{
	color:#642200; 
	text-decoration:none; 	
}

.display_none{
	display:none;
}

h1{
	font-size:14px;
}

h2{
	font-size:12px;
}

#text_content, #text_content_design{
	color:#642200; 
	float:right; 
	height:0px; 
	margin:50px 40px 0 0; 
	overflow:visible;
	text-align:left; 
	width:535px; 
}

#text_content_design{
	margin:35px 18px 0 0; 
	width:545px;
}

#text_content p, #text_content_design p{
	font-size:12px;  
	margin-bottom:12px; 
}

#text_content li{
	margin-left:12px;
	width:250px;
}

#text_content ul.list li{
	float:none;
	list-style:none;
	margin-left:0;
	padding:7px 0;
}

#text_content .cs{
	height:190px;
}

#findus{
	width:170px; 
	margin:40px 0 0 20px; 
	float:left;
}

/*--start navigation--*/
ul#nav{
	float:left;
	list-style:none;
	margin:305px 0 0 7px;  
	padding:0;		
	width:140px; 
}

ul#nav li{	
	float:left;
	line-height:1.25em;
	list-style:none;
	margin-bottom:-1px;
	position:relative;
	width:151px;
}

#nav li ul{
	left:-999em;
	margin:-46px 0 0 130px;
	position:absolute;	
}

#nav li ul ul{
	left:-999em;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

a.home, a.design, a.case_studies, a.contact{
	display:block;
	height:45px;
	width:151px;
}

a.natural_play, a.natural_landscapes, a.links, a.jobs, a.map{
	display:block;
	height:42px;
	margin-bottom:-17px;
	width:257px;
}

a.home{background:url(../images/nav_home.png) no-repeat;}
a.design{background:url(../images/nav_design.png) no-repeat;}
a.case_studies{background:url(../images/nav_case_studies.png) no-repeat;}
a.contact{background:url(../images/nav_contact.png) no-repeat;}
a.natural_play{background:url(../images/nav_natural_play.png) no-repeat;}
a.natural_landscapes{background:url(../images/nav_natural_landscapes.png) no-repeat;}
a.links{background:url(../images/nav_links.png) no-repeat;}
a.jobs{background:url(../images/nav_jobs.png) no-repeat;}
a.map{background:url(../images/nav_maps.png) no-repeat;}

a.home:hover, a.design:hover, a.case_studies:hover, a.contact:hover{
	background-position:0 -47px;
}

a.natural_play:hover, a.natural_landscapes:hover, a.links:hover, a.jobs:hover, a.map:hover{
	background-position:0 -60px;
}
/*--------------------*/
table#links_table td.col1{
	width:200px;
}

fieldset{border:none;}
legend{display:none;}
label{width:130px; float:left; display:block; font-weight:bold}
input.text{width:300px}

#footer{
	margin:auto; 
	padding-right:80px;
	text-align:right; 
	width:775px; 	
}

.float_left{
	float:left;
}