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

Title : Edmonton Template
Author : Ben Rinehart
Designer : Tracee Larson

Description : Custom Modified Marathon Package Site; see marathonpress.com for more details

Created : 5/10/2007
Modified :

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

body{ background: #222; color: #fff; margin: 0; padding: 0; font-family: Tahoma, verdana, arial, helvetica, sans-serif; }


#container{ width: 895px; \width: 915px; w\idth: 895px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; background: #FFF; color: #444; }/* END CONTAINER */

#header{ padding: 5px; margin: 0; }
#header h1{ width: 895px; height: 50px; padding: 0; margin: 0; background: url(../images/logo.gif) center center no-repeat; text-indent: -9000px; }
#header h1 a{ width: 147px; height: 50px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }/* END HEADER */

#navigation{ background: #444 url(../images/navigation.jpg) center right repeat-y; font: 14px Tahoma, Verdana, arial, helvetica, sans-serif; width: 885px; float: right; margin: 0 5px 8px 5px; }
#global{ margin: 0; padding: 0; float: right; }
#global li{ display: inline; }
#global li a:link, #global li a:visited{ display: block; float: left; color: #fff; padding: 17px 12px; text-decoration: none; }
#global li a:hover, #global li a:active{ color: #BC000A; background: #fff; }
a:link, a:visited{ color: #fff; }

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

#page_body{ padding: 5px 0; margin: 5px; height: 400px; overflow: auto; }
#index #page_body{ overflow: visible; background: #1C1C1C; }
#page_body #content{ padding: 0 100px; }

#page_body p, #page_body ul, #page_body dl, #page_body ol{ font: 12px Tahoma, arial, helvetica, sans-serif; margin: 5px 5px; }
#page_body h1, #page_body h2, #page_body h3, #page_body h4, #page_body h5, #page_body h6{ font-family: Times, "Times New Roman", Georgia, Serif; font-weight: normal; padding: 0 5px; }
#page_body h1{ font-size: 20px; }
#page_body h2{ font-size: 16px; }
#page_body h3{ font-size: 14px; }
#page_body h4, #page_body h5, #page_body h6{ font-size: 12px; }
#page_body h4{ font-weight: bold; }

img.figure-a{			display: block; margin: 0 auto; }
img.figure-b{			float: right; margin: 0 0 0 10px; }
img.figure-c{			float: left; margin: 0 10px 0 0 ; }
#spotlight{ float: right; margin: 5px 5px 5px 5px; }/* END PAGE BODY */

#slideshow{ width: 550px; height: 400px; margin: 0 auto; }

#promotions{ width: 550px; height: 400px; display: block; margin: 4px auto; }
dl#pricing{ font-size: 12px; padding: 0 5px; }
#pricing dt{ font-weight: bold; font-size: 12px; }
#pricing dd{ font-size: 12px; margin: 0 0 10px 0; }

#resources{ text-align: left; margin: 0; padding: 0; font: 14px Tahoma, arial, helvetica, sans-serif; }
#resources ul{ margin: 0; padding: 0; }
#resources li{ list-style-type: none; padding: 3px 5px; margin: 0; }/* END INFO PAGES */

#portfolio #page_body{ float: none; clear: both; width: 885px; height: 410px; overflow: visible; padding-top: 9px; background: #1C1C1C; }
#enlarge{ float: right; width: 720px; height: 410px; }
#enlarge img{ display: block; margin: 4px auto 4px 0; }

#thumbnails{ width: 130px; float: left; margin-left: 15px; }
html>body #thumbnails{ margin-left: 25px; }
#thumbnails ul{ margin: 0; padding: 0; }
#thumbnails li{ display: block; float: left; }
#thumbnails li a{ display: block; width: 40px; height: 40px; margin: 4px 10px; overflow: hidden; border: 1px solid #656565; }
#thumbnails li a img{ border: none; }

#portfolio #local{ margin: 0; padding: 0; clear: both; float: right; width: 100%; background: #656565; border-bottom: 1px solid #fff; }
#portfolio #local li{ margin: 0; padding: 0; display: inline; font-size: 12px; }
#portfolio #local li a:link, #portfolio #local li a:visited{ color: #fff; text-decoration: none; display: block; float: left; width: 80px; height: 25px; text-align: center; padding: 10px 10px 0 10px; }
#portfolio #local li a:hover, #portfolio #local li a:active{ color: #656565; background: #fff; }
#portfolio #local li#current a:link, #portfolio #local li#current a:visited{ font-weight: bold; }
#portfolio #local li#current a:hover, #portfolio #local li#current a:active{ color: #fff; background: #656565; cursor: default; }/* END GALLERIES */

form{ margin: 0 20px; }
form div{ padding: 0 5px; }
fieldset{ display: inline; 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{ font: 16px Times, "Times New Roman", Georgia, Serif; color: #614E3B; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 12px; margin-top: 3px; }
.required{ 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 */

#footer{ clear: both; background: #222; color: #fff; text-align: center; padding: 25px 0 0 0; }
#footer .vcard *{ display: inline; font-size: 20px; }
#footer .vcard p{ display: block; font-size: 10px; }
#footer .vcard p *{ font-size: 10px; }/* END FOOTER */

#social{ float: right; }
#social img{ height: 32px; border: none; padding: 5px; }