/*
-----------------------------------------------
Style Sheet

Site: Ultimate Kylie Tribute
Author:   Mark Lea    www.marklea.com
----------------------------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

body {
	font: small "Helvetica Neue", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #e6e6e6;
        background-color: #000;
        background-image: url(../img/body_bg.gif);
        background-repeat: repeat-x; }

p {
        line-height: 150%;
 }

img {
        border: none; }

/*------------link states --------------*/ 
 
a:link {
        color: #fff;
        text-decoration: none; } 

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

a:hover {
        color: #fff;
        text-decoration: none;}

a:active {
        color: #fff;
        text-decoration: none;}

/*------------headings --------------*/ 

h1 {        
        height: 122px;
        background-repeat: no-repeat;
        background-image: url(../img/branding.jpg); 
        background-position: center top;
	text-indent: -9000px; }


h1 a{        
	text-indent: -9000px;
 	display: block;
	height: 100px;
        background-repeat: no-repeat;
        background-image: url(../img/branding.jpg); 
        background-position: center top;  }


h2 {
        padding-bottom: 10px;
	font-weight:normal; 
        font-size: 145%;
        text-transform: uppercase;
        margin-bottom: 20px; }



h3 {
         color: #fceadb; 
        padding-bottom: 10px;
	font-weight:normal; 
        font-size: 120%;
        text-transform: uppercase; }

h4 {}

h5{}

h6{}


/*------------classes --------------*/

.quote{
        font-size: 120%;  
        color: #FAEBEB; 
        text-align: left;
        text-indent: 15px; }
 
.first{
         color: #fceadb;
        font-size: 120%;  
        text-align: left;
 } 

.img_floatright {
        float: right;
        margin: 5px 0px 20px 20px;

}

.img_floatleft {
        float: left;
        margin: 5px 20px 10px 0;
 }

/*------------masthead --------------*/ 

#masthead {
        height: 122px;
}

#masthead_alternate {
        height: 163px;
        background-repeat: no-repeat;
        background-image: url(../img/branding_alternate1.jpg);
        background-position: center top; }


/*------------containers --------------*/ 


#container {
	width: 700px;
	position: relative; 
	left: 50%;
	margin-left: -350px;
        font-size: 90%;
        background-color: #000;
        background-image: url(../img/container_bg.jpg);
        background-repeat: no-repeat;}

#innerwrap {
 }

#innercontainer {
        background-image: url(../img/footer3.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
}


#content-theshow {
        padding: 0 35px 40px 30px;
        background-color: #000;
        float: left;
        width: 635px;
        text-align: center; }

#content-theshow .list {
	font-size: 110%;
        text-align: left; }

/*------------image replaced headings --------------*/ 

#content-theshow h2{
        background-image: url(../img/h2_show.gif); 
        background-repeat: no-repeat;
        text-indent: -9000px;

        background-position: center;
        color: #fff; }
 

#songs {
}

#songs h2{
        background-image: url(../img/the_songs_3.jpg); 
        background-repeat: no-repeat;
        text-indent: -9000px;
        height: 79px; }

#clients {
 }

#clients h2{
        background-image: url(../img/the_clients_1.jpg); 
        background-repeat: no-repeat;
        text-indent: -9000px;
        height: 79px;}

#ultimate_kylie {}

#ultimate_kylie h2{
        background-image: url(../img/ultimate_kylie.jpg); 
        background-repeat: no-repeat;
        text-indent: -9000px;
        height: 98px; }


/*------------various divs --------------*/ 

#content-mainphoto {
        height: 250px;
        background-image: url(../img/main_photo1.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-bottom: 20px; }

#content-mainphoto_alt {
        height: 238px;
        background-image: url(../img/main_photo.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-bottom: 10px; }

#content-slideshow {
        padding-left: 60px;
        margin-top: 10px;
}

#content-slideshow p{
        padding: 10px 0 0 25px;


}

#pad {
        height: 60px;}

/*------------index columns --------------*/ 

#content-column1{
        float: left;
        width: 25%;
        height: 200px;}

#content-column2{
        float: left;
        width: 25%;
        height: 200px;}

#content-column3{
        float: left;
        width: 25%;
        height: 200px; }

#content-column4{
        float: left;
        width: 25%;
        height: 200px; }

/*------------ index navigation --------------*/ 

.nav_btn {
	background: url(../img/nav_button.jpg);
	width:109px;
	height:168px;
	overflow:hidden;
        position: relative;
        margin-left: 42px;
}

.nav_btn h2 {
        position: relative;
        top:125px;
        font-size: 105%;
        text-transform: uppercase;
        color: #fff;
        background-image: none;
        text-align: center;
        font-weight: normal; }

.nav_btn h2 a {
        color: #fff; }

.nav_btn h2 a:hover {
         color: #78001d;   }

#nav_home{
	background: url(../img/nav-home.jpg);
	width:109px;
	height:111px;
	float:left;
}

#nav_about{
	background: url(../img/nav-about.jpg);
	width:109px;
	height:111px;
	float:left;
}

#nav_gallery {
	background: url(../img/nav-gallery.jpg);
	width:109px;
	height:111px;
	float:left;
}

#nav_contact {
	background: url(../img/nav-contact.jpg);
	width:109px;
	height:111px;
	float:left;
}

/*------------ NAVBAR --------------*/ 

#navbar {

         width: 100%; 
         font-size: 120%;
         text-transform: uppercase;
         height: 80px;
        float: left; }

#navbar ul {
	   height: 40px;
	   margin: 0;
	   padding: 0 0 0 132px;
	   list-style-type: none;
		}

#navbar ul li {
	   float: left;
	   margin: 0;
           display: block;
           border: none;
           padding-top: 20px;
           padding-left: 15px;
           padding-bottom: 45px;
           padding-right: 15px;
}


#navbar ul li a {
          text-decoration: none;
         padding-bottom: 10px;
         color: #fff; }

#navbar ul li a:hover {

          text-decoration: none;
         padding-bottom: 10px;
         color: #78001d;  
         background-image: url(../img/hover.gif);
         background-repeat: no-repeat;
         background-position: center bottom;}

#navbar ul li  a.current{
         color: #78001d; 
         background-image: url(../img/hover.gif);
         background-repeat: no-repeat;
         background-position: center bottom;
}

#navbar ul li a span {

	}

/*------------left content --------------*/ 

#contentleft{
        float: left;
	width: 295px;
        padding: 0px 15px 0 30px;
 }

#contentleft p{
        padding: 0 0 1em 0;
        line-height: 170%;

 }

#contentleft_wide{
        float: left;
	width: 405px;
        padding: 0px 25px 0 50px;
 }

#contentleft_wide p{
        padding: 1em 0 1em 0; 
        line-height: 170%;
        text-align: justify; }

/*------------right content --------------*/ 

#contentright_narrow{
        float: right;
	width:150px;
        padding: 0px 20px 0 0;
}

#contentright_narrow img{
	border: 1px #191919 dashed; }

#contentright{
        float: right;
	width: 295px;
        padding: 0px 35px 0 10px;
}


/*------------ footer --------------*/ 

#footer {
	clear: both;
        padding: 10px 0 5px 15px;
        height: 60px;
}

#footer p {
        padding: 22px 0 3px 10px;
        color: #8d8883;
        font-size: 80%;
        float: left; 
 }

#footer img {
        float: left;
        padding:14px 5px 0 0;
        border: none; }

/*------------ sidebar sections --------------*/ 

.section {
	clear: both; 
	padding-top: 1.5em; 
	border-bottom: 3px #191919 double;
}


.section h3 {
	margin: 0; 
	letter-spacing: -1px;
        font-size: 120%;
        padding-bottom: 5px;
        font-weight: normal;
        text-align: right;
 }
 
/* The padding and margin here offset each other, allowing padding for a:hover without affecting the h3 positioning */
.section h3 a {
	margin: -1px -3px; 
	padding: 1px 3px; 
	text-decoration: none;
}

.section h3 a:hover {
         color: #78001d;  }

.section p {
        font-size: 95%; 
	margin-bottom: 2em; 
	color: #fff;
        text-align: right; 
 }

.section_pic {
	float: left;
        width: 116px; 
	height: 74px; 
	text-indent: -9000px;
        margin-bottom: 1em;
        padding-right: 5px; }

#hpic1 {
	background: #000000 url(../img/the_show_1.jpg) no-repeat center;
}

#hpic2 {
	background: #000000 url(../img/the_songs_1.jpg) no-repeat center;
}

#hpic3 {
	background: #000000 url(../img/logos_1.jpg) no-repeat center;
}

#hpic4 {
	background: #000000 url(../img/jukebox.jpg) no-repeat center;
}
/*------------ LISTS --------------*/ 
.list {
	margin: 0;
	padding: 0 ;
        text-align: center; }

.list {
	margin: 0;
	padding: 0 ;
        text-align: center; }


.list strong {
	color: #FFF;
}

.list ul {
	 padding: 0 0 0 0;
         margin: 10px 0 0 0; }

.list li {
	font-size: 90%;
	list-style: none;
	line-height: 20px;
        margin: 0em;
	padding: 0; }



.list img {
	vertical-align: middle;
}

.list h2 {
         font-size: 110%;
	 color: #580515;
	 line-height: 150%;
         text-transform: uppercase;
         border-bottom: 1px #bdbcb7 solid;
         margin: 0;
         padding:10px 0 0 0;
}








/*---------Contact Page---------- */
#form{
	padding-left: 0px;
        padding-bottom: 20px;
}

#form p{
padding-left: 0px;
        font-size: 90%; }