/* -----------------------------------*/
/* ---------->>> RESETS <<<-----------*/
/* -----------------------------------*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin:0;
	padding:0;
}
fieldset, table {
	border:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	overflow:hidden;
	word-wrap:break-word; /* will not validate IE only */
}
caption, th, td {
	text-align: left;
}


body {
	height:100%;
	background:#E2DFDA; /*tan*/
	text-align: center;
	font:76%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color:#8C7F6F; /* light brown */
}
/* -----------------------------------*/
/* -------->>> TYPOGRAPHY <<<---------*/
/* -----------------------------------*/
address, h1, h2, h3, h4, h5, h6, li, p, pre {/*padding: .3em 10px;*/}
h1 {font-size:1.75em; color:#A7BC57; /*green*/ padding: 1.75em 0 0 0; font-weight:normal; text-transform:lowercase;}
h2 {font-size:1.5em; color:#FFF; padding: 1em 0 0 .5em; font-weight:normal; text-transform:lowercase;}
h3 {font-size:1.25em; color:#A7BC57; /*green*/ padding: 1em 0 0 .5em; font-weight:normal; text-transform:lowercase;}
h4 {font-size:1.2em;}
address, li, p {font-size:1em;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:115px;
	width:900px;
	/*background-color:#99CC00;*/
	position:relative;
	margin: 0 auto;
}

#logo{
	background:url(img/logo.gif) no-repeat;
	width:158px;
	height:335px;
	position:absolute;
	top:45px;
	left:6px;
}
#logo img{
	width:158px;
	height:335px;
}
#nav{
	position:absolute;
	width:722px;
	height:38px;
	top:85px;
	left:199px;
	font-size:26px;
	font-weight:bold;
	color:#8C7F6F; /* light brown */
}
#nav a, #nav a:visited {text-decoration:none; color:#8C7F6F; /* light brown */}
#nav a:active, #nav a:focus, #nav a:hover, #nav a.current {
	text-decoration:none;
	outline:none;
	color:#A7BC57; /*green*/
	}
#main {
	width:100%;
	margin: 0 auto;
	padding:0 0 3em 0;
	background-color:#463420; /*brown*/
	border-bottom:#A7BC57 1px solid; /*green*/
	min-height:360px;
	height:auto !important;
	height:360px;
}
#mainContent {
	width:600px;
	margin: 0 auto;
	padding:0 50px 0 250px;
}
#homeMainContent{
	width:600px;
	margin: 0 auto;
	padding:20px 75px 0 225px;
}
#portfolioMainContent{
	width:600px;
	margin: 0 auto;
	padding:0 50px 0 250px;
}
#contactMainContent{
	width:700px;
	margin: 0 auto;
	padding:20px 0 0 200px;
}
#footer {
	text-align:center;
	color:#8C7F6F; /* light brown */
	padding:10px 0 0 0;
}
#footerContent {
	width:600px;
	margin: 0 auto;
	padding:0 50px 0 250px;
}
#footerContent {
	width:600px;
	margin: 0 auto;
	padding:0 75px 0 225px;
}
#footer p {
}
#footer a, #footer a:visited {text-decoration:none; color:#8C7F6F; /* light brown */}
#footer a:active, #footer a:focus, #footer a:hover {
	text-decoration:none;
	outline:none;
	color:#A7BC57; /*green*/
}
#footer .footernav a, #footer .footernav a:visited {padding:0 10px;}
#footer .footercopy a, #footer .footercopy a:visited { color:#8C7F6F; /* light brown */ text-decoration:underline;}
#footer .footercopy a:active, #footer .footercopy a:focus, #footer .footercopy a:hover {
	text-decoration:none;
	outline:none;
	color:#A7BC57; /*green*/
}

/* -----------------------------------*/
/* ------->>> IMAGES/LINKS <<<--------*/
/* -----------------------------------*/
a {text-decoration:underline; color:#A7BC57; /*green*/}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
	text-decoration:none;
	outline:none;
	}
a img {border:none;}
/* -----------------------------------*/
/* ------->>> FORM <<<--------*/
/* -----------------------------------*/
#myform{
	text-align:left;
	margin:0;
	color:#A7BC57; /*green*/
	font-size:12px;
	font-weight:normal;
	padding: 0;
	border:#8C7F6F 1px solid;
	width:500px;
}
label { text-align:left;}
label.error { color:#FFFFFF; font-size:13px; padding-left: .5em;}
#myform p { clear: both; }
.submit {}
#myform em { font-weight: bold; padding-right: 1em; vertical-align: top; }
.myinput{
	background:#8C7F6F; /* light brown */
	border:none;
	font-family: tahoma, helvetica, sans-serif;
	font-size: 14px;
	color:#463420; /*brown*/
}
/* -----------------------------------*/
/* ---------->>> GENERAL <<<----------*/
/* -----------------------------------*/
.white {
	color:#FFFFFF;
}
.green2 {
	color: #A7BC57; font-size: 1em; letter-spacing:.25em; padding:10px 0 0 0;
}
.ltbrown2 {
	color: #8C7F6F; font-size: .85em; letter-spacing:.25em;
}