/* 

TABLE OF S



  HTML Elements

  Page Structure

  Navigation

  Headings

   Area

  Forms

  Clear

  Footer







/* ---------- @ HTML Elements -----------*/



* { 

	margin: 0;

	padding: 0;

} 



body, html {	

	color:#FFFFFF;

	background: #302E2F;

	min-height:101%;

	font-size: 100%;

}



body, input, textarea, select {	

	font-family: Arial, Verdana, Helvetica, sans serif;

}

#textarea.required {
background-color:#FFFFCC
}

input.required {
	background-color:#FFFFCC
}



p {	

	margin: 15px 0;

}

		

a:link, a:visited {	
	text-decoration:none;
	color: #d98c4e; 
}



a:hover, a:active {	
	color:#FFFFFF;
	text-decoration:underline

}



*:focus { 

	outline: none 

}











/* ---------- @ Page Structure -----------*/





.wrapper {

	margin: 0 auto;

	font-size: 0.75em;

	width: 850px;

   }


#top {
	padding: 15px 0px 15px 0px;

	height:83px;

	background:#423C3C;

	}
	
.dark-bar {
background-color: #302e24;
}
	
#masthead {


background-color: #525050;


}
	

.main-index {
	background:#423C3C;
	padding: 0px;
	line-height:115%;
	font-size: 105%;
	letter-spacing: 0.13ex;
	height: 65px;
	padding-top: 20px;

	}
	

.main {

	
	background-color: #525050;

	padding: 10px 0 40px 0;

	line-height:115%;


	}
	
.main h2 {
padding-top: 15px;
}

		   




.left {	

	float:left;

}



.right {	

	float:right

}

#lower-quote {
background-color: #423C3C;
height: 65px;
padding: 20px 0px 0px 0px;
text-align: center;

}







/* ---------- @ Navigation -----------*/


#nav {
margin-top: 62px;
}


#nav li {
	list-style:none;
	float:left;
	height: 34px;
	padding: 0px 10px 0px 10px;

}

#nav a {
display:block;
	text-indent: -9000px;
	float:left;
}

#nav {
display: block;
}



#nav li a:hover {

	
	}

	

a#us {
	background:url(/images/nav_us.gif);
	height: 34px;
	width:46px;
	}
	

a#us:hover{
	background:url(/images/nav_us_on.gif);
	}
	



a#you {

	background:url(/images/nav_you.gif);
	height: 34px;
	width:54px;
}
a#you:hover{
	background:url(/images/nav_you_on.gif);
	}

	
	
a#portfolio {
	background:url(/images/nav_portfolio.gif);
	height: 34px;
	width:88px;
}

a#portfolio:hover{
	background:url(/images/nav_portfolio_on.gif);
	}



a#links {

	background:url(/images/nav_links.gif);
	height: 34px;
	width:63px;
}
a#links:hover{
	background:url(/images/nav_links_on.gif);
	}	



a#buzz {

	background:url(/images/nav_buzz.gif);
	height: 34px;
	width:64px;

}

a#buzz:hover{
	background:url(/images/nav_buzz_on.gif);
	}



a#home {

	background:url(/images/nav_home.gif);
	height: 34px;
	width:64px;

}

a#home:hover{
	background:url(/images/nav_home_on.gif);
	}


		

/* ---------- @ Headings -----------*/



		   

h1, a#logo {

	width: 114px;

	background: url(/images/logo3.gif);

	height: 83px;

	text-indent:-9000px;

	font-size: 1.8em

}



h2 {

	}
	
.slideshow h2 {
padding-bottom: 13px;
}
	
.project-details h2 {
	text-indent: -9000px;
	background: url(/images/project_details.gif) no-repeat;
	height: 14px;
	width: 164px;
	padding: 0px 0px 3px 0px;
	margin: 16px 0px 2px 4px;

}

	
.project-details h3 {
	text-indent: -9000px;
	background: url(/images/additional_info.gif) no-repeat;
	height: 17px;
	width: 236px;
	margin: 8px 0px 2px 4px;
}

.box-out h3 {
	color: #D98C4E;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	letter-spacing: 0.15ex;
	background: #423C3C;
}

.box-out-left h3 {
	color: #D98C4E;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	letter-spacing: 0.15ex;
	background: #423C3C;
}

.box-out-right h3 {
	color: #D98C4E;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	letter-spacing: 0.15ex;
	background: #423C3C;
}

.box-out h4 {
color: #d98c4e;
font-weight: normal;
padding: 3px 0px 6px 5px;
font-size: 12px;
line-height: 12px;


}

.box-out h5{
	color: #C4C4C4;
	font-weight: bold;
	padding: 4px 0px 0px 6px;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;

}
	
		

h4 {	

	font-size: 1.2em

	}





/* ---------- @  Area -----------*/



/*Home*/



#home #-home {
	width:589px;

}


.main-home {

background: #525051;
}







.divider {

	background:url(/images/bg_divider.gif) repeat-x;
	height:1px;
	margin-top:18px;
	border:1px solid #FFF;
	}		



.box-one{
	width:400px;
	float:left;
	padding: 0 12px 0 8px;
	font: 12px/19px Arial, Verdana,  Helvetica, sans-serif;
	letter-spacing: 0.10ex;
	}
	
.box-two {
	width:380px;
	float:left;
	padding: 0 10px 0 30px;
	font: 12px/19px Arial, Helvetica, sans-serif;
	letter-spacing: 0.10ex;
	border-left: 1px solid #a6b58c;
	}
	
.box-left{
	width:550px;
	float:left;
	padding: 0 12px 0 0px;
	letter-spacing: 0.05ex;
	font: 12px/19px Arial, Helvetica, sans-serif;


	}
	
.box-right {
	width:250px;
	float:right;
	font: 12px/19px Arial, Helvetica, sans-serif;
	
	}
	
	
.slideshow {
	width:460px;
	float:left;
	padding: 15px 0px 15px 0px;
	margin: 0px;

	}
	
.project-details {
	width:360px;
	float:right;
	padding: 0px 0px 10px 0px;
	margin-top: 16px;

	}
	
.one-column{
	width:800px;
	float:left;
	padding: 10px 0px 15px 0px;
	}
	
.box-out {
	width:800px;
	float:left;
	padding: 4px 4px 4px 4px;
	border: 1px solid #757373;
	margin-bottom: 20px;
}

.box-out-left {
	width:360px;
	float:left;
	padding: 4px 4px 4px 4px;
	border: 1px solid #757373;
	margin-bottom: 20px;
	margin-right: 0px;

}

#box-out-left-staff {
	width:360px;
	float:left;
	}
	
#box-out-left-links {
width:250px;
float:left;
}

#box-out-left-staff p {
padding: 0px;

}




.box-out-right {
	width:420px;
	float:right;
	padding: 4px 4px 4px 4px;
	border: 1px solid #757373;
	margin-bottom: 20px;
}

#box-out-right-staff {
	width:400px;
	float:right;
	margin: 50px 0px 0px;

	}
	
#box-out-right-links {
	width:490px;
	float:right;
	margin: 50px 0px 0px;


	}
	
#box-out-right-staff p {
font-size: 1em;
padding-left:0px;
padding-top: 0px;
margin-top: 0px;
}

	
.box-out p {
margin: 0px;
padding: 0px 0px 0px 5px;
margin-right: 290px;
font: 11px/16px;
}

.box-out-left p {
padding: 0px 0px 0px 4px;
margin: 4px 0px 10px 0px;
}

.box-out-right p {
padding: 0px 0px 0px 4px;
margin: 4px 0px 10px 0px;
}


.box-out-left a:link, a:visited {	
	text-decoration:none;
	color: #C9C9C9; 

}

.box-out-left a:visited {	
	text-decoration:underline;

}

.box-out-left a:hover, a:active {	
color: #d98c4e; 
text-decoration:underline
}

.box-out-right a:link, a:visited {	
	text-decoration:none;
	color: #C9C9C9;  
}

.box-out-right a:visited{	

text-decoration:underline
}

.box-out-right a:hover, a:active {	
color: #d98c4e; 
text-decoration:underline

}



.portrait {
	float: right;
	padding-top: 0px;
	border: 1px solid #282828;
	margin-top: 5px;
	margin-left: 10px;
}

.photo-treatment {
	float: right;
	padding: 3px;
	border: 1px solid #666666;
	margin: 10px 15px 5px 10px;
}

.photo-treatment2 {
	padding: 0px 22px 0px 10px;

}

.photo-treatment-l {
	float: left;
	padding: 3px;
	border: 1px solid #666666;
	margin: 5px 0px 0px 0px;
}

.box-left h2 {
padding-top: 15px;
}

.box-left p{
line-height: 15px;
}

.box-right p {
line-height: 15px;
}


.bold-orange {
color: #d98c4e;
font-weight: bold;
padding-right: 10px;
}

	

.thumb {
float: left;
margin-top: 20px;
padding-right: 45px;

}

.thumblast {
float: left;
margin-top: 20px;
padding-right: 0px;

}

.thumb img {
border: 1px solid #a9b58c;
}

.thumblast img {
border: 1px solid #a9b58c;
}


.portfolio-nav {
padding: 6px 0px 0px 0px;

}

.portfolio-nav a {
color: #a9b58c;
}

.portfolio-nav a:hover {
text-decoration: underline;
}



#staff {
width: 360px;
margin-bottom: 10px;
padding-top: 10px;

}


#staff h3 {

	border-bottom: 1px solid #7D7D7D;
	cursor: pointer;
	color: #a6b58c;
	background: #525050 url(../images/arrow.gif) no-repeat right;
	font: bold 13px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.18ex;
	padding: 10px 0px;
	
	
}
#staff div {
  padding: 1em .25em .5em;
  display: none;

}
#staff div img {
float: right;
margin: 0px 4px 3px 5px;
}

.staff-box {
border-bottom: 1px solid #7D7D7D;
background: #585858;
}

.staff-box p {
margin: 0px;
padding: 0px 5px 3px 5px;
font-size: 11px;

}

.title {
color: #ffffff;
font-weight: bold;
display: block;
padding: 0px 5px 5px 5px;
}

.education {
color: #a6b58c;
display: block;
padding: 0px 5px 0px 5px;
}

.experience {
color: #a6b58c;
display: block;
padding: 0px 5px 0px 5px;
}

.bio-header {
color: #a6b58c;
display: block;
padding: 0px 5px 0px 5px;
}






.poem {
float: right;
padding: 30px 20px 10px 10px;

}






	






	

/*Tables*/

#slideshowtable {
border: 1px solid black;
}

#detailstable {
	border: 1px solid #463F3C;
}

#detailstable td {
padding: 5px 0px 5px 5px;
}

#minitable td {
padding: 0px;
margin: 0px;
}

#additionalinfo {
	border: 1px solid #463F3C;
}

#additionalinfo td {
padding: 5px 0px 5px 5px;
}



.item-name {
vertical-align: top;
font-size: 1em;
line-height: 1em;
font-weight: bold;
color: #C4C4C4;
padding: 0px 0px 0px 4px;

}

.item-details {
vertical-align: top;
font-size: 11px;
line-height: 1.1em;
padding: 2px 0px 2px 2px;

}

.minitabletext {
vertical-align: top;
font-size: 11px;
line-height: 1.1em;
}

.process-section {
	float: left;
	width: 160px;
	height: 60px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	border-top: 1px solid #7D7B7B;
	color: #A9C697;	
	}

.process-description {
	float: left;
	width: 650px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 60px;
	border-top: 1px solid #7D7B7B;;
}

.process-section-oneline {
	float: left;
	width: 160px;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
border-top: 1px solid #7D7B7B;
color: #A9C697;	
		
		}

.process-description-oneline {
	float: left;
	width: 630px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 20px;
	border-top: 1px solid #7D7B7B;
}

.process-section-twolines {
	float: left;
width: 160px;
	height: 40px;
		margin-bottom: 5px;
		margin-top: 5px;
		font-weight: bold;
	border-top: 1px solid #7D7B7B;
	color: #A9C697;	

		}

.process-description-twolines {
	float: left;
	width: 630px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 40px;
	border-top: 1px solid #7D7B7B;
}

.testimonial {
	float: left;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #727070;
	margin-right: 75px;
}

.testimonial p {
line-height: 18px;
}

.main-clear {
clear: both;
margin-top: 10px;
padding-top: 20px;
}

.buzz-links {
margin: 5px 0px 0px 205px;
}

.buzz-links a:link{
font-size: 12px;

}
	



/*Clear*/



.clearfloat:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	}



.clearfloat {

	display: inline-block;

	}



/* Hides from IE-mac \*/

* html .clearfloat {

	height:1%;

	}



*+html .clearfloat {

	height:1%;

	}



.clearfloat {

	display:block;

	}

/* End hide from IE-mac */









/* ---------- @ Footer -----------*/

.footer-right {
float: right;
}	

.footer-left {
float: left;
}	



#footer {
	color:#c4c4c4;
	height:50px;
	padding: 12px 0px 20px 0px;
	font: 0.9em/1em Arial, Helvetica, sans-serif;
	background: #302E2F;
}



#footer a, #footer a:visited {

	color:#FFF;

	}



#footer a:hover, #footer a:active {

	color:#c4c4c4;

	}



a#cat4 {

	display:block;

	width:30px;

	height:24px;

	float:right;

	background-image:url(/images/cat4.gif);

	text-indent:-9000px;

	margin: 8px 15px 0 0;

}