@charset "utf-8";
@import "_base.css";

/* Page Layout CSS */
/* Based on 456 Berea Street Simple Template */
/* reset margins, typography factored out */

	body,
	html {
		color:#000;
		background:#333;
	}
	
	#wrap {
		width:960px;
		margin:10px auto 0 auto;
		background: white;
	}
	#header {
		position:relative;
    	padding:5px 30px;
	}
				
			
/** NAVIGATION **/

	#nav {
		position:absolute;
		top: 41px;
		right:30px;
		padding:5px 0px;
		float:right;
	}
	#nav ul {
		list-style:none;
	}
	#nav li {
		display:inline;
		padding-left: 20px;
	}
	

/** PHOTO AREA **/

	#photo {
		position: relative;
		height: 600px;
	}
	
	#slideshow {
		position: absolute;
		width: 900px;
		height: 600px;
		left: 30px;
		background-color: #444;
	}

	#slideshow img.loader {
		position: absolute;
		top: 265px;
		left: 423px;
	}
	
	#photo img.left {
		position: absolute;
		left: 8px;
		top: 250px;
	}
	#photo img.right {
		position: absolute;
		left: 938px;
		top: 250px;
	}
	
/** MAIN, SIDEBAR and FOOTER **/

	#contentheader {
		clear:left;
		float:left;
		width:280px;
		padding:30px;
	}
	#content {
		float:left;
		width:280px;
		padding:30px 0px;
	}
	#contentphoto {
		float:right;
		width:280px;
		padding:30px;
	}
	#credits {
		color: #666;
		clear: both;
		padding: 5px 30px;
	}
	#credits .address { 
		float: left; }
	#credits .designer {
		float: right;
	}
	#footer {
		clear:both;
		padding:5px 30px;
	}
	* html #footer {
		height:1px;
	}


/** IMAGE REPLACEMENT **/

	#header img#logo {
		margin:0;
		padding: 10px 0 12px 0;
	}

	#header h1 {
		display:none;
	}
	
/** NAVIGATION **/

/* navigation */
body#portfolio #navportfolio a, body#headshots #navheadshots a, body#about #navabout a,
body#pricing #navpricing a, body#workshops #navworkshops a,
body#blog #navblog a, body#contact #navcontact a, body#etc #navetc a { 
	border-bottom: 2px solid #d00;
	color: #c66;
}