/* style.css Taylor Made DJ Services */

/* Written by Goodtravel Design */

/* Background color: #000; */
/* Lime Green - #adff41 */
/* Yellow - #ffc600 */
/* Gray Border - #393939 */
/* Dark Brown - #322700 */

/* ********* Begin XHTML Selectors ********* */

/* Removes Browser Styles */
html, body, h1, h2, h3, p, pre, ul {	
   margin:0px;
   padding:  0px; 
   font-size: 100%;
   font-weight: inherit;
   font-style: inherit;
}

html, body {
font-family: Arial, Helvetica, sans-serif;
}

strong, em, b, i {
font-family: Arial, Helvetica, sans-serif;
}

body {	
font-size:12px; 
margin:0; 
padding:0;
color: inherit;
background-color: #000;
background: #000 url('img/back.jpg') repeat-x;	
}

h1, h2, h3, h4, h5, h6 {
font-family: "Gill Sans", "Gill Sans MT", sans-serif;
background-color: transparent;
}

ul {
margin: 0 0 10px 15px;
padding-bottom:20px;
} 

li {
color:#ccc;
background-color:inherit;
padding: 0 0 5px 5px;
list-style-image: url('img/bulletGreen.png');
line-height: 1.6em;
}

img {
border: 0px;
}

h1 {
color: #adff41;
background-color: inherit;
font-size:1.5em;
text-transform: uppercase;
line-height:1.1em;
padding-bottom:26px;
}

h1.header {
height: 32px;
background: #000 url('img/hr.jpg') repeat-x scroll center;	
background-position: 0% 25%; 
}

h1.photos {
width: 560px;
margin-left: 362px;
padding:0px;
}

h1.calendar {
padding-left: 60px;
background-image: url('img/calendar.jpg');
background-repeat: no-repeat;
line-height: 2em;
}

h1 a {
color: #adff41;
text-decoration: none; 
}

h1 a:hover {
color:#adff41;
text-decoration: underline; 
}

h2 {
color: #ffc600;
background-color: inherit;
font-size:1.3em;
text-transform: uppercase;
padding:0px 0px 18px 0px;
line-height:16px;
}

h2.arrow {
background-image: url('img/arrow.png');
background-repeat: no-repeat;
background-position: 0px 4px; 
padding:0px 0px 0px 15px;
}

h2.links {
color: #adff41;
background-color: inherit;
font-size:1.1em;
text-transform: uppercase;
padding:10px 0px 5px 0px;
}


h3 {
color: #ffc600;
font-size:1.3em;
padding-bottom:10px;
}

h4 {
font-size:0.9em;
}

p {
color: #ccc;
background-color: inherit;
padding-bottom:20px;
line-height: 24px;
}

a {
color: #ffc600;
text-decoration: underline; 
}

a:hover, a:active {
color:#ffc600;
text-decoration: none; 
}

input, select, textarea 
{
font-family:Arial,Helvetica,sans-serif; 
font-size:1em;
}

form {
display:inline;
}

label {
vertical-align:middle;
}

img {
border: 0px;
}

img.floatleft {
float:left;
border: 1px solid #393939;
margin-right: 10px;
}

img.floatright {
float:right;
border: 1px solid #393939;
margin-left: 10px;
}

/* BEGIN FORMS  */

#contactForm label
{
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

input, textarea, select
{
color: #ccc;
background: #393939;
border: 1px solid #666;
}

#customForm label
{

float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}


/* END FORMS */




/* Begin PNG Support Hack */
img { 
behavior: url('ie/iepngfix.htc'); 
}
/* End PNG Support Hack */

/* ********* End XHTML Selectors ********* */

/* ********* Begin Class Selectors ********* */

.featureTitle {
color: #fff;
padding-top: 25px;
}

div.hr {
width: 100%;
height: 32px;
background: #000 url(img/hr.jpg) repeat-x scroll center;
}

div.hr hr {
display: none;
}

div.hrBlack {
width: 100%;
height: 2px;
background: transparent url('img/hrBlack.gif') repeat-x scroll center;
padding:5px 0px 5px 0px;
}

div.hrBlack hr {
display: none;
}

div.hrBlackShort {
width: 140px;
height: 2px;
background: transparent url('img/hrBlack.gif') repeat-x scroll center;
padding:5px 0px 5px 0px;
}

div.hrBlackShort hr {
display: none;
}

/* ********* End Class Selectors ********* */

/* ********* Begin ID Selectors ********* */

/* BEGIN HEADER */

#headerBack {
position: relative; 
width: 100%;
margin: 0 auto; 
color: #333;
background-color: inherit;
}

#headerWrapper {
position: relative; 
width: 960px; 
height: 102px;
top: 0px;
left: 0px;
margin: 0 auto; 
text-align: center; 
}

#slogan {
float: right;
width: 410px; 
height: 102px;
margin: 0 auto; 
text-align: center; 
color: inherit;
background-color: inherit;
background-image: url('img/headerSpotlight.jpg');
background-repeat: no-repeat;
}

#slogan h2{
padding: 30px 0px 4px 0px;
}

#logoImage {
position: absolute;
width: 375px;
height: 253px;
top: 0px;
left: 0px;
z-index:5;
}

#logo {
position: absolute;
width: 263px;
height: 72px;
top: 13px;
left: 220px;
z-index:10;
}

/* END HEADER */

/* BEGIN NAVIGATION */

#navbarBack {
position: relative; 
width: 100%;
margin: 0 auto; 
color: inherit;
background-color: transparent;
/*background-image: url('img/navbarBack.gif');*/
background-repeat: repeat-x;
z-index:0;
}

#navbarWrapper {
position: relative; 
width: 960px; 
height: 59px;
top: 0px;
left: 0px;
margin: 0 auto; 
text-align: right; 
}

#navcontainer {
position: absolute;
width: 550px;
height: 81px;
top: 0px;
right: 0px;
color: inherit;
background-color: inherit;
text-align: right;
}

ul.menu { 
margin:0;
padding-top:12px;
}

ul.menu li { 
display:block;
float:right;
margin-left:2em;
padding:0px 0px 0px 10px; 
text-align:left;
border-left: #adff41 2px solid; 
}

ul.menu li a { 
display:block; 
color:#ffc600;
background-color: inherit;
font-family: "Gill Sans", "Gill Sans MT", sans-serif;
font-size:1.2em;
font-weight: bold;
text-decoration:none;
line-height: 1.1em; 
}

ul.menu li a:hover { 
color:#adff41; 
}

ul.menu li span { 
color:#fff; 
background-color: inherit;
margin: 0; 
font: 10px arial; 
}

ul.menu li span:hover {
color:#999;
}

#navcontainer .menu .navActive {
color: #adff41;
background-color: inherit;
text-decoration: none;
}

ul.menu li .navActive span {
color:#999;
}


/* END NAVIGATION */

/* BEGIN FEATURE */

#featureBack {
position: relative; 
width: 100%;
margin: 0 auto; 
}

#featureWrapper {
position: relative; 
width: 960px; 
height: 170px;
top: 0px;
left: 0px;
margin: 0 auto; 
text-align: right;
}

#feature {
float: right;
width: 300px; 
height: 170px;
margin: 0px;
padding: 0px 275px 0px 0px;  
text-align: right; 
color: inherit;
background-color: inherit;
background-image: url('img/featureBack.jpg');
background-repeat: repeat-y;
}

#featurePhoto {
position: absolute;
top: 0px;
right: 0px;
}

/* END FEATURE */

/* BEGIN HOME PAGE CONTENT */

.mainBack {
position: relative; 
float: left;
width: 100%;
margin: 0 auto; 
color: inherit;
background-color: inherit;
background-image: url('img/mainBack.jpg');
background-repeat: repeat-x;
background-position: 0% 100%;
}

.mainWrapper{
position: relative; 
width: 960px; 
top: 0px;
left: 0px;
margin: 0 auto; 
text-align: left;
}

.homeCol1{
position: relative;
float: left;
left: 0px;
width: 336px;
margin-bottom:60px;
}

.homeCol1Container{
margin-top: 35px;
padding: 15px;
color: inherit;
background-color: inherit;
background-image: url('img/boxBack.gif');
background-repeat: repeat;
border: 1px solid #393939;
}

.homeCol2{
position: relative;
float: left;
left: 60px;
width: 304px;
margin-bottom:60px;
}

.homeCol2Container{
margin-top: 35px;
}

.quoteBox {
color: inherit;
padding: 30px 25px 30px 25px;
background-color: inherit;
background-image: url('img/quoteBack.jpg');
background-repeat: repeat-y;
text-align: center;
}

.quoteInnerBox, .quoteInnerBox .quoteSig{
color: inherit;
background-color: inherit;
padding:0;
font-size:.9em;
}


.quoteText{
color: #ccc;
background-color: inherit;
line-height:22px;
padding-bottom:20px;
}

.quoteSig {
text-align:right;
line-height:1.4em;
}

.homeCol3{
position: relative;
float: left;
left: 120px;
width: 198px;
margin-bottom:60px;
}

.homeCol3Container{
margin-top: 35px;
padding:15px;
color: inherit;
background-color: inherit;
background-image: url('img/boxBack.gif');
background-repeat: repeat;
border: 1px solid #393939;
}

#bookEvent {
padding-top: 35px;
}

/* END HOME PAGE CONTENT */

/* BEGIN MAIN CONTENT */


.mainCol1{
position: relative;
float: left;
left: 0px;
width: 660px;
margin-bottom:60px;
}

.mainCol1Container{
margin-top: 122px;
}

.mainCol2{
position: relative;
float: left;
left: 74px;
width: 226px;
margin-top: 50px;
margin-bottom:60px;
}

.mainCol2Container{
padding: 15px 15px 0px 15px;
color: inherit;
background-color: inherit;
background-image: url('img/boxBack.gif');
background-repeat: repeat;
border: 1px solid #393939;
margin-bottom: 25px;
}

.mainColSingle{
position: relative;
float: left;
left: 0px;
width: 960px;
margin-bottom:60px;
}

.mainColSingleContainer{
margin-top: 122px;
}

.mainColSingleContainerPhoto{
margin-top: 50px;
}

#absolutePhotos{
top: 65px;
}


#affiliates {
padding:15px 0 0 0;
text-align:center;
}

.main2Col1{
position: relative;
float: left;
left: 0px;
width: 410px;
margin-bottom:60px;
}

.main2Col1Container{
margin-top: 122px;
}

.main2Col2{
position: relative;
float: left;
left: 74px;
width: 476px;
margin-top: 122px;
margin-bottom:60px;
}

.main2Col2Container{
padding: 15px;
color: inherit;
background-color: inherit;
background-image: url('img/boxBack.gif');
background-repeat: repeat;
border: 1px solid #393939;
margin-bottom: 25px;
}

/* END MAIN CONTENT */

#flashcontent {
height:650px;
z-index:-10;
}

#linksLeft {
width:40%;
float:left;
padding-left:25px;
}

#linksRight {
width:40%;
float:right;
padding-right:25px;
}

/* BEGIN FOOTER */

#footerBack {
clear: both;
position: relative; 
width: 100%;
margin: 0 auto; 
}

#footerWrapper {
position: relative; 
width: 960px; 
height:100px;
margin: 0 auto; 
color:#aaa6a6;
background-color: inherit;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left; 
}

#footerLeft {
position: absolute;
padding: 25px 0px 0px 0px;
top: 0px;
left: 0px;
}

#footerRight {
position: absolute;
padding: 25px 0px 0px 0px;
top:0px;
right: 0px;
text-align: right;
}

a.footer {
color:#aaa6a6;
font-size: 10px;
text-decoration: none; 
font-weight: normal;
}

a.footer:hover {
color:#ffc600;
font-size: 10px;
text-decoration: underline; 
font-weight: normal;
}

/* END FOOTER */

/* border: 1px solid #096; */


/* ********* End ID Selectors ********* */