/*

   screen.css

   Branches

   

   Created by Cale Woodley on 2008-04-30.

   Copyright 2008 Webfirm. All rights reserved.

*/



@import url("reset.css");

@import url("vertical.css");



body {

	background: #e4bd3c url('../images/core/body-background.jpg') top left repeat-x;

	font: 0.69em Verdana, Tahoma, Arial, sans-serif;

}



#page {

	background: url('../images/core/page-background.jpg') top center no-repeat;

	width: 100%;

	height: 600px;

}



#container {

	width: 930px;

	margin: 0 auto;

	padding-top: 10px;

	position: relative;

}



.upsize { font-size: 1.1em; font-weight: bold; }

.downsize { font-size: 0.5em; vertical-align: middle; font-weight: normal; }



/* =HEADER

***********************************/

#header {

	width: 930px;

	height: 440px;

}



#header #logo {

	float: left;

	display: inline;

	height: 225px;

}



#header #navigation {

	background: #f5760c;

	height: 215px;

	width: 230px;

	float: left;

}



#header #banner {

	float: right;

	display: inline;

	height: 440px;

	width: 700px;

	position: relative;

	z-index: 25;

}



#banner img {

	top: 0;

	left: 0;

}





/* =NAV

***********************************/

#nav ul {

	height: 215px;

	width : 230px; /* set for base nav width */

	position: relative;

	z-index: 50;

}



#nav li {

	float : left;

	line-height : 30px;

	margin-bottom : -1px; /* collapse borders */

	position : relative; /* required - used to position subs */

	z-index: 80;

	width: 230px; /* set to same width as base list */

}



#nav li a {

	width: 220px;

	border: none;

	text-indent: -999em;

}



#nav li ul {margin-left: 230px;}

#nav li ul li { position: relative; z-index: 100; }

#nav li ul a {text-indent: 0; color: #000; background: #FADD89; padding-left: 30px; border-left: 1px solid #F8CD4D;}

#nav li ul a:hover {background: #FCE8AE; color: #000;}

 

#nav a#nav-home {background-image: url('../images/nav/nav-home.png');}

#nav a#nav-about {background-image: url('../images/nav/nav-about.png');}

#nav a#nav-commercial {background-image: url('../images/nav/nav-commercial.png');}

#nav a#nav-trees {background-image: url('../images/nav/nav-trees.png');}

#nav a#nav-arrangements {background-image: url('../images/nav/nav-arrangements.png');}

#nav a#nav-design {background-image: url('../images/nav/nav-design.png');}

#nav a#nav-contact {background-image: url('../images/nav/nav-contact.png');}





#nav a:hover {background-position: -230px 0;}





/* =CONTENT

***********************************/

#content {

	clear: both;

	width: 930px;

	background: #580046 url('../images/core/content-background.jpg') top center no-repeat;

	color: #f7d583;

	line-height: 17px;

}



#text {

	width: 623px;

	float: right;

	display: inline;

	margin: 50px 45px 0 0 ;

}



#text h1 {

	font-size: 2.36em;

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-weight: normal;

}



#text h2 {

	font-size: 1.8em;

	font-weight: normal;

	margin: 20px 0 0 0;

}



#text p {

	font-size: 1em;

	line-height: 1.55em;

	margin: 13px 0;

}



#text ul {

	list-style: square;

	margin-left: 22px;

}



#text hr.clear {

	clear: both;

	height: 0;

	border: none;

	margin: 10px 0;

}



#text a {color: #FCE8AE; text-decoration: underline;}

#text a:hover {text-decoration: none;}



#text img.float-left {float: left; margin: 10px 10px 5px 0; display: inline; border: 2px solid #7C0061; clear: left;}

#text img.float-right {float: right; margin: 5px 0 5px 10px; display: inline; border: 2px solid #7C0061; clear: right;}

.float-right {float: right; margin: 15px 0 15px 10px;}

.float-right img {display: block; border: 2px solid #7C0061; line-height: 25px;}



#text div.gallery {

	padding: 5px 0 0 0;

	margin: 20px 0;

	background: #7c0061;

	clear: both;

	display: block;

}



#text div.gallery h2 {

	text-align: left;

	margin: 0 0 5px 5px;

}





#contactinfo {

	width: 185px;

	float: left;

	display: inline;

	margin: 101px 0 0 45px;

	color: #fff;

	line-height: 17px;

}



#contactinfo p {margin: 0 0 33px 0;}



#contactinfo span {padding-left: 20px; display: block;}

#contactinfo span#phone {background: url('../images/core/icon-phone.png') 0 3px no-repeat;}

#contactinfo span#fax {background: url('../images/core/icon-fax.png') 0 3px no-repeat;}

#contactinfo span#email {background: url('../images/core/icon-email.png') 0 3px no-repeat;}



#contactinfo a {color: #fff;}

#contactinfo a:hover {text-decoration: none;}





.t-name { font-weight: bold; display: block; text-align: right; margin-bottom: 2em; color: #c98fbd; }



/* =COLOURBAND

***********************************/

#colourband {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 9px;

	height: 298px;

	background: #428703 url('../images/core/colourband.png') top center no-repeat;

}





/* =FOOTER

***********************************/

#footer {

	margin: 0 auto;

	width: 930px;

	height: 54px;

	background: #428703;

	font-size: 0.91em;

	line-height: 1.40em;

}



#footer p {

	color: #000;

	float: left;

	display: inline;

	margin: 15px 0 0 44px;

}



#footer a {color: #000; text-decoration: none;}

#footer a:hover {text-decoration: underline;}



#footer img {

	float: right;

	display: inline;

	margin: 14px 33px 0 0;

}



#trees-flash { width: 250px; height: 375px; display: block; }