@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: black; color: #303231; font-family: Verdana, sans-serif; margin: 0 auto; }

p, ul, ol { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { color: #3a832a; font-weight: bold; margin-bottom:5px; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1em; }

a, a:visited {
	color: #0679b9; text-decoration: none;
}
a:hover, a:active {
	color: #0679b9; text-decoration: underline;
}

#container { margin: 0 auto; width: 830px; background: #fff url(/design/grade.gif) repeat-x; border: 10px #525252 solid; border-top: none; border-bottom: 0; overflow: hidden; }

#branding { height: 100px; display: block; position: relative; z-index: 99 }
#branding h1 { display: block; height: 43px; height: 328px; left: 32px; top: 50px; position: absolute; }
#branding h1 a { height: 43px; width: 328px; display: block; background: url(/design/logo.gif) no-repeat; text-indent: -99999px; }
#branding p { font-size: 1.8em; position: absolute; right: 30px; top: 50px; text-align: right; }
#branding p a { font-size: 0.55em; color: #4cac38; display: block; }

#header { background: url(/design/yard.jpg) no-repeat; display: block; height: 256px; border-top: 6px solid #d5d6d5; position: relative; }
#header span { font-weight: bold; }
#header ul { position: absolute; top: 10px; left: 20px; margin: 0; padding: 0; text-indent: 0; z-index:100; }
#header li { margin-bottom: 13px; display: block; height: 60px; display: block; width: 206px; padding: 10px 0 0 13px; }
#header a { color: #fff; text-decoration: none; display: block; width: 100% }
#header a:hover {text-decoration:underline;}

#nav { width: 252px; border: 3px solid #a7a4a4; padding: 7px 4px; background: #242625; margin-bottom: 20px; }
#nav ul, #nav li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { display: block; height: 27px; }
#nav a, #nav a:visited { border: 1px solid #242625; border-top: none; border-bottom: none; background: none; display: block; color: #fff; padding-left: 24px; line-height: 27px; width: 227px; height: 27px; }
#nav a:hover, #nav a:active,
.home #nav-home a, .home #nav #nav-home a:visited, 
.about #nav #nav-about a, .about #nav #nav-about a:visited, 
.affiliations #nav #nav-affiliations a, .affiliations #nav #nav-affiliations a:visited, 
.design #nav #nav-design a, .design #nav #nav-design a:visited, 
.maintenance #nav #nav-maintenance a, .maintenance #nav #nav-maintenance a:visited, 
.clients #nav #nav-clients a, .clients #nav #nav-clients a:visited, 
.tips #nav #nav-tips a, .tips #nav #nav-tips a:visited, 
.request #nav #nav-request a, .request #nav #nav-request a:visited, 
.contact #nav #nav-contact a, .contact #nav #nav-contact a:visited 



 { color: #000; background: url(/design/nav.gif) top center no-repeat; text-decoration: none; border: 1px solid #abadad; border-top: none; border-bottom: none; }

#leftcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { padding: 10px 20px; width: 266px; }
#leftcol h2, #leftcol p { margin-left: 20px; margin-right: 20px; }
#leftcol a:hover { text-decoration: none; }
#rightcol { margin-left: 8px; width: 495px; padding: 30px 0; }

#footer { padding: 15px 15px 0; background: #303231; color: #c0c0bb; text-align: center; font-size: 0.9em; float: left; clear: both; width: 800px; }
#footer a { color: #c0c0bb; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 38em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #0567ae;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 297px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }