@charset "UTF-8";
/* CSS Document */
* { margin: 0px; padding: 0px;  }

a { outline: none; }
#right_content .pic_space p a:link img, #right_content .pic_space p a:visited img {
	border: 1px solid #000;
}

#right_content .pic_space p a:hover img {
	border: 1px solid #333;
}




#border_bottom{
	width:586px;
	height:369px;
	border: 1px solid #333;
}

h2 {font-family: Arial, Helvetica, sans-serif;font-size: 85%;color: #666;letter-spacing: 1px;font-weight: normal;}
#site_map li {
}
h3 { font-size:85%; font-weight: normal; }
#nav p {
	font-size: 80%;
	line-height: 1.4em;
	padding-top: 7px;
}
#color_link a{
	color: #666;
	text-decoration: none;
}
#color_link a:hover {
	color: #FFF;
}
p {
	font-size:95%;
	background-color:#000;
	color: #666;
}
b { color: #999;font-size:90%; }
blockquote { font-size: 75%;letter-spacing: .1em; line-height:12px }

.padding_top {padding-top: 7px;}
.padding_top2 {padding-top: 10px;}


.h_rule{border-bottom-width: 1px;height:2px;border-bottom-style: solid;border-bottom-color: #222;width: 100%;}

html body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE 5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	background-image: url(../layout_images/bg/vertical_repeater2a.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
	color: #595959;
	background-attachment: fixed;
}

#wood {
	background-image: url(../layout_images/bg/wood3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
	
#drop 	{width: 987px;margin-left:auto;margin-right:auto;background-image:url(../layout_images/bg/h_repeater.png);background-repeat: repeat-y;	  
		bposition: relative;top: 0px;}

#container {
	width: 895px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../layout_images/bg/vertical_repeater_3.png);
	background-repeat: repeat-x;
	position:relative;
	background-color:#131313;
}
	
#inner_container {
	margin-left: 1px;
	margin-right: 1px;
	background-color:#000;
	clear:both;
}

#masthead { height:112px;}
	
#logo 	{ padding-left:19px; width:202px; height:42px;padding-bottom:40px;padding-top:30px; padding-right: 100px;float:left;}
#logo a { display: block; width:202px; height:42px; text-indent:-9000px;background-repeat:none;background-image:url(../layout_images/logo.png); }


#about {
	float: right;
	margin-top:60px;
	padding-right: 38px;
}
#about ul li {float: left;display: block;position: relative;list-style-type: none;margin-right: 10px;font-size: 110%;letter-spacing: 0.05em;}
#about ul a:link, #about ul a:visited {color: #595959;text-decoration: none; }
#about ul a:hover {color: #fff;}


#left_content {width:233px;padding-right:10px;background-color:#000;background-attachment:fixed;padding-left:10px; float:left; clear:left;}
#right_content {width: 608px;  min-height: 450px;background-color:#000;float:left;}

#right_content p .noborder a img { outline: none; border:none;}

#nav ul li  {display: block;font-size: 85%;list-style-type: none;line-height: 20px;}
#nav ul a:link, #nav ul a:visited {text-decoration: none;display: block;color: #595959;}
#nav ul a:hover {color: #FFF;background-color: #000;}


/* -------------------------- main nav ------------------------- */
.main_nav {position:relative;width: auto;float:left;height: auto;margin-right:19px;margin-left:7px;margin-bottom:20px;}
.main_nav a:link .border img, .main_nav a:visited .border img {border: 1px solid #111111; }
.main_nav a:hover .border img {border: 1px solid #222222;}

.main_nav .noborder img { padding-bottom: 5px; padding-top: 3px; border:none;}
.main_nav a:link, a:visited {color: #4C4C4C;text-decoration:none;}
.main_nav a:hover, .main_nav ul .start_nav a:hover  {color:#FFF ;text-decoration:none;}


ul {list-style-type: none;font-family: Arial, Helvetica, sans-serif;font-size: 80%;letter-spacing: 1px;	}


#common_links a:link, #common_links a:visited {color: #666;text-decoration:none;}
#common_links a:hover {color: #FFF;text-decoration:none;}


#secondary_nav li {line-height: 20px;}

#categories {padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}
#projects {padding-left: 10px;padding-top: 20px;padding-right: 10px;padding-bottom: 10px;background-color: #000;height: auto;}


#footer {
	clear:both;
	height:8px;
} 
#footer_large {
	clear:both;
	height:189px;
	background-image: url(../layout_images/bg/footer_holder.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 15px;
	padding-left: 15px;
}
#site_map li {
	padding-top: 3px;
}
.site_map_box {
	float: left;
	padding-top: 15px;
	width: 222px;
}
#footer_1 {
	clear:both;
	height:0px;
} 
#footer_2 {
	clear:both;
	height:69px;
	background-image: url(../layout_images/bg/footer4.png);
	background-repeat: no-repeat;
	background-position: center;
} 

#footer .right {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 70%;margin-top: 5px;margin-bottom:5px;margin-left: 20px;}
#footer .left {float: left;margin-top: 5px;margin-bottom:5px;color: #565859;}
#footer .left a:link, #footer .left a:visited {font-size: 70%;color: #565859;text-decoration: none;}
#footer .left a:hover {color: #fff;text-decoration: none;}


#credits {width: 820px;margin-right: auto;margin-left: auto;text-align: right;font-size: 80%;padding-top: 30px;}


#campaign #secondary_nav .campaign a,
/* --------------------------*/

#callidus #secondary_nav .callidus a,
#callidus #secondary_nav .campaign a,
#hm #secondary_nav .hm a,
#hm #secondary_nav .campaign a,
#muir #secondary_nav .muir a,
#muir #secondary_nav .campaign a,
#vespa #secondary_nav .vespa a,
#vespa #secondary_nav .print a,
#al #secondary_nav .al a,
#al #secondary_nav .campaign a,

#imaging #secondary_nav .imaging a,
/* --------------------------*/
#smoke #secondary_nav .smoke a,
#smoke #secondary_nav .imaging a,
#swiss #secondary_nav .swiss a,
#swiss #secondary_nav .imaging a,
#time #secondary_nav .time a,
#time #secondary_nav .imaging a,
#underground #secondary_nav .underground a,
#underground #secondary_nav .imaging a,






#print #secondary_nav .print a,
/* --------------------------*/
#smokin #secondary_nav .smokin a,
#smokin #secondary_nav .print a,
#fibber #secondary_nav .fibber a,
#fibber #secondary_nav .print a,
#tecate #secondary_nav .tecate a,
#tecate #secondary_nav .print a,
#jazz #secondary_nav .jazz a,
#jazz #secondary_nav .print a,
#bob #secondary_nav .bob a,
#bob #secondary_nav .print a,
#bob #secondary_nav .bob a,
#bob #secondary_nav .print a,


#audiopage #secondary_nav .audio a,
/* --------------------------*/
#dubrub #secondary_nav .dubrub a,
#dubrub #secondary_nav .audio a,
#hyphy #secondary_nav .hyphy a,
#hyphy #secondary_nav .audio a,
#radio #secondary_nav .radio a,
#radio #secondary_nav .audio a,
#vinyl #secondary_nav .vinyl a,
#vinyl #secondary_nav .audio a,
#picante #secondary_nav .picante a,
#picante #secondary_nav .audio a,




#web #secondary_nav .web a,
/* --------------------------*/
#type #secondary_nav .type a,
#type #secondary_nav .web a,
#patagonia #secondary_nav .patagonia a,
#patagonia #secondary_nav .web a,
#mmc #secondary_nav .mmc a,
#mmc #secondary_nav .web a,
#dns #secondary_nav .dns a,
#dns #secondary_nav .web a,
#bayview #secondary_nav .bayview a,
#bayview #secondary_nav .web a,
#urban #secondary_nav .urban a,
#urban #secondary_nav .web a,
#smokinsite #secondary_nav .smokin a,
#smokinsite #secondary_nav .web a,


#motion #secondary_nav .motion a,
/* --------------------------*/
#demo #secondary_nav .demo a,
#demo #secondary_nav .motion a,
#trauma #secondary_nav .trauma a,
#trauma #secondary_nav .motion a,
#graphics #secondary_nav .graphics a,
#graphics #secondary_nav .motion a,
#sunkist #secondary_nav .sunkist a,
#sunkist #secondary_nav .motion a,
#rock #secondary_nav .rock  a,
#rock  #secondary_nav .motion a,
#sound #secondary_nav .sound  a,
#sound  #secondary_nav .motion a,
#imaging #secondary_nav .imaging  a,
#imaging  #secondary_nav .motion a,
#webdesign #secondary_nav .webdesign a,
#webdesign  #secondary_nav .motion a,

#fineart #secondary_nav .fineart a,
/* --------------------------*/
#stilllife2 #secondary_nav .stilllife a,
#stilllife2 #secondary_nav .fineart a,
#torso #secondary_nav .torso a,
#torso #secondary_nav .fineart a,
#dean #secondary_nav .dean a,
#dean #secondary_nav .fineart a,

#photo #secondary_nav .photo a,
/* --------------------------*/
#fashionshoot #secondary_nav .fashionshoot a,
#fashionshoot #secondary_nav .photo a,
#stilllife #secondary_nav .stilllife  a,
#stilllife  #secondary_nav .photo a,
#river #secondary_nav .river  a,
#river  #secondary_nav .photo a,
#locationshoot #secondary_nav .locationshoot  a,
#locationshoot #secondary_nav .photo a,
#clubshoot #secondary_nav .clubshoot a,
#clubshoot  #secondary_nav .photo a,
#lonelytree #secondary_nav .lonelytree  a,
#lonelytree  #secondary_nav .photo a,
#emotionalstudy #secondary_nav .emotionalstudy  a,
#emotionalstudy #secondary_nav .photo a,
#group #secondary_nav .group  a,
#group  #secondary_nav .photo a,

#nightclub #secondary_nav .nightclub  a,
#nightclub  #secondary_nav .photo a

{ color:#CCC;	
}




#campaign #secondary_nav .campaign a:hover,
/* --------------------------*/
#hm #secondary_nav .hm a:hover,
#hm #secondary_nav .campaign a:hover,
#muir #secondary_nav .muir a:hover,
#muir #secondary_nav .campaign a:hover,
#smokin #secondary_nav .smokin a:hover,
#smokin #secondary_nav .campaign a:hover,
#vespa #secondary_nav .vespa a:hover,
#vespa #secondary_nav .campaign a:hover,
#al #secondary_nav .al a:hover,
#al #secondary_nav .campaign a:hover,

#print #secondary_nav .print a:hover,
/* --------------------------*/
#fibber #secondary_nav .fibber a:hover,
#fibber #secondary_nav .print a:hover,
#tecate #secondary_nav .tecate a:hover,
#tecate #secondary_nav .print a:hover,
#jazz #secondary_nav .jazz a:hover,
#jazz #secondary_nav .print a:hover,
#smoke #secondary_nav .smoke a:hover,
#smoke #secondary_nav .print a:hover,
#bob #secondary_nav .bob a:hover,
#bob #secondary_nav .print a:hover,
#bob #secondary_nav .bob a:hover,
#bob #secondary_nav .print a:hover,
#swiss #secondary_nav .swiss a:hover,
#swiss #secondary_nav .print a:hover,
#time #secondary_nav .time a:hover,
#time #secondary_nav .print a:hover,



#web #secondary_nav .web a:hover,
/* --------------------------*/
#type #secondary_nav .type a:hover,
#type #secondary_nav .web a:hover,
#patagonia #secondary_nav .patagonia a:hover,
#patagonia #secondary_nav .web a:hover,
#dns #secondary_nav .dns a:hover,
#dns #secondary_nav .web a:hover,
#bayview #secondary_nav .bayview a:hover,
#bayview #secondary_nav .web a:hover,
#urban #secondary_nav .urban a:hover,
#urban #secondary_nav .web a:hover,
#smokin #secondary_nav .smokin a:hover,
#smokin #secondary_nav .web a:hover,


#motion #secondary_nav .motion a:hover,
/* --------------------------*/
#trauma #secondary_nav .trauma a:hover,
#trauma #secondary_nav .motion a:hover,
#graphics #secondary_nav .graphics a:hover,
#graphics #secondary_nav .motion a:hover,
#sunkist #secondary_nav .sunkist a:hover,
#sunkist #secondary_nav .motion a:hover,
#rock #secondary_nav .rock  a:hover,
#rock  #secondary_nav .motion a:hover,
#sound #secondary_nav .sound  a:hover,
#sound  #secondary_nav .motion a:hover,
#imaging #secondary_nav .imaging  a:hover,
#imaging  #secondary_nav .motion a:hover,
#webdesign #secondary_nav .webdesign a:hover,
#webdesign  #secondary_nav .motion a:hover,

#home #left_content h2 a
{ color:#bbb;	
}

#web #projects h2 a,
#print #projects h2 a,
#photo #projects h2 a,
#motion #projects h2 a,
#fineart #projects h2 a,
#audio #projects h2 a,
#campaign #projects h2 a
{ color:#999;	
}

#home #left_content h2 a:hover
{ color:#fff;	
}

#web #projects h2 a:hover,
#print #projects h2 a:hover,
#photo #projects h2 a:hover,
#motion #projects h2 a:hover,
#fineart #projects h2 a:hover,
#audio #projects h2 a:hover,
#campaign #projects h2 a:hover
{ color:#CCC;	
}

.center {
	text-align: center;
}
.info {
	font-size: 75%;
	padding-top: 5px;
	padding-bottom: 10px;
}
#fashionshoot #wood #drop #container #inner_container #content #right_content p img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#information {
	color: #CCC;
}