/*  URL : studiosphotography.net   Created : 2/09/2007   Modified : 03/15/2010   */

body{ background: #000; color: #fff; }

#container{ width: 800px; \width: 820px; w\idth: 800px; margin: 10px; margin-left: auto; margin-right: auto; padding: 10px; }

#header{ padding: 0; margin-bottom: 0; background: url(../images/header.jpg) top left no-repeat; height: 107px; }
#index #header{ background: url(../images/index.jpg) top left no-repeat; }
#header h1{ width: 266px; height: 100px; float: left; padding: 0; margin: 0; text-indent: -9000px; }
#header h1 a{ width: 266px; height: 100px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#contact{ float: right; text-align: right; font: italic 14px Georgia; margin-top: 10px; }
#contact div{ display: block; }

#navigation{ font: italic 14px Georgia, Times, "Times new Roman", Serif; margin-top: 15px; text-align: center; }
#global{ margin: 0; padding: 0; }
#global li{ list-style-type: none; display: inline; }
#global li a{ padding: 5px 20px; }
#global li a:link, 
#global li a:visited{ color: #fff; text-decoration: none; }
#global li a:hover, 
#global li a:active{ color: #B4AB78; background: url(../images/s.gif) center left no-repeat; }

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

#page_body{ padding-left: 50px; border-right: 1px solid #B4AB78; border-bottom: 1px solid #B4AB78; border-left: 1px solid #B4AB78; }
#content{ padding: 0 50px 50px 0; height: 350px; overflow: auto; }
#index #page_body{ padding-left: 0; }
#gallerypage #page_body{ padding: 0; height: 475px; }

h1{ font: italic 24px Georgia, Times, "Times new roman", serif; color: #B4AB78; margin-top: 0; }
h2{ font: 18px Geogia, Times, "Times new roman", serif; }
#page_body p{ font: 12px/18px Georgia, Times, "Times New Roman", serif; text-indent: 25px; }

img.figure-a{ display: block; margin: 5px auto; border: 1px solid #B4AB78; }
img.figure-b{ float: right; margin: 0 0 10px 10px; border: 1px solid #B4AB78; }
img.figure-c{ float: left; margin: 0 10px 10px 0; border: 1px solid #B4AB78; }

#resources{ margin: 0; padding: 0; font: 12px/18px Georgia, Times, "Times New Roman", serif; }
#resources li{ list-style-type: none; padding: 0; }

#portfolio{ width: 700px; height: 350px; display: block; margin: 0 auto 0 -5px; padding: 0; }
#portfolio ul{ margin: 0; padding: 0; }
#portfolio ul.top{ width: 540px; margin: 0 auto; }
#portfolio ul.bottom{ width: 700px; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 175px; height: 160px; text-align: center; font: italic 14px/24px Georgia, Times, "Times New Roman", Serif; }
#portfolio li a.image{ width: 150px; height: 120px; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #fff; }
#portfolio li a.image img{ border: none; }

#slideshow { width: 787px; height: 450px; padding: 0; margin: 0 auto; background: url(../images/body.jpg) 0 0 no-repeat; }

#gallery h1{ font-size: 28px; margin-top: 75px; text-align: center; letter-spacing: 4px; }
#gallery h2{ margin-bottom: -50px; font-size: 20px; font-style: italic; text-align: center; clear: right; }
#thumbnails p.instructions{ font: italic 10px Verdana !important; text-indent: 0; }
#enlarge{ float: left; width: 500px; height: 475px; }
#enlarge img{ display: block; margin: 10px auto; border: 1px solid #B4AB78; }
#thumbnails{ float: right; width: 250px; }
#thumbnails ul{ margin: 0; padding: 0; }
#thumbnails ul li{ display: inline; margin: 0; padding: 0; }
#thumbnails li a{ display: block; float: left; width: 50px; height: 50px; overflow: hidden; border: 1px solid #B4AB78; margin: 3px; }
#thumbnails img{ border: none; }

fieldset{ display: block; float: left; width: 340px; padding: 10px; margin: 0; border: none; }
fieldset fieldset#button{ margin: 0 10px 0 10px; border: none; }
fieldset fieldset#button p{ text-indent: 0; }
fieldset fieldset label{ width: 235px; }
legend{ color: #B4AB78; }
label{ display: block; float: left; clear: left; width: 60px; font-size: 12px; margin-top: 3px; }
#checks label{ width: 100%; }
.required{ color: #B4AB78; font-weight: bold; }
input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], textarea{ width: 250px; float: left; margin: 3px; }
input[type="submit"], input[type="reset"]{ margin: 3px; }
input[type="submit"]:hover, input[type="reset"]:hover{ cursor: pointer; }

#footer{ clear: both; padding: 0; margin-top: 50px; font: 10px Verdana, arial, helvetica, sans-serif; text-align: center; }

.clear{ clear: both; }