@charset "UTF-8";
body {
	background-image: url(backg.jpg); 
    background-repeat: no-repeat;
    background-position: bottom; 
	background-color:#000000;
	text-align: center;
	overflow:scroll;
	margin-top:0;
	margin-bottom:0;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}


#mainback {
	position:relative;
	background-color: #000000;
	background-position: center;
	background-position:top;
	top:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;  
}
	


#container {
	position:relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #000000;
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}



#header {
	position:relative;
	background-position: center;
	background-position:top;
	height: 450px;
	width:900px;
	top:0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	
#menu {
	position:relative;
	background-image: url(menubar.jpg);
	height: 68px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#content {
	position:relative;
	height: 750px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#content2 {
	position:relative;
	height: auto;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}


#contenthome {
	position:relative;
	background-image: url(million.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentgary {
	position:relative;
	background-image: url(garybiog.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contenthoward {
	position:relative;
	background-image: url(howardbiog.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentmark {
	position:relative;
	background-image: url(markbiog.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentjason {
	position:relative;
	background-image: url(jasonbiog.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentrobbie {
	position:relative;
	background-image: url(robbiebiog.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentgirls {
	position:relative;
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentdates {
	position:relative;
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentcontact {
	position:relative;
	background-image: url(links.jpg);
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentauto {
	position:relative;
	height: 2000px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
}

#contentmedia {
	position:relative;
	height: 1900px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
}

#contentlinks {
	position:relative;
	background-image: url(links.jpg); 
	height: 700px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#contentgallery {
	position:relative;
	background-image: url(links.jpg);
	height: 1530px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#views {
	position:relative;
	height: auto;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#000000;
	overflow-x:hidden;
}

#footer {
	position:relative;
	background: url(footer.jpg) no-repeat;
	height: 25px;
	width:900px;
	top:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#million {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(million.jpg);
	height:299px;
	width:900px;
}

#contact {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(pray.jpg);
	height:299px;
	width:900px;
}

#galleryback {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(galleryback.jpg);
	height:600px;
	width:900px;
}


#relighting {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(datesback.jpg);
	background-repeat:no-repeat;
	height:750px;
	width:900px;
}

#relighting3 {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(datesback.jpg);
	background-repeat:no-repeat;
	height:auto;
	width:900px;
}

#relighting2 {
	position:relative;
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	height:auto;
	width:900px;
}

#biog {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(siteback.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	height:750px;
	width:900px;
}

#email {
	background-image: url(email.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 138px;
	width: 307px;
	left: 54px;
	top: 546px;
}

#postcard {
	background-image: url(postcard.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 450px;
	width: 900px;
	left: 0px;
	top: 299px;
}


#dates {
	background-image: url(tourdates.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 241px;
	width: 313px;
	left: 43px;
	top: 319px;
}

#gallery {
	position: absolute;
	height: 318px;
	width: 306px;
	left: 427px;
	top: 326px;
}



table.gigdates
{	text-align: dates;
margin-left:auto;
margin-right:auto;
font-family: Verdana;
font-weight: normal;
font-size: 12px;
color: #FFFFFF;
width: 750px;
}



a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #EABC1A;
}
a:active {
	text-decoration: none;
	color: #EABC1A;
}




h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	color: #EABC1A;
	text-align: left;
	margin-bottom:0px;
}


h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #EABC1A;
	text-align: left;
	margin-bottom:0px;
}

#images {
	position:relative;
	height: auto;
	width:660px;
	top:0px;
	float:left;
	text-align:left;
	padding:50px;
	padding: 20px 120px 0px 120px;
}




a.menulink:link {
	color: #000000;
	text-decoration: none;
	margin-left:10px;
	margin-right:10px;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
a.menulink:visited {
	text-decoration: none;
	color: #000000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:10px;
	
}
a.menulink:hover {
	text-decoration: none;
	color: #000000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:10px;
}
a.menulink:active {
	text-decoration: none;
	color: #000000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:10px;
}



.gallery2 {background-image: url(imagegallery2.png); width: 441px; height:318px;}
.gallery2 a {background-image: url(imagegallery.png); width: 441px; height:318px;}



#css_horizontal_menu{
/*specify here a width for a horizontal menu at fixed measure*/
/*1. remove the default list bullets*/
list-style:none;
/*2. method to avoid that the background of the div container collapse with floated elements*/
overflow:hidden;
/*3. in relation to the above method, for Internet Explorer 6, we need to specify a width of 100%*/
width:890px;
/*4. margin value to null – needed for Internet Explorer*/
margin:0;
/*5. a space (padding) of 1 px between the list border and its content*/
padding-left:auto;
padding-right:auto;
}

#css_horizontal_menu li{
display:inline;
}



#css_horizontal_menu a{
/*1. convert the link from inline to block element so that we can next specify width/height*/
display:block;
/*2. the float left that will align the links horizontally*/
float:left;
/*3. a fixed width for al the links*/
/*for links adaptable in width to its text content, using padding-right without the width*/
/* width:120px;*/

padding-right:20px;

/*4. the height*/
height:68px;
/*5. an empty space to the left of each link*/
margin-left:0px;
/*6. and a left space (padding) between the border and the text link*/
padding-left:20px;
/*7. background color of the links*/
/* background-color:#F0F7F7;*/
/*8. a left border of 10px*/
/* border-left:10px solid #C7E2E2;*/
/*9. the font family*/
font-family:arial;
/*10. the font size*/
font-size:22px;
/*11. convert the font to capital letter*/
/* text-transform:uppercase;
/*12. remove the text underline added by default to the links*/
text-decoration:none;
/*13. the color of the text links*/
color:#000000;
/*14. vertical align of the text link (value equal to the height)*/
line-height:68px;
}


#css_horizontal_menu a:hover{
/*1. change of background color*/
background-color:#F9EBB6;
/*2. change of the left border color*/
/*border-left:10px solid #CCCCCC;
/*3. change the color of the text link*/
color:#000000;
}

#css_horizontal_menu a:active{
/*1. change of background color*/
background-color:#F9EBB6;
/*2. change of the left border color*/
/*border-left:10px solid #CCCCCC;
/*3. change the color of the text link*/
color:#000000;
}

#css_horizontal_menu a.first{
margin-left:0;
}