body {
	background: #fff;
	font-family: arial, sans-serif;
	color: #d15c0a;
	font-size: 100%;
/*	line-height:1.0em; /* 16x1.0=16px */
}

a {
	color: #d15c0a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	border: 1px solid #675b58;
	height: 610px;
	width: 960px;
	margin: 20px auto 0 auto;
	position: relative;
	overflow: hidden;
}

h1 {
	float: left;
	font-size: 62.5px;
	letter-spacing: -1.5px;
	line-height: 56px;
	margin: 0 10px 0 0;
	text-transform: uppercase;
}


h1 a:hover {
	text-decoration: none;
}

h1 span {
	color: #645b59;
	margin-left: -13px;
}

h1, h2, h3 {
	font-weight:normal;	
}

#contactInfo {
	float: left;
	margin: 4px 0 0 0;
}

#contactInfo p {
	margin: 0 0 6px 0;
	color: #645b59;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 0px;
}

#contactInfo p.emailInfo {
	margin: 0 0 8px 0;
	
} 

#contactInfo a:hover, #contactInfo p.active {
	color: #d15c0a;
}

#contactInfo a {
	color: #645b59;
}


#content {
	width: 920px;
	margin: 20px auto 0 auto;
	position: relative;
}

#content.splash {width: 960px; margin: 0;}
#content.splash img {display:block}

#show {
	position: absolute;
	top: 200px;
	left: 24px;
	z-index: 900000;
}

#nav {
	clear: left;
	float: left;
	line-height: 19px;
	margin: 32px 0 0 3px;
}

#nav > li {
	margin-bottom: 10px;
}

#nav ul {
	font-size: 12px;
}

#nav li h3, #nav li h3 a {color: #212121;}

#nav li a, #projectsSubNav li a, #nav li.archives a, .jdGallery a.statement {
	color: #645b59;
}

#nav li.archives ul {margin-left: 10px;}

#nav li a:hover, #projectsSubNav li a:hover, #nav li.archives a:hover, #nav li.archives a.active,.jdGallery a.statement:hover,
.jdGallery a.statement.active {
	color: #d15c0a;
}

.jdGallery a.statement {
	font-size: 12px;
}

#nav li a.active {
	color: #d15c0a;
}

	#cvNav {
		border-right: 1px solid #675b58;
		margin-right: 5px;
	}	

	#cvNav a {
	/*	background: url(../images/site/subnav-cv.gif) no-repeat;*/
	}

	#clientsNav {
		border-right: 1px solid #675b58;
	}

	#clientsNav a {
	/*	background: url(../images/site/subnav-clients.gif) no-repeat;*/
		margin-left: 7px;
	}

	#networkNav a {
	/*	background: url(../images/site/subnav-network.gif) no-repeat;*/
		margin-left: 7px;
	}



#galleryNavigation img.back {
	float: left;
}


#galleryNavigation img.forward {
	float: right;
}


#moreInfo {
	clear: right;
	color: #645b59;
	float: right;
	font-size: 11px;
	line-height: 12px;
	margin: 35px 0 0 0;
	position: relative;
	width: 525px;
}

#moreInfo h2 {
	color: #212121;
	font-size: 16px;
	left: 0;
	padding: 3px 0 3px 10px;
	position: absolute;
	text-transform: lowercase;
	top: -3px;
}

#moreInfo #network h2 {
	left: 28px;
}

#moreInfo #clients h2 {
	left: 108px;
}

#moreInfo #network h2, #moreInfo #clients h2 {
	border-left: 1px solid #ccc;
	margin-left: 8px;
}

#moreInfo h3 {
	clear: left;
	color: #D25C0A;
	float: left;
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 9px 0 5px 0;
	padding: 0;
}

#moreInfo h2 a.active {
	color: #212121;
}

#moreInfo a {
	color: #645B59;
}

#moreInfo a.review {
	color: #D25C0A;
}


#moreInfo ul {
	margin: 0 0 15px 10px;
	padding: 0;
}

#moreInfo li {
	margin: 0 0 3px 0;
	padding: 0;
}

#moreInfo li#cv {
	margin-top: 12px;
}

#moreInfo li ul {
	clear: left;
}

#cv {
	float: left;
	margin-top: 5px;
	width: 505px;
}

#network {
	margin: 5px 0 0 103px;
	background: #fff;
	width: 400px;
}

#clients {
	margin: 5px 0 0 30px;
	background: #fff;
	float: left;
	width: 450px;
}


#clients ul li {
	float: left;
	margin-right: 35px;
}

#clients ul li ul li{
	clear: left;
	float: left;
	margin-right: 0;
}

#reel {
	float: left;
	height: 496px;
	margin: 35px 0 0 47px;
	width: 640px;
}

#reelInfo ol {
	font-size: 11px;
	margin-top: 0;
	position: absolute;
	bottom: 168px;
	left: 0;
	width: 250px;
/*	padding-left: 26px;*/
}

#reelInfo {
	float: left;
	height: 465px;
	position: relative;
	width: 200px;
	clear: both;
}



ul.videos {color: #645B59; clear: left; float: left; list-style-type: none; margin: 80px 0 0 0; padding: 0;}
ul.videos h3 {margin: 0; padding: 0;}
ul.videos li ul {margin: 3px 0 10px 0; padding: 0 0 0 15px; list-style-type: disc;}
ul.videos li {font-size: 12px;}
ul.videos li li {list-style-type: disc;}
ul.videos li a {color: #645B59;}
ul.videos li a:hover , ul.videos li a.selected {color: #D15C0A;}

.displayNone {display: none;}

a.statement {position: absolute; left: -312px; bottom: -5px;}
div#statement {background-color: #fff; opacity: .9; position: absolute; height:0; width:690px; right: 0; bottom: 0; z-index: 200; display: none;}
div#statement p {color: #000; padding: 10px 20px; background-color: #fff; font-size: 14px; line-height: 18px; font-family: Helvetica,Arial, sans-serif;}
p.copyright {position: absolute; bottom: 3px; right: 24px; color: #c1c1c1; font-size: 10px; font-family: Helvetica,Arial, sans-serif;}