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

Title : Aaron Noble Photography
Author : Ben Rinehart
Designer : Rhonda Riffey
URL :

Description : Marathon Package Site Design

Created : 08/14/2007
Modified :

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

body{ background: #000; color: #CCC; font: 14px Times, "Times New Roman", georgia, serif; }

/* START CONTAINER */
#container{ width: 900px; \width: 920px; w\idth: 900px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; }/* END CONTAINER */

/* START HEADER */
#header{ clear: left; padding: 0; margin-bottom: 0; }
#header h1{ float: right; width: 266px; height: 123px; padding: 0; margin: 0; background: url(../images/logo.gif) center center no-repeat; text-indent: -9000px; }
#header h1 a{ width: 266px; height: 123px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }
#header h2{ width: 634px; height: 123px; margin: 0; padding: 0; background: url(../images/tagline.gif) center center no-repeat; text-indent: -9000px; }/* END HEADER */

/* START NAVIGATION */
#navigation{ font: 16px Times, "Times New Roman", georgia, serif; letter-spacing: 2px; background: #300; text-align: center; }
#global{ margin: 0; padding: 5px; }
#global li{ list-style-type: none; display: inline; padding: 5px 10px; }
#global li a:link, #global li a:visited{ color: #fff; text-decoration: none; }
#global li a:hover, #global li a:active{ }
a:link, a:visited{ color: #fff; }
a:hover, a:active{ text-decoration: none; }/* END NAVIGATION */

/* START PAGE BODY */
#page_body{ padding: 0; }

img{ margin: 0; padding: 0; display: block; }
#page_body h1{ font: 24px Times, "Times New Roman", Georgia, Serif; border-bottom: 1px solid #6D1212; letter-spacing: 4px; }
#page_body h2{ font: 22px Times, "Times New Roman", Georgia, Serif; }
p{ font: 14px/18px Times, "Times New Roman", Georgia, Serif; text-indent: 20px; }
#content{ height: 420px; overflow: auto; padding: 15px 2em; }/* END PAGE BODY */

/* START INFO PAGES */
#spotlight{ float: left; border-right: 0px solid #fff; }
.format-a, .format-a *{		text-align: center !important; text-indent: 0 !important; }
.format-b, .format-b *{		text-align: right !important; text-indent: 0 !important;}
.format-c, .format-c *{		text-align: left !important; text-indent: 0 !important; }
img.figure-a{						display: block; margin: 0 auto; }
img.figure-b{						float: right; margin: 0 0 5px 5px; }
img.figure-c{						float: left; margin: 0 5px 5px 0; }

#resources li{ list-style-type: none; padding: 5px 0; }/* END INFO PAGES */

/* START PORTFOLIO */
#portfolio{ height: 450px; width: 700px; margin: 0 auto; overflow: auto; letter-spacing: 4px; }
#portfolio ul{ margin: 0; padding: 0; }
#portfolio ul li{ display: block; float: left; margin: 5px 12px; width: 200px; height: 150px; text-align: center; }
#portfolio ul li .image{ display: block; width: 200px; height: 125px; margin: 0 0 3px 0; overflow: hidden; border: 1px solid #6D1212; }
#portfolio ul li .image img{ display: block; margin: 0 auto; border: none; }
/* END PORTFOLIO */

/* START GALLERIES */
#slideshow{ width: 900px; height: 450px; }
#promotions{ width: 560px; height: 450px; margin: 0 auto; }

#enlarge{ width: 775px; height: 450px; margin: 0 0 2px 125px; }
#enlarge img{ display: block; margin: 0 auto; border: 1px solid #fff; }
#thumbnails{ margin: 0; padding: 0; width: 125px; float: left; }
#thumbnails ul{ margin: 0; padding: 0; }
#thumbnails ul li{ display: block; float: left; }
#thumbnails ul li a{ display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #fff; margin: 2px 2px; }
#thumbnails img{ border: none; }/* END GALLERIES */

/* START FORMS */
fieldset{ display: inline; padding: 10px; margin: 0; border: 1px solid #6D1212; }
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; font-size: 12px; margin-top: 3px; }
.required{ color: #fff; 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; }/* END FORMS */


.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: #6D1212; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

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

/* START FOOTER */
#footer{ clear: both; padding: 0; margin-top: 10px; text-align: center; letter-spacing: 2px; }
#footer .vcard div{ display: inline; }/* END FOOTER */

#social{ float: right; padding: 0 0 0 50px; }
#social img{ border: none; display: inline; height: 32px; }