/* Default Stylesheet for Nterchange Frontend */
/* ========================================== */

@import url("print.css") print;
/*@import url("other_stylesheet.css") screen;*/

/* HTML RULES 								 		  */
/* ================================================== */
body { font:11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
	background:#333333; 
	min-height: 594px;
	min-width: 960px;
}
h1 { font-size:20px; }
h2 {}
h3 {}
p { line-height:1.5; margin-bottom:10px; }
a {}
a:hover {}
a:focus { outline:0px; }
.portfolio img, .photo img {display:block;}

/* SITE LAYOUT RULES 								  */
/* ================================================== */
#site { 
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	height: 594px;	
	margin-left: -480px; /* make this half your element width */
	margin-top: -297px; /* make this half your element height */
	
	border: 1px solid #666666;	
}
#content {

}

#masthead {}
	#logo {}
	h1.title { display:none; }

#nav { width:960px; height:27px; background:#666666; padding: 5px 0; clear:both; }
#nav .nav { }
#nav .nav-home { float: left;  }
#nav .nav-home #home { 
	display: block;
	height: 27px;
	width: 254px;
	text-decoration: none;
	background: transparent url(/images/nav/garycampbell.gif) no-repeat scroll left top;
}
#nav .nav-home #home span { visibility: hidden; }

#viewer .preview-pane {
	height: 467px;
	text-align: center;
}
#viewer .preview-nav {
	height: 467px;
	width: 250px;
	width: 220px;
	float: left;
}
#viewer .preview-nav ul {
	margin-left: 60px;
	margin-top: 212px;
}
#viewer .preview-nav ul li a { 
	display: block;
	height: 42px;
	text-decoration: none;
	background: transparent no-repeat scroll left top;
}
#viewer .preview-nav ul li a span { display: none; }
#viewer .preview-nav ul li { float: left; }

#viewer .preview-nav ul li a.prev { 
	width: 28px;
	background-image: url(/images/nav/prev.gif);
}
#viewer .preview-nav ul li a.prev:hover { background-image: url(/images/nav/prev_over.gif); }
#viewer .preview-nav ul li.nohover a.prev:hover { background-image: url(/images/nav/prev.gif); cursor:default; }

#viewer .preview-nav ul li a.zoom { 
	width: 32px;
	background-image: url(/images/nav/zoom.gif);
}
#viewer .preview-nav ul li a.zoom:hover { background-image: url(/images/nav/zoom_over.gif); }

#viewer .preview-nav ul li a.next { 
	width: 28px;
	background-image: url(/images/nav/next.gif);
}
#viewer .preview-nav ul li a.next:hover { background-image: url(/images/nav/next_over.gif); }
#viewer .preview-nav ul li.nohover a.next:hover { background-image: url(/images/nav/next.gif); cursor:default; }


#viewer .preview-pane img.preview-img {
	padding: 7px;
	background: white;
	border: 1px solid black;
}
#viewer .preview-pane img.copyright {
	margin-top: 5px;
	margin-bottom: 5px;
}


#search {}

#content {}
	#viewer {
		width: 960px;
		height: 467px;
	}
	#viewer .preview {
		display: none;
	}
	
	#viewer .pageContentAdd { position:absolute; right:0; z-index:10; color:black; background:white; padding:1px 1px 2px 2px; }
	#viewer .portfolio div.pagecontent { position:relative; } 
	#viewer .portfolio div.pagecontent div { position:absolute; }
	#viewer .portfolio div.pagecontent div.editableRegion { position:static; }	
	
	#photostrip {
		clear: both;
		width: 960px;
		height: 90px;	
		overflow: auto;
		overflow-x: scroll;
		overflow-y: hidden;	
		
	}
	#photostrip .scroller {
		min-width: 960px;
		height: 90px;
		width: 3000px;
	}
	
	#photostrip .scroller .photo {
		height: 60px;
		float: left;
		border: 2px solid black;
		margin: 5px 3px;
	}

#photostrip .pageContentAdd { position:absolute; right:0; z-index:10; color:black; background:white; padding:1px 1px 2px 2px; }
#photostrip .photo div.pagecontent { pposition:relative; } 
#photostrip .photo div.pagecontent div { pposition:absolute; float:left; }
#photostrip .photo div.pagecontent div.editableRegion { border-left: 1px solid black; }



#footer {}
	#footer_nav {}
	#credits {}



/* BASIC CLASSES	 								  */
/* ================================================== */
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
.img_left { float:left; }
.img_right { float:right; }


/* NAVIGATION RULES 								  */
/* ================================================== */
#nav ul {}
#nav ul li { position:relative; float:left; }
#nav ul li a { height:27px; display:block; text-decoration:none; }
#nav ul li a span {}
#nav ul ul {}

#nav ul li a:focus { outline:0px; }
#nav ul li a#corporate { width:73px; }
#nav ul li a#personal { width:84px; }
#nav ul li a#studio { width:68px; }
#nav ul li a#interiors { width:77px; }
#nav ul li a#doors { width:66px; }
#nav ul li a#industrial { width:93px; }
#nav ul li a#contact { width:96px; }

#nav ul li a#oil { width:53px; }
#nav ul li a#panoramas { width:96px; }
#nav ul li a#advertising { width:96px; }
#nav ul li a#holga { width:65px; }

.horiz_nav {}
.horiz_nav ul {}
.horiz_nav ul li { float:left; }



.photo {
	
}

/* SEARCH			 								  */
/* ================================================== */
#search form {}
#search form input.text {}
#search form input.button {}

#searchresults dd { margin-bottom:5px; }
#searchresults dl { margin-top:15px; }


/* HOMEPAGE OVERRIDES		 						  */
/* ================================================== */
.home {}