/*
	NatalieBrunet.com
	Author: Jay Hayes
	Date: October 15, 2008
*/

/*--- THIS WIDTH SHOULD MATCH THE COMBINED WIDTHS OF ALL THE IMAGES ---*/

#photos1 {
	width: 4055px;
}

#photos2 {
	width: 3575px;
}

/*---------------------------------------------------------------------*/

body {
	margin: 0px; 
	padding: 0;
	height: 100%;
}

html {
	height: 100%;
}

#container {
	position: relative;
	min-width: 600px; /* STARTS HORIZONTAL SCROLL JUST AFTER HEADER IMAGE */
	min-height: 620px; /* KEEPS FOOTER JUST BELOW THE IMAGE SCROLLABLE AREA */
	width: 100%;
	height: 100%;
}

#header {
	position: relative;
	background-color: #595959;
	height: 100px;
}

#header img{
	padding: 76px 0 0 100px;
}

#nav {
	position: relative;
	padding: 10px 0 10px 100px;
}

#nav img {
	border: 0;
}

.up {
	position: absolute;
}

.down {
	position: relative;
}

.navitem a {
	text-decoration: none;
}

.navitem a .up {
	visibility: visible;
}

.navitem a .down {
	visibility: hidden;
}

.navitem a:hover .up {
	visibility: hidden;
}

.navitem a:hover .down {
	visibility: visible;
}

.pipe {
	position: relative;
	padding: 0 10px 0 10px;
	top: 1px;
	color: #A09E9E;
}

#clear {
	min-height: 100%;
	background-color: #BBB;
}

#footer {
	position: relative;
	margin-top: -17px; /* LIFTS FOOTER BACK INTO VIEWABLE AREA */
/*	background-color: #E0E0E0;*/
	padding: 2px 0 2px 5px;
	font-family: sans-serif, arial;
	font-size: 10px;
	color: #CCC;
}

#content {
	width: 100%;
	height: 470px; /* IMAGES SHOULD AL BE 450PX TALL. THE VALUE REPRESENTS THAT + THE SCROLLBAR */
	overflow: auto;
}

#photos img {
    border: 0px;
	padding-right: 4px;
    float: left;
    display: inline;
 }

#bio, #contact {
	padding: 0 0 0 100px;
	font-family: sans-serif, arial;
	color: #777;
}