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

Title : Berlin
Author : Ben Rinehart
Designer: Rhonda Riffey
URL : filiphoto.com

Description : Marathon Package Site Design

Created : 05/09/2007
Modified :

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

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

#container{ width: 960px; \width: 980px; w\idth: 960px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; background: #A9532A url(../images/background.jpg) bottom left no-repeat; border: 1px solid #B05E35; }

.vcard{ text-align: right; background: url(../images/top.jpg) top center repeat-x; font: 12px/18px Times, "Times New Roman", Georgia, Serif; color: #F3A125; height: 20px; }
.vcard *{ display: inline; }
.vcard .street-address, .vcard .tel, .vcard a:link, .vcard a:visited{ padding: 10px; color: #F3A125; }

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

#navigation{ font: 16px/36px Times, "Times New Roman", Georgia, Serif; font-variant: small-caps; text-align: right; width: 200px; margin-top: 25px; }
#global{ margin: 0; padding: 0; }
#global li{ list-style-type: none; }
#global li a:link, #global li a:visited{ text-decoration: none; color: #F3A125; }
#global li a:hover, #global li a:active{ color: #fff; }

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

#page_body a:link, #page_body a:visited{ text-decoration: underline; }

#page_body{ width: 640px; padding: 45px; float: right; }
#page_body p, #page_body ul, #page_body dl, #page_body ol{ font: 12px/18px Times, "Times New Roman", Georgia, Serif; color: #fff; }
#page_body p{ text-indent: 25px; }
#page_body h1, #page_body h2, #page_body h3, #page_body h4, #page_body h5, #page_body h6{ color: #F3A125; font-family: Times, "Times New Roman", Georgia, Serif; }
#page_body h1{ font-size: 24px; line-height: 36px; font-variant: small-caps; }
#page_body h2{ font-size: 20px; }
#page_body h3{ font-size: 16px; }
#page_body h4, #page_body h5, #page_body h6{ font-size: 14px; }
#page_body h4{ font-weight: bold; }

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

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

.hreview{ width: 500px; clear: left; border-top: 1px solid #B05E35; margin-bottom: 15px; }
.hreview img{ float: left; border: 1px solid #fff; margin: 10px 10px 5px 0; }
.hreview .description p{ font-style: italic; font-size: 13px; }
.hreview .vcard{ font-size: 14px; background: #A9532A; padding-right: 100px; }

#promotions{ width: 560px; height: 400px; margin: 0 auto; }
#slideshow{ width: 637px; height: 452px; margin: 0 auto; }

#portfolio{ width: 450px; display: block; margin: 5px auto 0 auto; padding: 0; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 225px;  /* 170px for 3 columns, 225px for 2 */ 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 #F3A125; }
#portfolio li a.image img{ border: none; }

#enlarge{ width: 640px; height: 455px; overflow: hidden; }
#enlarge img{ border: 1px solid #fff; display: block; margin: 0 auto; }
#thumbnails ul{ margin: 5px 0 0 0; padding: 0; }
#thumbnails li{ display: block; float: left; margin: 0; padding: 0; }
#thumbnails li a{ display: block; float: left; width: 34px; height: 34px; margin: 1px; border: 1px solid #fff; overflow: hidden; }
#thumbnails li a img{ border: none; }

.column{ float: left; width: 310px; }
#gift{ border: 1px solid #B05E35; display: block; margin: 3px auto; }
fieldset{ display: inline; padding: 10px; margin: 0; border: 1px solid #B05E35; }
fieldset fieldset{ clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ width: 250px; }
legend{ color: #F3A125; }
label{ display: block; float: left; clear: left; width: 60px; font-size: 12px; margin-top: 3px; }
.required{ color: #F3A125; font-weight: bold; }
input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], textarea{ width: 200px; 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: #F3A125; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; border: 1px solid #F3A125; color: #F3A125; font-style: italic; }

#footer{ clear: both; padding: 0; margin-top: 0; height: 40px; color: #fff; background: url(../images/footer.jpg) bottom left no-repeat; text-align: center; }
#footer p{ padding: 15px 0; font: 12px Times, "Times New Roman", Georgia, Serif; }