/* Title : 								Kramer Potraits - Signature - Stylesheet	*/
*{ 										margin: 0; padding: 0; }
h1, h2, h3, h4, h5,h6, 
p, pre, blockquote, label, 
ul, ol, dl,
fieldset, address { 			margin: 1em 20px; }
li, dd { 								margin-left: 5%; }
fieldset { 							padding: .5em; }

body{									background: #1D110A; color: #8B7E54; font: 16px Optima, arial, verdana, san-serif; }
#container{						width: 900px; \width: 920px; w\idth: 900px; margin: 0 auto; padding: 0; border: 1px solid #5B4127; border-width: 0 1px; }

#header{ 							height: 120px; padding: 15px; margin-bottom: 0; background: #493B2E url(../images/header.gif) bottom right no-repeat; border-bottom: 1px solid #8B7E54; }
#header h1{ 						width: 260px; height: 125px; background: url(../images/logo.gif) center center no-repeat; padding: 0; margin: 0; text-indent: -9000px; }
#header h1 a{ 					width: 260px; height: 125px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{						background: url(../images/navigation.gif) center center no-repeat; height: 60px; border-bottom: 1px solid #8B7E54; }
#global{								margin: 0; padding: 15px 0 0 180px; }
#global li{							list-style-type: none; display: block; float: left; margin: 0; padding: 0; }
#global li a{						display: block; float: left; text-indent: -9000px; }
#global li#home a{			width: 70px; height: 30px; background: url(../images/menu.gif); }
#global li#philosophy a{	width: 128px; height: 30px; background: url(../images/menu.gif) -70px 0 no-repeat; }
#global li#about a{			width: 175px; height: 30px; background: url(../images/menu.gif) -198px 0 no-repeat; }
#global li#gallerylink a{	width: 94px; height: 30px; background: url(../images/menu.gif) -373px 0 no-repeat; }
#global li#directions a{	width: 125px; height: 30px; background: url(../images/menu.gif) -466px 0 no-repeat; }

#global li#home a:hover,
#global li#philosophy a:hover,
#global li#about a:hover,
#global li#gallerylink a:hover,
#global li#directions a:hover,
#global li#contact a:hover{ background-image: url(../images/menu_roll.gif); }

a:link{									color: #8B7E54; }
a:visited{ 							color: #fff; }
a:hover, a:active{				text-decoration: none; }

#page_body{					padding: 0; background: #2B1D14 url(../images/page_body.gif) top center no-repeat; }
#content{							padding: 50px 20px 20px 20px; height: 450px; overflow: auto; }
.column{								float: left; width: 380px; margin-right: 20px; }
h1{										margin-top: 0; }
p{											}
	
img.figure-a{						display: block; margin: 0 auto; }
img.figure-b{						float: right; margin: 0 0 10px 10px; }
img.figure-c{						float: left; margin: 0 10px 10px 0; border: 2px solid #5B4127; }


#portfolio{							width: 860px; }
#portfolio ul{						margin: 0; padding: 50px 0 0 40px; }
#portfolio li{						list-style-type: none; display: block; float: left; width: 240px; height: 325px; padding: 0; margin: 0 20px 0 0; text-align: center; }
html>body #portfolio li{	margin: 0 30px 0 0; }
#portfolio img{					display: block; border: none; margin: 0 auto 10px auto; }
#portfolio a{						text-decoration: none; }
#portfolio a:visited{			color: #8B7E54; }
#enlarge{							width: 525px ; height: 450px; float: right; }
#enlarge img{					display: block; margin: 0 auto; border: none; }
#thumbnails{						width: 225px; height: 250px; float: left; margin-top: 105px; }
#thumbnails ul{				margin: 0; padding: 0; }
#thumbnails li{		 			margin: 0 0 5px 0; padding: 0; float: left; list-style-type: none; display: block; }
#thumbnails li a{				display: block; float: left; width: 50px; height: 50px; overflow: hidden; margin: 0 3px 0 0; }
html>body #thumbnails li a{	margin: 0 5px 0 0; }
#thumbnails img{	 			border: none; display: block; margin: 0 auto; }

form{									margin: 0 0 0 125px; float: left; }
fieldset{								display: inline; padding: 10px; margin: 0; border: none; }
fieldset fieldset{				clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ 		width: 335px; }
legend{								color: #fff; }
label{									display: block; float: left; clear: left; width: 100px; margin: 3px 0; }
.required{							color: #fff; }
input[type="checkbox"], 
input[type="radio"]{ 			margin: 0 15px 0 0; }
input[type="text"], 
textarea{							width: 250px; float: left; margin: 3px; }
select{								min-width:1.5em; }
input[type="submit"]{		margin: 3px; }
input[type="submit"]:hover{ 	cursor: pointer;}

#footer{								clear: both; padding: 10px 0; margin-top: 0; text-align: center; background: #493B2E; border-top: 1px solid #8B7E54; }
.vcard div{							display: inline; padding-right: 0; font-size: 18px; text-transform: uppercase; }
#footer p{							font-size: 12px; margin-top: 0; }
#footer .figure-a{				display: block; margin: 5px auto 10px auto; border: none; }