/* MAIN BODY STYLES */
 
* {
margin: 0px; /*NO MARGIN*/
padding: 0px; /*NO PADDING*/
}
 
body {
margin: 0 auto; /*SETS TOP AND BOTTOM MARGIN TO 0. ALSO SETS LEFT AND RIGHT MARGIN TO AUTO*/
padding: 0; /*NO PADDING*/
font-family: Arial, Helvetica, sans-serif; /*SETS FONT FAMILY*/
}

#photopage #topnav, #pastprojects #topnav, #presentproject #topnav, #biography #topnav, #contact #topnav  {
margin-bottom: 30px;
}

h2 {
color: #f26722;
font-weight: lighter;
margin: 0 0 12px 0;
padding: 0;
display: block;
}

#presentproject h2, #biography h2, #contact h2 {
padding: 0 0 12px 0;
margin: 0 0 24px 0;
border-bottom: 1px dotted #ccc;
}

h2 span {
color: #ccc;
}

h3 {
font-weight: lighter;
font-size: 1.3em;
margin: 0 0 12px 0;
padding: 0;
}

p{
margin: 0 0 12px 0;
font-size: 0.75em;
}

p.intro{
font-size: 0.95em;
}


	
p.imagecaption{
	color: #999;
	font-size: 0.7em;
	}

blockquote{
float: left;
width: 318px;
color:#bbb;
padding: 0 40px 12px 0;
}

blockquote span{
font-size: 0.7em;
}

.headercontainer blockquote{
color:#fff;
padding: 0 12px 12px 0;
width: 200px;
font-size: 0.9em;
}

#lightroomtext blockquote, #presentproject blockquote{
	float: none;
	margin: 0;
	padding: 0 0 12px 0;
}


a{
color: #999;
}

a:hover{
color: #000;
}


.clear{
clear: both;
}

.imgfloatleft{
float: left;
padding: 0 40px 12px 0;
}

 
#container {
background: #fff;
margin: auto; /*SETS MARGIN TO AUTO, THIS CENTER'S OUR WEBSITE*/
padding: 0 0 0 40px;
width: 855px; /*CONTAINER WIDTH*/
}

#topnav {
width: 873px;
height: 95px;
margin: 35px 0 0 -28px;
font-size: 0.75em;
}


h1 {
float: left;
display: block;
width:227px;
height: 94px;
background: url(../images/logo.gif) top left no-repeat;
}

h1:hover {
background: url(../images/logo_hover.gif) top left no-repeat;
}

#topnav h1 a {
border-left: none;
display: block;
width:227px;
height: 94px;
}

#topnav h1 a:hover {
border-left: none;
}

h1 span {
display: none;
}

/*#topnav ul{
display: inline;
float: right;
color: #ccc;
margin: 70px 0 0 0;
}
*/
#topnav ul li{
float: left;
list-style: none;
}

#topnav a {
font-size: 0.9em;
color: #999;
text-decoration: none;
padding: 0 0 0 5px;
margin: 0 0 0 20px;
border-left: 1px solid #999;
}

#topnav a:hover {
color: #000;
text-decoration: none;
border-left: 1px solid #000;
}


#footer {	
	clear: both;
	border-top: 1px solid #dcdcdc;
	color: #bbb;
	padding: 12px 0 0 0;
	margin: 30px 0 15px 0 ;
	font-size: 0.9em;
}

/* HOMEPAGE slider STYLES */
 
#past_header {
float: left; /*FLOATS HEAD LEFT*/
height: 281px; /*HEIGHT OF HEADER IMAGE*/
width: 422px; /*WIDTH OF WEBSITE*/
background-image: url(../images/header_past.jpg); /*OUR HEADER IMAGE*/
background-repeat: no-repeat; /*STOPS HEADER IMAGE REPEATING*/
margin: 0 0 30px 0;
}

#present_header {
float: left; /*FLOATS HEAD LEFT*/
height: 281px; /*HEIGHT OF HEADER IMAGE*/
width: 422px; /*WIDTH OF WEBSITE*/
background-image: url(../images/header_present.jpg); /*OUR HEADER IMAGE*/
background-repeat: no-repeat; /*STOPS HEADER IMAGE REPEATING*/
border-left: 1px solid #fff;
margin: 0 0 30px 0;
}

.headercontainer{
padding: 12px;
}

.headercontainer h3{
color:#fff;
padding: 0 12px 0 0;
font-size: 1em;
font-weight:lighter;
}


.headercontainer p{
color:#fff;
padding: 0 12px 12px 0;
margin: 0;
font-size: 0.7em;
}

.headercontainer a{
color:#ccc!important;
}

.headercontainer a:hover{
color:#fff!important;
}

.headercontainer img{
float: left;
margin: 0 12px 12px 0;
border: solid 1px #bdbdbd; 
}

#topnav .headercontainer img a{
border: none; 
}

.headercontainer img:hover{
border: solid 1px #000; 
}


.slide {
margin: 0; /*NO MARGIN*/
padding: 0; /*NO PADDING*/
background-image: url(../images/black.png); /*ADDS OUR BUTTON IMAGE*/
text-align: right; /*ALIGNS TEXT CENTER*/
}
 
a.btn-slidepast, a.btn-slidepresent {
	width: 398px; /*BUTTON WIDTH*/
	height: 26px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #fff; /*TEXT COLOR*/
	padding: 0 12px 0 0;
	background-image: url(../images/arrow_down.gif); /*ADDS OUR BUTTON IMAGE*/
	background-position: center right;
	background-repeat: no-repeat;
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
}

#bottomcontent {
	width: 485px;
	float: left;
	margin-bottom: 18px;
}

/* LIGHTROOM STYLES */

#lightroomtext{
	display: inline;
	width: 327px;
	padding: 0 0 0 38px;
	float: left;
}


/* PAST PROJECTS INDEX STYLES */

.pastprojectlist {
float: left;
width: 855px;
margin: 0;
padding: 24px 0 0 0;
border-top: 1px dotted #ccc;
clear: both;
}

.pastprojectlist .pastprojectimage {
width: 160px;
height: 160px;
border: 1px solid #ccc;
margin: 0 12px 24px 0;
float: left;
text-align:center;
display: table-cell; 
vertical-align: middle;
padding: 0;
}

.pastprojectlist .pastprojectimage:hover {
background: #ebebeb;
}

.pastprojectlist .pastprojectimage span{
display: inline-block;
height: 160px;
width: 1px;
vertical-align: middle;
}

.pastprojectlist .pastprojectimage img, .pastprojectlist .pastprojectimage a{
border: none;
vertical-align: middle;
}

.pastprojectlist blockquote{
width: 160px;
height: 160px;
padding: 0;
margin: 0 24px 0 0;
}

.pastprojectlist h3 a{
color:#999;
padding: 0 30px 0 0;
font-weight:lighter;
text-decoration: none;
background: url(../images/arrow_large.gif) center right no-repeat;
}

.pastprojectlist h3 a:hover{
color:#000;
background: url(../images/arrow_large_hover.gif) center right no-repeat;
}