html, body{
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #000000 !important;/* odd..*/
 font-family: Arial, Verdana, Times new Roman;
}

p{
 padding-bottom: 5px;
 line-height: 1.4em;
}

.clear{
 clear: both;
}

#doc4{
 border: 1px solid #9c874e;
 color: #eaeaea;
 background-image: url(/images/glow.jpg);
 background-repeat: no-repeat;
 /*background-color: #171717;*/
}

#hd{
 height: 120px;
 border: 0px solid white;
}

#turntable{
 position: absolute;
 margin-left: -90px;
 margin-top: -70px;
 z-index: 100;
}

#home_link{
 display: block;
 float: right;
 height: 100px;
 width: 200px;
 border: 0px solid red;
 margin-right: 20px;
}

#topmenu{
 width: 640px;
 height: 125px; 
 background-image: url(/images/topmenu_bg.png);
 background-repeat: no-repeat;
 float: right;
}

#topmenu ul {
 position: absolute;
 z-index: 100000;
 margin-top: 40px;
 font-size: 1.4em;
 margin-left: 0px;

}

#topmenu ul li{
 float: left;
 margin-left: 15px;
 position: relative;
 z-index: 1000;
}

#topmenu ul li a{
 display: block;
 width: 80px;
 height: 40px;
}


#topmenu ul li a:hover{
 cursor: pointer;
}

#topmenu ul li a.contact{
 background-image: url(/images/contact_off.png);
}

#topmenu ul li a.contact:hover, #topmenu ul li a.contact_current{
 background-image: url(/images/contact_on.png);
}


#topmenu ul li a.services{
 background-image: url(/images/services_off.png);
}

#topmenu ul li a.services:hover, #topmenu ul li a.services_current{
 background-image: url(/images/services_on.png);
}

#topmenu ul li a.references{
 background-image: url(/images/references_off.png);
 width: 100px;
}

#topmenu ul li a.references:hover, #topmenu ul li a.references_current{
 width: 100px;
 background-image: url(/images/references_on.png);
}


#topmenu ul li a.about{
 background-image: url(/images/about_off.png);
  width:100px;
}

#topmenu ul li a.about:hover,  #topmenu ul li a.about_current{
  width:100px;
 background-image: url(/images/about_on.png);
}



/*
#topmenu ul li a{
 color: #000;
 text-decoration: none;
}

#topmenu ul li a:hover{
 text-decoration: underline;
}
*/
#bd{
 min-height: 400px;
 padding-bottom: 30px;
}

#ft{
 clear: both;
}

#gallery_bg{
 position: relative;
 width: 1000px;
 padding-top: 15px;
 background-image: url(/images/gallery_bg.png);
 background-repeat: no-repeat;
 left: -10px;
}

/* Gallery */

.gallery{
 padding-top: 100px;
}

div#GalleryContainer{
 margin-left: 50px;
 width: 920px;
 height: 500px;
}

div#GalleryImage{
 color: white;
 width: 700px;
 overflow: visible;
}

div#GalleryImage #big_image{
  height: 400px;
}


#GalleryNavPrev, #GalleryNavNext{
 width: 100px;
 float: left;
 padding-top: 170px;
 text-align: center;
}

#GalleryImage{
 float: left;
 text-align: center;
}

#img_title{
 color: white;
 padding-bottom: 10px;
 font-size: 1.2em;
}

div#img_description{
 display: none;
}


.home a, .content a{
 color: #d5b560;
 text-decoration: none;
}

.home a:hover, .content a:hover{
  text-decoration: underline;
}


h1{
 color: #D5B45F;
 font-size: 2em;
 padding-bottom: 30px;
 margin-left: 210px;
}

h2{
 color: #A19E10;
 font-size: 1.5em;
 padding-top: 30px;
 padding-bottom: 15px;
}

h3{
 color: #d5b560;
 font-size: 1.3em;
 padding-bottom: 5px;
}

h4{
  color: #d5b560;
 font-size: 1.1em;
 padding-top: 10px;
 padding-bottom: 3px;
}

strong{
 font-weight: bold;
 font-weight: normal;
 color: #C9C1AC;
 color: white;
 
}

/* HOME PAGE */

.home{
 padding-bottom: 100px;
}

.home h1{
 display: none;
}

#offerings, #philosophy{
 float: left;
 width: 250px;
 padding: 0px;
}

#offerings{
 margin-left: 150px;
 margin-top: 120px;

}

#philosophy{
 margin-left: 100px;
 margin-top: 80px;
}

#offerings p,  #philosophy p{
 width: 220px;
 padding-left: 5px;
 padding-bottom: 10px;
}

#offerings ul{
 float: left;
 width: 100px;
 padding-left: 5px;
 padding-right: 15px;
}



#home_feature{
 float: left;
 margin-left: 40px;
 margin-top: 120px;
}

/* INNER PAGES */

div.content{
 padding-top: 50px;
 width: 650px;
 margin-left: 150px;
 padding-bottom: 30px;
}

div.about{
 width: 680px;
}

.clients .column{
 float: left;
 min-height: 250px;
 *height: 300px;
 width: 280px;
 
}

.callout{
 float: left;
 min-height: 290px;
 *height: 320px;
 margin-top: 70px;
width: 270px;
}

div.quote{
 float: right;
 font-size: 0.9em;
 line-height: 1.3em;
}

p.quote span {

}
p.quote span img.closing{
 position: absolute;

 margin-left: 5px;
}
.bios{
 /*width: 400px;*/
 padding-right: 20px;
 padding-bottom: 60px;
 clear:left;
}

.bios h3{
 padding-bottom: 20px;
 padding-top: 40px;
}

.bio_image{
 float: left;
 padding-right: 20px;
}

.services h2{
 clear: both;
}

.serviceimage{
 background-repeat: no-repeat;
 width: 150px;
 height: 140px;
 float: right;
 margin-top: -30px;
 margin-left: 10px;
}

div.even{
 margin-top: 0px;
 margin-left: 0px;
 padding-right: 10px;
  float: left;
}

.wedding{
 background-image: url(/images/services_weddings.png);
}

.corporate{
 background-image: url(/images/corpevent.png);
}

.stage{
 background-image: url(/images/stage.png);
}
.bands{
 background-image: url(/images/bands.png);
}
.audio{
 background-image: url(/images/audio.png);
}
.lighting{
 background-image: url(/images/lighting.png);
}

.bar{
 background-image: url(/images/bar.png);
}


/* forms */
.formlabel {


 color: #d5b560;
 font-size: 1.3em;
 padding-bottom: 5px;
 padding-top: 20px;
}

input, select, textarea {
 font-size: 1.2em;
 border: 1px solid black;
}


input, textarea {
  width: 300px;
}




input.submit{
 width: auto;
 display: block;
 margin-top: 10px;
}

textarea {
 height: 100px;
}