/* 
Name: Sticks and Stones Website 
Author: Nick Francis
Questions/Comments: nick@project83.com   
*/

/* main styles */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	color:#2F2A0D;
	background:#7D8A51 url(images/bg.jpg) repeat-x top left;
	}

#wrap {
	margin:0 auto;
	padding:0;
	width:760px;
	text-align:left;
	background:#EBE4C1 url(images/wrap_bg.gif) repeat-y top left;
	}

.description {
	text-indent:-9000px;
	}

.clear {
	clear:both;
	}	
	
a {
	color:#0000CC;
	}	
	
a:hover {
	text-decoration:none;
	}	
	
h3 {
	background:#FCF8D9;
	padding:2px;
	border-top:1px dotted;
	border-bottom:1px dotted;
	}	
	
.float-left {
	float:left;
	margin:0 10px 10px 0;
	border:4px solid #fff;
	}		
	
.float-right {
	float:right;
	margin:0 0 10px 10px;
	border:4px solid #fff;
	}			
	
/* header */	
#header {
	margin:0;
	padding:0;
	height:212px;
	width:760px;
	background:#FCF8D9 url(images/header_bg.jpg) no-repeat top left;
	}	
	
#header h1 {
	margin:0;
	padding:0;
	}	
	
/* navigation */	
#nav {
	margin:151px 0 0 180px;
	padding:0;
	text-align:center;
	}	
	
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	width:404px;
	height:31px;
	background:#DBDFA6 url(images/nav_bg.gif) no-repeat top left;
	}	
	
#nav ul li {
	float:left;
	height:31px;
	margin:0;
	padding:7px 0 0 0;
	}	
	
#nav ul li a {
	display:block;
	margin:0;
	padding:0;
	color:#1A1506;
	text-decoration:none;
	}	
	
#nav ul li.active {
	height:25px;
	font-weight:bold;
	background:#959856;
	border:1px solid #727236;
	border-bottom:none;
	}	
	
#nav ul li a:hover {
	text-decoration:underline;
	}	
	
#nav ul li#home a {
	width:64px;
	}	
	
#nav ul li#home-active {	
	width:64px;
	height:25px;
	font-weight:bold;
	background:#959856 url(images/home_bg.gif) no-repeat top left;
	}
	
#nav ul li#about {
	width:81px;
	}	
	
#nav ul li#services {
	width:75px;
	}	
	
#nav ul li#portfolio {
	width:78px;
	}	
	
#nav ul li#contact {
	width:100px;
	}	
	
#nav #contact-active {
	width:100px;
	height:25px;
	font-weight:bold;
	background:#959856 url(images/contact_bg.gif) no-repeat top left;
	position:relative;
	left:5px;}			
	
/* content area */
#content-top {
	margin:0;
	padding:0;
	background:url(images/content_top.gif) no-repeat top left;
	height:33px;
	width:760px;
	}

#content {
	float:left;
	margin:0;
	padding:0 0 0 22px;
	width:502px;
	position:relative;
	bottom:35px;
	}
	
#content h2 {
	background:url(images/welcome.jpg) no-repeat top left;
	height:35px;
	}
	
h2#about-header {
	background:url(images/about.jpg) no-repeat top left;
	height:35px;
	}		
	
h2#services-header {
	background:url(images/services.jpg) no-repeat top left;
	height:35px;
	}	
	
h2#portfolio-header {
	background:url(images/portfolio.jpg) no-repeat top left;
	height:35px;
	}
	
h2#contact-header {
	background:url(images/contact.jpg) no-repeat top left;
	height:35px;
	}	
	
h2#proposal-header {
	background:url(images/proposal.jpg) no-repeat top left;
	height:35px;
	}					
	
h2#credits-header {
	background:url(images/credits.jpg) no-repeat top left;
	height:35px;
	}		
	
#content .text {
	background:#DED9B2;
	border:1px solid #BEB48E;
	width:471px;
	margin:0;
	padding:0 15px;
	line-height:20px;
	}	
	
#content .text .highlight {
	background:#FCF8D9;
	padding:2px;
	}	
	
/* home page */
#slideshow {
	float:right;
	margin:15px 0 10px 10px;
	}	
	
/* portfolio page */
.img-wrap {
	float:left;
	margin:30px 10px 0 0;
	}	
	
.img-wrap img {
	border:4px #fff solid;
	width:130px;
	}	
	
.img-wrap a {
	border:none;
	}	
	
.img-wrap p {
	margin:0;
	padding:0;
	}	
	
#thumbs img {
	margin:8px;
	height:83px;
	}		
	
/* contact page */
fieldset {
	margin:0;
	padding:0;
	border:none;
	}
	
fieldset ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
	
fieldset label {
	float:left;
	clear:right;
	width:100px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset input, textarea {
	margin:0 0 8px 15px;
	padding:2px;
	color:#333;
	font-size:100%;
	font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	border:1px solid #563117;
	}	
	
fieldset #submit {
	background:#9CBA69;
	color:#fff;
	margin:10px 0 15px 345px;
	}	

/* sidebar */	
#sidebar {
	float:right;
	margin:0;
	padding:0 8px 0 8px;
	width:220px;
	position:relative;
	bottom:19px;
	}
	
#sidebar .box {
	background:#FCF8D9;
	width:190px;
	border:1px solid #CCBF9D;
	color:#47290C;
	padding:0 8px;
	margin:0 0 10px 0;
	text-align:center;
	font-size:90%;
	}	
	
#sidebar .box h2 {
	margin:10px 0 0 0;
	padding:0;
	font-size:120%;
	}	
	
#sidebar .box p {
	line-height:16px;
	}	
	
blockquote {
	background:url(images/quote_left.gif) no-repeat top left;
	text-align:left;
	margin:10px 0 0 0;
	}	
	
blockquote p {
	background:url(images/quote_right.gif) no-repeat bottom right;
	padding:5px 28px;
	margin:0;
	}	
	
#sidebar img {
	border:none;
	}	
	
#sidebar .sidebar-photo {
	padding:6px;
	background:#F4ECC7;
	border:1px solid #B4C38B;
	}	
	
#content-bottom {
	margin:0;
	padding:0;
	height:18px;
	width:760px;
	background:url(images/content_bottom.gif) no-repeat top left;
	}	
	
/* footer */	
#footer ul {
	padding:20px 0 20px 30px;
	margin:0;
	list-style:none;
	float:left;
	width:730px;
	background:#FFF9D8 url(images/footer_bg.gif) repeat-y top left;
	}	
	
#footer li {
	float:left;
	}	
	
#footer li a {
	color:#381E0D;
	text-decoration:none;
	font-size:90%;
	float:left;
	padding:0;
	margin:0 8px;
	}
	
#footer li a:hover {
	text-decoration:underline;
	}		
	
#footer img {
	float:left;
	border:none;
	margin:0;
	padding:0;
	position:relative;
	bottom:10px;
	}