/* Reset */

* { margin: 0; padding: 0; outline: 0; border: 0; }

/* Basic Styles */

body { font: 12px "Helvetica",sans-serif; color: #ffffff; background-color: #ffffff; margin: 20px; }

a { color: #ff0000; text-decoration: none; }

p { line-height: 1.3em;  margin-bottom: 18px; }

ul { list-style: none; margin-bottom: 18px; }
li { line-height: 1.3em; }

.clear { clear: both; }

/* Headers */

h1 { width: 962px; height: 83px; color: #000000; font-size: 14px; background: url(../img/header.png) no-repeat 101px 40px #000000; margin-bottom: 1px; font-weight: normal; }

h2 { width: 116px; height: 19px; position: relative; margin: 5px 0 62px 8px; font-size: 12px; line-height: 19px; font-weight: normal; }
h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/subheader.png) no-repeat; }

h3 { font: 24px "Myriad Pro"; color: #ff0000;  padding-top: 35px; line-height: 1em; margin-bottom: 12px; font-weight: normal; }

h4 { font-weight: bold; font-size: 1em; }

h5 { font-size: 1em; font-weight: normal; }

/* Container elements */

.border { border: 1px solid #000000; background-color: #cccccc; padding: 2px; }

#Container { width: 974px; margin: auto; }

#Content { background-color: #000000; position: relative; z-index: 1; }

#Navigation { width: 222px; padding-right: 16px; padding-bottom: 15px; position: absolute; top: 0; right: 0; }

#MainContent { background-color: #e2e2e2; margin-right: 238px; border: 1px solid #000000; color: #333333; padding: 0 0 65px 25px; position: relative; min-height: 527px;}

#HomeContent { font-size: 14px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 60px 440px 10px 40px; margin-right: 238px; position: relative; height: 527px; letter-spacing: .85px; }

/* Navigation */

#Navigation ul { margin-bottom: 20px; }

#Navigation li { width: 222px; border-bottom: 1px solid #868686; }

#Navigation li a { display: block; height: 13px; width: 222px; margin: 15px 0 3px; background: no-repeat right top; }

#Navigation li a:hover, #Navigation a.active { background-position: right bottom; }

#Navigation li a span { display: none; }

#Navigation #NavBio { background-image: url(../img/nav/navbio.png); }
#Navigation #NavVideo { background-image: url(../img/nav/navvideo.png); }
#Navigation #NavPhotos { background-image: url(../img/nav/navphotos.png); }
#Navigation #NavBuy { background-image: url(../img/nav/navbuy.png); }
#Navigation #NavLumiere { background-image: url(../img/nav/navlum.png); height: 29px;}
#Navigation #NavAME { background-image: url(../img/nav/navame.png); height: 45px; }
#Navigation #NavLinks { background-image: url(../img/nav/navlinks.png); }
#Navigation #NavContact { background-image: url(../img/nav/navcontact.png); }
#Navigation #NavHome { background-image: url(../img/nav/navhome.png); }

#Navigation p { font-size: 11px; text-align: right; letter-spacing: .5px; line-height: 1.5em; margin-bottom: 18px; }

/* Individual page elements */

.contentnav { text-align: right; }
.contentnav a { margin: 0 5px; font-weight: bold; }

.narrow { text-align: center; margin-right: 25px; }
.narrow p { margin-right: 35px !important; }

.narrow div, .narrow object { display: block; margin: 0 auto 20px; }

.space { padding: 45px 0 10px; }

.images img { margin: 0 5px; text-align: center; }

#Links li { margin-bottom: 18px; }
#Links a { font-weight: bold; }

#MainContent p { margin-right: 60px; letter-spacing: .5px; }

#MainContent h3 + p { margin-right: 25px; }

#Photo { float: right; margin-left: 25px; margin-bottom: 25px; }

#HomeSlides { position: absolute; right: 0; top: 0; }
#HomeMusic { margin: 15px 0 25px; width: 222px; text-align: right; }

#HomeContent p { margin-right: 38px; line-height: 1.15em; }

#HomeContent .imagewrapper { float: left; font-size: .7em; text-align: center; width: 50%; margin: 20px 0; }
#HomeContent .imagewrapper img { margin-bottom: 5px; }

#Audio > img { float: left; display: block; clear: both; margin: 0 10px 18px 0; }

.audiocontainer { float: left; margin: 0 0 18px 65px;  }
.audiocontainer h4 { margin-bottom: 18px; }
.audiocontainer p { margin-right: 0 !important; }

/* Marquee styles */

.marquee { width: 100%; height: 300px; overflow: auto; background-color: #cccccc; color: #000000; border: 1px solid #ffffff; text-align: center; clear: both; }
.marquee .vertical { padding: 300px 10px; }
.marquee .horizontal { padding: 0 230px; white-space: nowrap; }
.marquee .horizontal * { display: inline; }
.marquee h4 { font-size: 14px; font-weight: bold; color: #ff0000; margin: 20px 0 10px; }
