/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Bristol
Author : Ben Rinehart
Designer: Angie Larson
URL :

Description :

Created :
Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{ background: #CBB58E; font: 14px/18px Arial, Helvetica, verdana, sans-serif; margin: 0; }

/* START CONTAINER */
#container{ width: 960px; \width: 980px; w\idth: 960px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; background: #876111 url(../images/background.gif) top right repeat-y; }/* END CONTAINER */

/* START HEADER */
#header{ width: 700px; height: 90px; padding: 0px 10px 0 35px; margin-bottom: 0; background: url(../images/ghost.jpg) 0 0 no-repeat; }

/* START ADDRESS/VCARD */
.vcard{ font: 12px/18px Arial, Helvetica, verdana, sans-serif; text-align: right; color: #fff; margin: 0; }
.vcard div.adr, .vcard div.tel, .vcard div.email{ position: relative; top: 50px; }
.vcard .org{ position: static; float: left; text-align: left; display: block; width: 311px; height: 90px; padding: 0; margin: 0; background: url(../images/logo.gif) center center no-repeat; text-indent: -9000px; }
.vcard *{ display: inline; }
.vcard .street-address, .vcard .tel, .vcard a:link, .vcard a:visited{ color: #fff; }/* END ADDRESS/VCARD *//* END HEADER */

/* START NAVIGATION */
#navigation{ width: 749px; background: #000; text-align: center; padding: 6px 0; }
#global{ margin: 0; padding: 0; }
#global li{ list-style-type: none; display: inline; padding: 5px; }
#global li a:link, #global li a:visited{ color: #fff; text-decoration: none; }
#global li a:hover, #global li a:active{ color: #CBB58E; }

a:link{ color: #000; }
a:visited{ color: #333; }
a:hover, a:active{ text-decoration: none; }/* END NAVIGATION */

/* START PAGE BODY */
#page_body{ padding: 25px; margin: 0; background: url(../images/ghost2.jpg) top left no-repeat; height: 475px; }
#index #page_body{ padding: 0; height: 525px; }

#content{ float: right; width: 525px; height: 430px; overflow: auto; background: #CBB58E url(../images/content.gif) right 50px no-repeat; border: 2px solid #000; padding: 25px; }
#content p, #content ul, #content dl, #content ol{ font: 14px/18px Arial, Helvetica, verdana, sans-serif; }
#content p{ text-indent: 30px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{ margin-top: 0; font-family: Times, "Times New Roman", serif; font-weight: normal; color: #876111; }
#content h1{ padding-right: 50px; font-size: 36px; font-variant: small-caps; text-align: right; }
#content h2{ font-size: 20px; }
#content h3{ font-size: 16px; }
#content h4, #content h5, #content h6{ font-size: 14px; }
#content h4{ font-weight: bold; }/* END PAGE BODY */

/* START INFO PAGES */
#spotlight{ float: right; }
#secondary{ float: right; margin-top: 174px; }

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

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

/* start testimonials */
.hreview{ }
.hreview .photo{ float: left; border: 1px solid #000; margin: 5px 10px 10px 0; }
.reviewer{ clear: left; font-weight: bold; margin: 0 50px 20px 50px; color: #876111; border-bottom: 1px solid #876111; }

#slideshow{ width: 600px; height: 480px; }
#promotions{ width: 550px; height: 400px; float: right; }/* END INFO PAGES */

/* START PORTFOLIO */
#portfolio{ width: 500px; /* Change to 500 for 3 columns and 330 for 2 columns */ display: block; margin: 5px auto 0 auto; padding: 0; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 165px; height: 160px; text-align: center; font: 14px/24px Georgia, Times, "Times New Roman", Serif; letter-spacing: 2px; }
#portfolio li a.image{ width: 150px; height: 120px; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #34221C; }
#portfolio li a.image img{ border: none; }/* END PORTFOLIO */

/* START GALLERIES */
#gallery{ margin-top: -10px; }
#gallery h1{ font: 36px Times, "Times New Roman", serif; clear: left; }

#local{ float: left; clear: left; font: 14px/18px Arial, Helvetica, verdana, sans-serif; text-align: center; width: 350px; margin: 0; padding: 0; }
#local li{ display: inline; padding: 0 40px; }
#local li a:link, #local li a:visited{ color: #fff; }

#enlarge{ float: right; width: 525px; height: 510px; }
#enlarge img{ display: block; margin: 0 auto; border: 2px solid #fff; }
#thumbnails{
	float: left;
	width: 350px;
	margin-top: 0px;
}
#thumbnails h1{ margin: 0; padding: 0; color: #000; text-align: center; }
#thumbnails .instructions{ font-size: 12px; font-style: italic; text-align: center; color: #fff; margin-top: 20px; text-indent: 0; }
#thumbnails ul li{ display: inline; }
#thumbnails ul li a{ display: block; float: left; width: 35px; height: 35px; margin: 0 15px 30px 15px; overflow: hidden; border: 1px solid #000; }
#thumbnails img{ border: none; }/* END GALLERIES */

/* START FORMS */
fieldset{ padding: 10px; margin: 0; border: none; }
fieldset fieldset{ clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ width: 335px; }
legend{ color: #876111; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 12px; margin-top: 3px; }
.required{ color: #876111; }
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; }

.sessions fieldset{ width: 350px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 250px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; font-style: italic; }

#session{ margin-bottom: 10px; }
#session label{ clear: left; float: left; width: 150px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #876111; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; background: #fff; color: #876111; font-style: italic; font-size: 10px; }

/* END FORMS */

/* START FOOTER */
#footer{ clear: both; padding: 5px; margin-top: 0; background: #CBB58E; text-align: center; }
#footer p{ margin: 0; }/* END FOOTER */