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

body{									background: #000 url(../images/background.jpg) center 5px no-repeat; color: #8B7E54; font: 14px Optima, arial, verdana, san-serif; }
#container{						width: 935px; \width: 955px; w\idth: 935px; margin: 10px auto; padding: 0; }

#header{ 							padding: 0; margin-bottom: 0; float: left; }
#header h1{ 						width: 150px; height: 110px; padding: 0; margin: 0; text-indent: -9000px; }
#header h1 a{ 					width: 150px; height: 110px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#global{								margin: 0 0 0 200px; padding: 0; }
#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: 130px; height: 30px; background: url(../images/menu.gif) -70px 0 no-repeat; }
#global li#about a{			width: 188px; height: 30px; background: url(../images/menu.gif) -200px 0 no-repeat; }
#global li#gallerylink a{	width: 94px; height: 30px; background: url(../images/menu.gif) -388px 0 no-repeat; }
#global li#directions a{	width: 125px; height: 30px; background: url(../images/menu.gif) -482px 0 no-repeat; }
#global li#contact a{		width: 90px; height: 30px; background: url(../images/menu.gif) -607px 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; clear: both; height: 480px; margin: 0 120px 30px 50px; }
#content{							clear: both; float: left; margin-top: 30px; width: 775px; height: 450px; overflow: auto; }
.column{								float: left; width: 345px; margin-right: 20px; }
h1{										}
p{											}

blockquote p{					font: italic 14px Georgia, times, "Times New Roman", serif; padding-top: 25px; }

img.figure-a{						display: block; margin: 0 auto; }
img.figure-b{						float: right; margin: 0 10px 10px 10px; border: 2px solid #8B7E54; }
img.figure-c{						float: left; margin: 0 10px 10px 0; border: 2px solid #8B7E54; }
img.spotlight{					float: right; margin: 10px 0 10px 10px; }

#resources ul{					margin: 0; padding: 0; }
#resources li{					list-style-type: none; padding: 5px 0; }

#portfolio{							width: 810px; }
#portfolio ul{						margin: 0; padding: 50px 0 0 0; }
#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; margin: 0 auto 10px auto; border: none; }
#portfolio a{						text-decoration: none; }
#portfolio a:visited{			color: #8B7E54; }

#gallery{							margin: 0 -25px; }
#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: 25px 0 0 100px; 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: 0; margin-top: 0; font-size: 12px; }
#footer p{							margin-top: 0; }
.vcard div{							display: inline; padding-right: 0; font-size: 18px; text-transform: uppercase; }