@import url("SpryValidationTextarea.css");
@import url("SpryValidationTextField.css");

/* SLA Landscape Architecture Style Document */

/* Adding black background color and "zero-ing out" the standard margin/padding */

body {
	margin:0px;
	padding:0px;
	background-color:#000;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";
	}
p, h1, h2, h3, h4, h5, h6, ul, li {
	margin:0px;
	padding:0px;
	}
body, p, a {
	color:#CC9;
	line-height:1.2em;
	letter-spacing:1px;
	}
p a, li a {
	color:#fff;
	}
a:active {
	border:0;
	text-decoration:none;
	}

div#wrap {
	width:100%;
	text-align:center;
	}

/* Header bar - background and text replacement logo */

div#header {
	width:100%;
	background:url(images/sla_headerBG.gif) top left repeat-x;
	height:124px;
	}
div#header h1 a{
	background:url(images/sla_logo-trans.png) top left no-repeat;
	width:853px;
	height:124px;
	display:block;
	margin:0px auto;
	cursor:pointer;
	}
	
div#header h1  {
	text-indent:-9999px;
	}

/* Menu bar - unordered list with menu and background, black hover state and "current state" for each menu item's page */

div#menu {
	background-color:#660;
	text-transform:uppercase;
	}
div#menu ul {
	list-style:none;
	width:853px;
	padding:5px;
	margin:0px auto;
	text-align:right;
	}
div#menu ul li {
	display:inline;
	}
div#menu ul li a {
	text-decoration:none;
	font-weight:bold;
	padding:5px 10px;
	letter-spacing: .2em;
	}
div#menu ul li a:hover {
	background-color:#000;
	color:#660;
	padding:5px 10px;
	}
	
/* Content  - all main content */

div#contentHome {
	width:853px;
	background:url(images/sla_homeBG.jpg) top center no-repeat;
	height:360px;
	margin:0px auto;
	}
div#contentHome h3 {
	text-align:left;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	letter-spacing:.2em;}

div#contentHome p {
	width:265px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:left;
}
div#contentHome ul {list-style-type:disc;margin:10px;width:265px;margin-right:10px;text-align:left;font-size:14px;}
div#contentHome ul li {list-style-position:outside;margin:5px;}
div#contentHome ul li ul li {margin:4px; font-size:12px;font-weight:normal;}

/* ABOUT PAGE */

div#contentAbout {
	width:853px;
	background:#000 url(images/About_BG.jpg) bottom right no-repeat;
	margin:0px auto;}
div#contentAbout h3 {
	text-align:left;
	font-size:16px;
	padding:10px 0px;
	text-transform:uppercase;
	letter-spacing:.2em;}
div#contentAbout p {
	width:400px;
	margin-right:10px;
	padding-bottom:10px;
	text-align:left;
}
div#contentAbout p a {}

/* SERVICES */
div#contentServices {}
div#contentServices h3 {}
div#contentServices p {}

/* Project Front Page */

div#contentProject {
	width:700px;
	margin:0px auto;}
div#contentProject h3 {
	font-size:16px;
	padding:10px 0px;}
div#contentProject fieldset {
	width:390px;
	margin:5px;
	border:1px solid #333;
	float:left;
	}
div#contentProject ul {
	text-align:left;}
div#contentProject ul li {
	margin-left:20px;
	padding:5px;}
div#contentProject h3{}
li.section	{list-style-type:none;font-weight:bold;font-size:18px;text-transform:uppercase;clear:both;margin-top:10px;}
li.description {list-style-type:none;}
li.description a {}
li.description a img {float:left;margin-right:5px;}

/* Project Individual Pages */


/* CONTACT PAGE */
div#contentContact{
	width:853px;
	margin:0px auto;
	}
form#contact {
	float:left;	
	margin-right:20px;}
fieldset {
	width: 500px;
	border:1px solid #333;
	margin:10px 0px;
	}
fieldset P {
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
	}
legend {
	font-size:1.4em;
	text-transform:uppercase;
	padding:2px;
	}
form#contact label {
	display:block;
	text-align:right;
	padding:5px;
	}
form#contact input {
	width:400px;
	background-color:#FFC;
	border:1px solid #660;
	padding:3px;
	}
form#contact textarea {
	width:400px;
	height:150px;
	background-color:#FFFFCC;
	border:1px solid #660;
	padding:3px;
	overflow:auto;
	vertical-align:text-top;
	}
form#contact input.bt {
	width:100px;
	margin:0px 20px;
	background-color:#660;
	color:#FFC;
	}
form#contact input.bt:hover {
	background-color:#FFC;
	color:#660;
	}
div#contactInfo {
	padding:10px;
	}
div#contactInfo h3 {
	text-align:left;
	font-size:16px;
	padding:5px 0px;}
div#contactInfo p {
	text-align:left;}
div#contactInfo p a {}
div#contactInfo p em {}

/* Spacer - striped green bar */

div#spacer {
	clear:both;
	width:100%;
	background:url(images/sla_spacer.gif) top left repeat-x;
	height:20px;
	margin-bottom:10px;
	}
div#spacer p {}

/* Footer - address and tree images */

div#footer {
	background-color:#000;
	height:200px;
	}
div#footer p.address {
	color:#666;
	font-weight:normal;
	}