/*
Title : Tracy Harman Photography
Author : Ben Rinehart
URL : tracyharmanphotography.com

Description : Grey on black; red highlights.

Created : 07/21/2006
Modified : 03/30/2009
*/

body{ background: #000; color: #B9B6B7; font-family: Verdana, Arial, Helvetica, Sans-serif; }

#wrapper{ width: 700px; margin: 0 auto; text-align: center; }
#intro{ width: 700px; height: 500px; margin: 0 auto; }

#container{ width: 1020px; \width: 1040px; w\idth: 1020px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; }

#header{ padding: 0; margin-bottom: 0; float: left; }
#index #header{ float: none; }
#header h1{ width: 200px; height: 187px; padding: 0; margin: 0; background: url(../images/logo.gif) center center no-repeat; text-indent: -9000px; }
#header h1 a{ width: 200px; height: 187px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{ float: left; clear: left; width: 200px; font: italic 16px Verdana, Arial, Helvetica, Sans-serif; text-align: center; }
#global{ margin: 0; padding: 0; }
#global li{ list-style-type: none; padding: 5px; }
#global li a:link, #global li a:visited{ text-decoration: none; }
#global li a:hover, #global li a:active{ color: #DE3044; }

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

#page_body{ padding: 0 15px 0 200px;  margin-top: 0; }

h1{ font: italic 18px Verdana, arial, helvetica, sans-serif; color: #DE3044; }
.gallery h1{ text-align: center; }
p{ font: 12px/18px Verdana, Arial, Helvetica, Sans-serif; text-indent: 25px; }

#slideshow { width: 800px; height: 560px; margin: -75px auto; }
#gallery{ width: 800px; height: 650px; margin: 0 auto; }

.figure-a{ display: block; margin: 0 auto; }
.figure-b{ float: right; }
.figure-c{ float: left; }

#testimonials p{ text-indent: 0; }
#testimonials img{ padding: 0 6px; }
hr{ color: #DE3044; border: 0; background-color: #DE3044; height: 1px; margin: 25px auto; width: 50% }

#portfolio{ float: left; }
#portfolio ul{ margin: 0; padding: 0; font-size: 12px; }
html>body #portfolio ul{ margin-top: -150px;  }
#portfolio li{ text-align: center; display: block; float: left; width: 225px; height: 175px; margin: 0 0 10px 0; padding: 0; }
#portfolio img{ display: block; margin: 0 auto; border: none; }
#portfolio li a{ width: 225px; display: block; }
#portfolio li.last{ margin: 0 0 0 225px; }

fieldset{ width: 400px; padding: 10px; margin: 0; border: 1px solid #B9B6B7; }
fieldset fieldset{ clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ width: 335px; }
legend{ color: #DE3044; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 12px; margin-top: 3px; }
.required{ color: #DE3044; }
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: 25px; text-align: center; font-size: 10px; }
#session fieldset{ border: none; margin: 25px 0 0 0; }