/* author: Scott Marlow, Marketing By Marlow | www.marketingbymarlow.com 

COLORS

lime green: #663 (headers/link rollovers)
med grey: 	#888 (primary and secondary links)
drk grey: 	#333 (footer)
lt grey: 	#999 (footer links)
grey: 		#CC3 (background nav hover)
med green: 	#663 (secondary nav hover)

*/

body {
	font-family: arial, sans-serif; 
	margin-top: 80px; 
	padding-right: 50px; padding-left: 50px
}

#wrapper {
	border: 1px black solid;
	max-width: 860px; min-width: 860px; 
	margin-left: auto; margin-right: auto;
	width: 860px
}

/* DEFAULT STYLES */

a {
	color: #888;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase
}

a:hover {
	color: #663
}

p {
	color:black;
	font-size: 11px;
	line-height: 1.6em
}

h1 {
	color: #663;
	font-size: 16px;
	letter-spacing: 0.03em;
	margin: 0 0 -10px 0;
	padding-top: 3px;
	text-transform: uppercase
}

h2 {
	color:#663;
	font-size: 12px;
	letter-spacing: 0.03em;
	margin: 10px 0 -10px 0;
	text-transform: uppercase
}

h3 {
	color: #663;
	font-size: 14px;
	margin: 0 0 -10px 0
}

#home {
	font-size: 10px;
	text-align:center; 
}
#home p {
	margin-top: 2px
}

/* FOOTER */

#footer {
	margin-left: auto; margin-right: auto;
	text-align: center; 
	width: 860px
}
#footer p {
	color: #333; 
	font-size: 10px; font-weight: 800; 
	margin-top: .5em;
	text-transform: uppercase
}
#footer a {
	color: #999
}
#footer a:hover {
	color: #333
}
#footer .design { 
	color: #999; 
	font-size: 9px; 
	letter-spacing: 0.1em; 
	margin-top: 8em; 
}

/* PRIMARY NAVIGATION */

#nav ul {
	border-top: 1px solid black;
	margin: 0 0 0 22px; 
	padding: 0; 
	width: 838px;
}
#nav li {
	display: inline;
	font-size: 10px; 
	font-weight: bold;
	height: 18px;
	letter-spacing: .04em;
	line-height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase
	
}
#nav a {
	background-color: #CC3; 
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #333;
	display: inline;
	float: left;
	padding: .05em .6em .05em .6em
 }
#nav a:hover {
	background-color: #CC9
}
#nav a.about {
	border-left: 1px solid black
}
#nav a.selectedabout {
	background-color: #CC9;
	border-left: 1px solid black
}
#nav a.selected {
	background-color: #CC9
}

/* SECONDARY (SIDEBAR) NAVIGATION */

#nav2 {
	 margin: 16px 0 0 22px;
	 width: 220px
}
#nav2 h3 {
	color: #333; 
	font-size: 10px; 
	letter-spacing: 0.04em; 
	margin: 0;
	padding: 0; 
	text-transform: uppercase; 
}
#nav2 ul {
	margin: 0 0 22px 4px; 
	padding: 0
}
#nav2 li { 
	font-size: 10px; 
	font-weight: 600; 
	letter-spacing: 0.03em; 
	list-style-type: none; 
	line-height: 1.7em; 
	margin: 0; 
	padding: 0;
	text-transform: uppercase; 
}
#nav2 a {
	color: #888;
	padding: .3em
 }
#nav2 a:hover {
	color: #663;
}
#nav2 a.selected {
	color: #663;
}

.main {
	vertical-align: top
}

/* MAIN CONTENT */

#content {
	min-height: 500px;
	padding: 12px 130px 0 0;
	width: 480px
}

#content ul {
	list-style-type: none;
	margin: 15px 0 0 0;
	padding:0;
	width:360px
}
	
#content li {
	font-size: 11px;
	line-height: 1.8em
}

/* HEADER */

.top {
	border-top: 1px solid black
}

.topborder {
	background-color: #CC3; 
	height: 2px; 
	line-height:2px
}

.bottom {
	background-color: #CC3; 
	border-top: 1px solid black; 
	height: 2px; 
	line-height:2px
}

.highlight {
	color: #663; 
	margin-left: .6em; margin-right: .1em
}

/* CONTACT FORM */

#contact {
	margin: 12px 100px 12px 22px; 
	min-height: 500px;
	width: 700px
}

#contact form {
	margin: 12px 0 12px 0; 
	padding: 0
}
	
#contact ul {
	margin: 15px 0 0 0;
	list-style-type: none;
	padding:0;
	width:360px
}

#contact li {
	font-size: 11px;
	line-height: 1.6em;
	margin-bottom: 1em
}

#contact p.form {
	color:#999;
	font-size: 11px;
	margin: 6px 0 -3px 0
}

/* IMAGE GALLERY */

#gallery {
	margin: 12px 0 12px 22px; 
	min-height: 500px;
	width: 740px
}

#gallery .gallery {
	border: 1px solid black; 
	margin-left: 5px
}

#gallery .thumb {
	border: 1px solid black;
	margin-bottom: 3px;
	margin-right: 3px;
	opacity:1;
	-moz-opacity:1.0; 
	filter:alpha(opacity=100);
}

#caption {
	color: #999; 
	font-size: 10px; 
	margin-top:-5px; 
	padding-left: 380px
}

#caption p {
	color: #999
}