@charset "UTF-8";
/* CSS Document */

body {
font-family:'Trade Gothic LT Std', 'Trade Gothic LT', 'Trade Gothic', Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
text-align: center;
color:#8b8b8b;
background-color:#393939;

}

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

#content a:hover{
padding-top:3px;
color:#393939;
background-color:#878a92;
}


#footer-container {
width:960px;
height:75px;
margin:auto;
text-align: left;
}

#footer{
margin-left:90px;
border-top:solid 2px #6f7480;
padding-top:4px;
font-size:12px;
font-weight:300;
text-align: left;

}
#footer a{
color:#6f7480;
padding:3px;
}

#footer a:hover {
color:#6f7480;
background-color:#999999;
padding:3px;
}



#video {
position:relative;
margin-left: auto;
	margin-right: auto;
	 text-align: center;
}

#gd-column {
width: 800px;
height: 800px;
text-align: left;
margin:auto;

/*overflow: auto;*/
}

#film-column {
width: 800px;
height: 1000px;
text-align: left;

margin:auto;

/*overflow: auto;*/
}


#film-column a:link{
color:#FFFFFF;

}

#film-column a:visited{
color:#FFFFFF;

}

#film-column a:hover{
background-color:#CCCCCC;
color:#333333;


}

#web-column {
width: 800px;
height: 600px;
text-align: left;
margin:auto;

/*overflow: auto;*/
}

#web-column a{
text-decoration:underline;
color:#FFFFFF;
padding:2px;

/*overflow: auto;*/
}

#web-column a:hover{
background-color:#666666;
color:#FFFFFF;

/*overflow: auto;*/
}

#photography-column {
width: 800px;
height: 680px;

margin:auto;

/*overflow: auto;*/
}


	#photography-column a:hover {
	background-color:#CCCCCC;
	color:#333333;
	padding:3px;
	}	
#photography-text {
width:520px;
height:80px;
padding-top:20px;
margin:auto;
font-size:18px;
letter-spacing:1px;
}


#video-box {
margin:auto;
width:650px;

}

a.frollover-ted {
	display: block;
	float:left;
	width: 265px;
	padding-top:5px;
	height: 140px;
	text-decoration: none;
	background: url("images/film/money-rollover.jpg");
	}

	a.frollover-ted:hover {
	background-position: -265px 0;
	}




a.frollover-1 {
	display: block;
	float:left;
	width: 121px;
	height: 180px;
	text-decoration: none;
	background: url("images/film/video-1.jpg");
	}

	a.frollover-1:hover {
	background-position: -130px 0;
	}
	
	
a.frollover-2 {
	display: block;
	float:left;
	width: 222px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/video-2.jpg");
	}

	a.frollover-2:hover {
	background-position: -228px 0;
	}
	
a.frollover-3 {
	display: block;
	float:left;
	width: 232px;
	height: 155px;
	text-decoration: none;
	background: url("images/film/video-3.jpg");
	}

	a.frollover-3:hover {
	background-position: -241px 0;
	}
	
a.frollover-4 {
	display: block;
	float:left;
	width: 240px;
	height: 156px;
	text-decoration: none;
	background: url("images/film/video-4.jpg");
	}

	a.frollover-4:hover {
	background-position: -250px 0;
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}

a.frollover-5 {
	display: block;
	float:left;
	width: 224px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/video-5.jpg");
	}

	a.frollover-5:hover {
	background-position: -230px 0;
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}
a.frollover-6 {
	display: block;
	float:left;
	width: 222px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/video-6.jpg");
	}

	a.frollover-6:hover {
	background-position: -227px 0;
	}
	
.displace {
	position: absolute;
	left: -5000px;
	}
	
	a.gd-cc {
	display: block;
	float:left;
	width: 237px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/cc-rollover.jpg");
	}
	
	a.gd-cc:hover {
	background-position: -243px 0;
	}	
	
	a.gd-cjf {
	display: block;
	float:left;
	width: 237px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/cjf-rollover.jpg");
	}
	
	a.gd-cjf:hover {
	background-position: -243px 0;
	}		
			a.gd-zion {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/zion-rollover.jpg");
	}
	
	a.gd-zion:hover {
	background-position: -242px 0;
	}
	
	
	
		a.gd-multiply {
	display: block;
	float:left;
	width: 234px;
	height: 146px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/multiply-rollover.jpg");
	}
	
	a.gd-multiply:hover {
	background-position: -253px 0;
	}
	

	a.gd-pc {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/pc-rollover.jpg");
	}
	
	a.gd-pc:hover {
	background-position: -248px 0;
	}
	
	
	a.gd-sara {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/sara-rollover.jpg");
	}
	
	a.gd-sara:hover {
	background-position: -242px 0;
	}	
	
	
	a.gd-clia {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/clia/clia-rollover.jpg");
	}
	
	a.gd-clia:hover {
	background-position: -240px 0;
	}
	
	a.gd-msa {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/msa-rollover.jpg");
	}
	
	a.gd-msa:hover {
	background-position: -240px 0;
	}
	
	
	a.frollover-pc {
	display: block;
	float:left;
	width: 263px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/video-pc.jpg");
	}

	a.frollover-pc:hover {
	background-position: -267px 0;
	}
	
	
	
	
	
	a.frollover-eastern {
	display: block;
	float:left;
	width: 265px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/video-eastern.jpg");
	}

	a.frollover-eastern:hover {
	background-position: -269px 0;
	}
	
	
	a.gd-ewf {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/ewf/ewf-rollover.jpg");
	}
	
	
	a.gd-ewf:hover {
	background-position: -240px 0;
	}
	
	a.gd-joe-hackman {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/joe-hackman/almost-christian-rollover.jpg");
	}
	
			a.gd-joe-hackman:hover {
	background-position: -240px 0;
	}
	
	
	a.gd-communicators-conference{
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/communicators-conference/postcard-rollover.jpg");
	}
	
			a.gd-communicators-conference:hover {
	background-position: -240px 0;
	}
	
		a.gd-posters{
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/posters/posters-rollover.jpg");
	}
	
			a.gd-posters:hover {
	background-position: -240px 0;
	}
	
	a.gd-pipe {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/pipe/pipe-rollover.jpg");
	}
	
	a.gd-pipe:hover {
	background-position: -240px 0;
	}
	
	a.gd-pio-pio {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/pio-pio/pio-pio-rollover.jpg");
	}
	
		a.gd-pio-pio:hover {
	background-position: -240px 0;
	}
	
	a.gd-sara {
	display: block;
	float:left;
	width: 240px;
	height: 159px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/gd/sara/sara-rollover.jpg");
	}
	
	
	a.gd-sara:hover {
	background-position: -240px 0;
	}
	
	
	
		a.frollover-ohi {
	display: block;
	float:left;
	width: 265px;
	height: 149px;
	text-decoration: none;
	background: url("images/film/ohi-video-title.jpg");
	}

	a.frollover-ohi:hover {
	background-position: -279px 0;
	}
	
		a.frollover-ca-2010 {
	display: block;
	float:left;
	width: 260px;
	height: 155px;
	text-decoration: none;
	background: url("images/film/assembly-2010-video-title.jpg");
	}

	a.frollover-ca-2010:hover {
	background-position: -260px 0;
	}
	
		a.frollover-greensburg {
	display: block;
	float:left;
	width: 260px;
	height: 155px;
	text-decoration: none;
	background: url("images/film/greensburg-video-title.jpg");
	}

	a.frollover-greensburg:hover {
	background-position: -260px 0;
	}
	
	a.frollover-7 {
	display: block;
	float:left;
	width: 259px;
	height: 146px;
	text-decoration: none;
	background: url("images/film/video-7.jpg");
	}

	a.frollover-7:hover {
	background-position: -279px 0;
	}
	
	
		a.frollover-8 {
	display: block;
	float:left;
	width: 255px;
	height: 153px;
	margin-right:8px;
	text-decoration: none;
	background: url("images/film/video-8.jpg");
	}

	a.frollover-8:hover {
	background-position: -265px 0;
	}
	
	
.displace {
	position: absolute;
	left: -5000px;
	}


a.wrollover-donna {
	display: block;
	float:left;
	width: 210px;
	height: 148px;
	text-decoration: none;
	background: url("images/web/donna-web.png");
	}

	a.wrollover-donna:hover {
	background-position: -225px 0;
	}

a.wrollover-fmc {
	display: block;
	float:left;
	width: 206px;
	height: 144px;
	text-decoration: none;
	background: url("images/web/fmc-web.png");
	}

	a.wrollover-fmc:hover {
	background-position: -210px 0;
	}


a.wrollover-1 {
	display: block;
	float:left;
	width: 211px;
	height: 152px;
	text-decoration: none;
	background: url("images/web/pfc-web.png");
	}

	a.wrollover-1:hover {
	background-position: -221px 0;
	}
	
a.wrollover-2 {
	display: block;
	float:left;
	width: 212px;
	height: 153px;
	text-decoration: none;
	background: url("images/web/pna-web.png");
	}

	a.wrollover-2:hover {
	background-position: -221px 0;
	}	
a.wrollover-3 {
	display: block;
	float:left;
	width: 212px;
	height: 152px;
	text-decoration: none;
	background: url("images/web/clia-web.png");
	}

	a.wrollover-3:hover {
	background-position: -219px 0;
	}	
a.wrollover-4 {
	display: block;
	float:left;
	width: 212px;
	height: 148px;
	text-decoration: none;
	background: url("images/web/ben-web.png");
	}

	a.wrollover-4:hover {
	background-position: -222px 0;
	}	
a.wrollover-5 {
	display: block;
	float:left;
	width: 204px;
	height: 153px;
	text-decoration: none;
	background: url("images/web/proxima-web.png");
	}

	a.wrollover-5:hover {
	background-position: -206px 0;
	}	
a.wrollover-6 {
	display: block;
	float:left;
	width: 208px;
	height: 149px;
	text-decoration: none;
	background: url("images/web/nwc-web.png");
	}

	a.wrollover-6:hover {
	background-position: -219px 0;
	}	




h4 {
display:inline;
margin-left:10px;
line-height:20px;
font-weight:400;
font-size:18px;
color:#e5e5e5;
}

#video-1 {
margin-left:8px;
padding:8px;
width: 730px;
height: 180px;
background-color:#8b8b8b;}

#video-1 p {
float:right;
width:590px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#video-2 {
margin:8px;
padding:8px;
width: 730px;
height: 150px;
background-color:#8b8b8b;}



#video-2 h4 {
display:inline;
margin-left:6px;
line-height:18px;
font-weight:400;
font-size:18px;

}


#video-2 p {
float:right;
width:500px;
font-size:13px;
text-align:left;
color:#e1e1e1;
}

#video-3 {
margin:8px;
padding-top:8px;
padding-bottom:8px;
padding-left:6px;
width: 740px;
height: 160px;
background-color:#8b8b8b;}

#video-3 p {
float:right;
width:480px;
font-size:13px;
padding-right:8px;
padding-left:8px;
text-align:left;
color:#e1e1e1;
}
#video-4 {
margin:8px;
padding:8px;
width: 730px;
height: 160px;
background-color:#8b8b8b;}
#video-4 p {
float:right;
width:470px;
padding-right:8px;
font-size:13px;
padding-left:8px;
text-align:left;
color:#e1e1e1;
}

#video-5 {
margin:8px;
padding:8px;
width: 730px;
height: 150px;
background-color:#8b8b8b;}

#video-5 p {
float:right;
width:490px;
font-size:13px;
text-align:left;
padding-right:5px;
padding-left:8px;
color:#e1e1e1;
}


#video-6 {
margin:8px;
padding:8px;
width: 730px;
height: 150px;
background-color:#8b8b8b;}

#video-6 p {
float:right;
width:483px;
font-size:13px;
text-align:left;
color:#e1e1e1;
padding-right:5px;
}

#video-6 h4{
padding-left:10px;


}

#video-7 {
margin:8px;
padding:8px;
width: 730px;
height: 150px;
background-color:#8b8b8b;}

#video-7 p {
float:right;
width:458px;
font-size:13px;
text-align:left;
color:#e1e1e1;
}



#gd-8 {
margin:8px;
padding:8px;
width: 730px;
height: 160px;
background-color:#8b8b8b;}

#gd-8 p {
float:right;
width:459px;
padding-right:8px;
font-size:13px;
text-align:left;
color:#e1e1e1;
}

#gd-8 h4{

margin-left:14px;
line-height:20px;
font-weight:400;
height:30px;
width:250px;
font-size:18px;



}


#video-8 {
margin:8px;
padding:8px;
width: 730px;
height: 154px;
background-color:#8b8b8b;}

#video-8 p {
float:right;
width:444px;
padding-right:14px;
font-size:13px;
text-align:left;
color:#e1e1e1;
}

#video-8 h4{

margin-left:10px;
line-height:20px;
font-weight:400;
height:30px;
width:250px;
font-size:18px;



}

#web-fmc {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-fmc p {
float:right;
width:498px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-donna {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-donna p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-1 {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-1 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-2 {
margin-left:8px;
padding:8px;
margin-bottom:10px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-2 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-3 {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-3 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-4 {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-4 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-5 {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-5 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

#web-6 {
margin-left:8px;
margin-bottom:10px;
padding:8px;
width: 730px;
height: 152px;
background-color:#8b8b8b;}

#web-6 p {
float:right;
width:494px;
font-size:13px;
text-align:left;
padding-right:10px;
color:#e1e1e1;
}

/*------Begin scroll-----------*/

#lightbox {

width:300px;

height:400px;
}

.h-image {
margin-left:60px;

}

.thumb-ill{float:left; margin-left:10px;}
.thumb-ill a{display:block; width:72px; border: 6px solid #999999; }
.thumb-ill a:hover {border: 6px solid #bcbcbc; } 


.thumb-ill-alt a{display:block; width:120px; border: 6px solid #999999; }
.thumb-ill-alt a:hover {border: 6px solid #bcbcbc; } 




.thumb-ill-alt {
float:left;
margin-top:28px;
margin-left:10px;
}




#bio{
width:740px;
float:left;
}

.bio-content{


font-size:14px;
text-align:left;

text-align:justify;
line-height:21px;
}

.bio-img{
float:right;
margin-top:12px;
width:150px;
height:220px;
padding-left:15px;
padding-bottom:2px;

}





#feature-image-container {
width:320px;
height:340px;

padding:5px;
}

#feature-image-container-horiz {
width:320px;
height:250px;

padding:5px;
margin-bottom:20px;
}

#thumb-container-inner {


float:right;
height:120px;
width:430px;



}

#bottom-thumb-nav-box {
margin-left:auto;
margin-right:auto;
width:600px;
height:120px;
overflow:hidden;

}

	.hoverscroll {
	overflow:hidden;
	}
	#my-list li {
		width: 160px;
		height: 1880px;
		padding:5px;
	}
	
	#my-list li img{
	position:relative;
	width:150px;
	height:108px;
	z-index:1;
	border-style:none;
	text-align:center;
	}
	#center{
	position:relative;
	float:left;
	width:700px;
	height:400px;
	}
	.text{
	color:#CCCCCC;
	line-height:.4em;
	letter-spacing:.4em;
	font-size:.7em;
	}
	.thumb{
	background-color:#88816F;
	}
	.overflow{
	position:relative;
	width:750px;
	height:400px;
	float:right;
	overflow:hidden;
	}

	
	/*----------END scroll--------*/

















#content {
width:760px;
margin:auto;
height:520px;
}



#header {
width:790px;
margin:auto;
height:123px;
background:URL('images/header-bg.jpg') no-repeat;
}




#footer-alt {
width:1001px;
height:202px;
margin:auto;
background:URL('images/footer-long.jpg') no-repeat;
}

#footer-bottom {
width:1001px;
height:15px;
margin:auto;
background:URL('images/footer-bottom.png') no-repeat;
}

#home-click {

height:54px;
width:500px;
margin-bottom:2px;
}




.slideshow { 
width:700px; 
height:426px; 
float:right;
margin-right:80px;
}


/* -------rollover menu in header.php ---------*/
#nav-menu {
width:750px;
margin-top:30px;
padding-left:30px;
margin-left:auto;
margin-right:auto;
height:30px;
}

a.rollover-menu-1 {
	display: block;
	float:left;
	width: 145px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/photography.jpg");
	}

a.rollover-menu-1:hover {
	background-position: -145px 0;
	}

a.rollover-menu-2 {
	display: block;
	float:left;
	width: 175px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/graphic-design.jpg");
	}

a.rollover-menu-2:hover {
	background-position: -175px 0;
	}
	a.rollover-menu-3 {
	display: block;
	float:left;
	width: 96px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/motion.jpg");
	}

a.rollover-menu-3:hover {
	background-position: -96px 0;
	}

a.rollover-menu-4 {
	display: block;
	float:left;
	width: 65px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/web.jpg");
	}

a.rollover-menu-4:hover {
	background-position: -65px 0;
	}
	a.rollover-menu-5 {
	display: block;
	float:left;
	width: 91px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/follow.jpg");
	}
a.rollover-menu-5:hover {
	background-position: -91px 0;
	}


	
		a.rollover-menu-6 {
	display: block;
	float:left;
	width: 125px;
	height: 28px;
	text-decoration: none;
	background: url("images/nav-menu/biography.jpg");
	}
a.rollover-menu-6:hover {
	background-position: -125px 0;
	}

	/*---------END Rollover Menu ------*/
	/*-----------START pages -----------*/
	
	.bio {
	float:right;
	width:550px;
	height:400px;
	margin-right:45px;
	line-height:20px;
	
	}
	
	.cap-letter {
	font-size:28px;
	padding-right:3px;
	}
	
	.ben-photo {
	margin-left:230px;
	margin-top:20px;
	width:159;
	height:227px;
	float:left;
	background:URL('images/ben.jpg') no-repeat;
	}
	
	.contact-form {
	float:right;
	width:500px;
	height:400px;
	margin-right:45px;
	}
	.contact-info {
	margin-left:230px;
	margin-top:0;
	width:159;
	height:227px;
	float:left;
	font-size:14px;
	line-height:20px;
	}
		.philosophy {
	float:left;
	width:600px;
	height:400px;
	margin-left:242px;
	line-height:22px;
	
	}
	
	#illustration {
	float:right;
	width:760px;
	height:420px;
	margin-right:45px;
	

	
	}
	
	/*--------ILLUSTRATION CSS----------*/
	h1,h2{ letter-spacing:3px; font-family:Arial, Helvetica, sans-serif; font-size:27px; height:20px; margin-top:2px; font-weight:200;}
	.title {letter-spacing:3px;text-transform:uppercase; }
	
	.caption{font-style:italic;color:#887;}
	.demo{margin-top:10px; }
	.gallery_demo{width:702px;}
	.gallery_demo li{width:508px; height:50px; background:#000;}
	.gallery_demo li div{with:400px;}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin-left:40px; width:350px;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-left:205px;width:250px; color:#666666; font:80% 'helvetica neue',sans-serif;letter-spacing:2px;text-transform:uppercase;}
	
	#info{ float:right;  text-align:left;width:420px; margin-right:5px; }
	#info-horz-image{float:right;  text-align:left;width:320px; margin-right:5px; }