body {
	font-family: arial, sans-serif;
	background: #000;
}

.clear {
	clear: both;
}

h1 {
	text-indent: -5000px;
	background: url(../images/logo.gif) no-repeat;
	width: 800px;
	height: 96px;
	margin: 0px auto 10px auto;
}

h2 {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #333;
	padding: 5px;
}

h3 {
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #333;
	margin: 0px 0px 5px 0px;
}

#outer_container {
		margin: 0px;
		background: #333333 url(../images/wood.gif) repeat center top;
		z-index: -1;
}

#inner_container {
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

#content {
	width: 700px; 
	float: right;
}

.photo {
	width: 678px;
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
}

.logo {
	width: 800px;
	margin: 0px auto 10px auto;
}

#top {
	clear: both;
	width: 100%;
	margin: 0px;
	height: 101px;
	background: url(../images/top.png) repeat-x center top !important;
	background: url(../images/top.gif) repeat-x center top;
	z-index: 100;
}

#side_bar {
	width: 200px;
	float: left;
}

#bottom {
	clear: both;
	width: 100%;
	margin: 0px;
	height: 111px;
	background: url(../images/bottom.png) repeat-x center top !important;
	background: url(../images/bottom.gif) repeat-x center top;
	color: #eee;
}

#footer a {
	font-weight: bold;
	color: #fff;
}

#footer {
	margin: 0px;
	background: #000;
	color: #eee;
}

.preload1{ background: url(../images/san_clemente_hover.gif); }
.preload2{ background: url(../images/still_life_hover.gif); }
.preload3{ background: url(../images/world_hover.gif); }



/************************************************************
Begin Navigation/Cart Specific CSS
************************************************************/

#navigation {
	float: left;
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
}

#navigation li a {
	display: block;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px;
	line-height: 27px;
	text-decoration: none;
	color: #fff;
	
	text-indent: -5000px;
	width: 151px;
	height: 27px;
}


#navigation li a:hover {

}

#gallery #navigation li a.galleries,
#bio_body #navigation li a.bio,
#contact #navigation li a.contact {

}

#navigation ul {
	margin: 0px 0px 8px 15px;
	font-size: 16px;
}

#navigation ul li a {
	display: block;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	line-height: 19px;
	
	/* Hide elements for image*/
	text-indent: -5000px;
	width: 148px;
	height: 19px;
}

#navigation ul li a:hover {
	
}

.galleries { background: url(../images/galleries.gif) no-repeat; }
.bio { background: url(../images/bio.gif) no-repeat; }
.contact { background: url(../images/contact.gif) no-repeat; }

#san_clemente { background: url(../images/san_clemente.gif) no-repeat left top; }
#san_clemente:hover { background: url(../images/san_clemente_hover.gif) no-repeat left top; }

#still_life { background: url(../images/still_life.gif) no-repeat left top; }
#still_life:hover { background: url(../images/still_life_hover.gif) no-repeat left top; }

#world { background: url(../images/world.gif) no-repeat left top; }
#world:hover { background: url(../images/world_hover.gif) no-repeat left top; }

#cart {
	float: left;
	width: 180px;
	background: #111 url(../images/wood_dark.gif) repeat 397px 300px;
	color: #fff;
	border: 1px solid #333;
	padding: 0px;
}

#cart ul {
	height: 150px; 
	overflow: auto; 
	padding: 0px 0px; 
	border-bottom: 1px solid #333
}

#cart li {
	float: left; 
	padding: 5px 0px;
	border-bottom: 1px dotted #aaa; 
	text-align: right; 
	width: 100%;
}

#cart img {
	border: 1px solid #eee;
	float: left;
	margin: 0px 0px 0px 5px;
}

#cart span {
	margin: 0px 5px 0px 0px;
}

#cart input {
	margin: 10px 0px 10px 5px
}

/************************************************************
End Navigation/Cart Specific CSS
************************************************************/