/* Title : Rosemary Stylesheet */
*{ margin: 0; padding: 0; }

body{ background: #000; color: #fff; font: 14px helvetica, arial, sans-serif; }

html,body,#bg,#bg table,
#bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: scroll; position: absolute; z-index: 100; }

#container{ width: 1024px; \width: 1044px; w\idth: 1024px; height: 525px; margin: -280px 0 0 -500px; position: absolute; top: 50%; left: 50%; padding: 0; }
html>body #container{ width: 1024px; }

#header{ padding: 0; margin-bottom: 0; float: left; clear: both; width: 215px; height: 475px; background: #110101; border: 1px solid #666; border-width: 1px 0 1px 1px; }
#header img{ display: block; margin: 0; padding: 0; border: none; }

#navigation{ text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 10px; letter-spacing: 1px; margin-left: -20px; }
#global{ margin: 0; padding: 0; }
#global li{ list-style-type: none; display: block; float: left; margin: 17px; padding: 0; }
#global li a:link, 
#global li a:visited{ text-decoration: none; color: #fff; display: block; float: left; padding: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#global li a:hover, 
#global li a:active{ background: #fff; color: #000; }

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

#page_body{ padding: 0; width: 800px; height: 475px; float: left; color: #fff; background: #110101; border: 2px solid #666; border-width: 1px 1px 1px 0; }
html>body #page_body{width: 805px; }

#content{ width: 345px; height: 350px; padding: 50px 50px 75px; overflow: auto; }
html>body #content{ width: 353px; }
#spotlight{ float: left; border: 1px solid #666; border-width: 0 1px; }
#spotlight img{ display: block; margin: 0; }

h1{ font: 24px Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; margin: 0; padding: 0; }
#content p,
#content li,
#content dd,
#content label,
#content legend{ padding: 1em 0; font: 12px/18px Arial, Helvetica, sans-serif; }

.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 10px 10px; }
img.figure-c{ float: left; margin: 0 10px 10px 0; }

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

#portfolio a img{ display: block; margin: 0 auto; border: none; }

#portfolio{ position: relative; width: 780px; height: 475px; overflow: hidden; float: right; }

#portfolio ul{ list-style: none; margin: 0px; display: block; height: 475px; width: 3600px; }
#portfolio ul li{ float: left; }
#portfolio ul li a{ text-indent: -1000px; border-right: 1px solid #110101; cursor: pointer; display: block; overflow: hidden; width: 130px; height: 475px; }
#portfolio ul li.gallery1 a{ background: url(../../content/info/portfolio/images/01.jpg) repeat scroll 0%; }
#portfolio ul li.gallery2 a{ background: url(../../content/info/portfolio/images/02.jpg) repeat scroll 0%; }
#portfolio ul li.gallery3 a{ background: url(../../content/info/portfolio/images/03.jpg) repeat scroll 0%; }
#portfolio ul li.gallery4 a{ background: url(../../content/info/portfolio/images/04.jpg) repeat scroll 0%; }
#portfolio ul li.gallery5 a{ background: url(../../content/info/portfolio/images/05.jpg) repeat scroll 0%; }
#portfolio ul li.gallery6 a{ background: url(../../content/info/portfolio/images/06.jpg) repeat scroll 0%; width: 800px; }

#slideshow{ width: 800px; height: 475px; margin: 0 auto; }
#music{ width: 35px; height: 30px; margin: 0 15px 1px 0; float: right; display: block; }

#gallery{ width: 785px; height: 475px; }

#promotions{ width: 785px; height: 475px; overflow: auto; }
#promotions ul{ margin: 0; padding: 0; }
#promotions li{ list-style-type: none; margin: 0; padding: 0; }
#promotions img{ display: block; margin: 5px auto; }

form#contact{ width: 320px; }
form#contact fieldset { margin: 0; border: none; padding: 0; float: left; width: 320px; }
form#contact legend{ display: block; width: 310px; clear: both; color: #fff; font-size: 14px; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ }
form#contact label{ float: left; width: 45%; display: block; clear: none; padding: 0.4em; white-space: nowrap; }
form#contact img{ display: block; margin: 10px 0 0 0; padding: 0; }
form#contact input, #contact select{ width: 100%; margin-top: 0.1em; }
form#contact textarea{ width: 200%; margin-top: 0.1em; }
form#contact select{ height: 18px; margin-bottom: -5px; }
form#contact input.checkbox,
form#contact input.radio{width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; }
form#contact input#submit{ clear: both; float: left; width: auto; }
form#contact p{ font-size: 12px; text-indent: 0; margin: 0; }

form .required{ font-weight: bold; color: #E3CA61 ; }
form .error{ font-size: 10px; color: #E3CA61; padding-left: 0; font-weight: bold; }

#session fieldset{ border: none; margin: 25px 0 0 0; }
#session label{ margin: 10px 0 0 0; padding: 0; display: block; float: left; clear: left; width: 130px; }
#session input{ margin: 8px 0 0 0; }
#session .error{ margin: 8px 0 -16px 0; display: block; }
.kalamazoo_message{ padding: 20px; border: 1px solid #E3CA61; font: italic 12px/18px Arial, Helvetica, sans-serif; }

#content .session_list li{ list-style-type: none; display: block; padding: 0; margin: 0; }

#footer{ clear: both; padding: 20px 0 0 15px; margin: 0 -20px 0 0; font-size: 10px; color: #fff; text-align: right; }

#social{ float: left; }
#social a{ text-decoration: none; }
#social img{ border: none; height: 32px; }

.vcard div{ display: inline; padding-right: 20px; }
#footer p{ padding-right: 20px; }

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