@charset "utf-8";
/* CSS Document */
/* Site Colors:
	#1c1a39 - mid purple
	#bec4f5 - lite purple
	#0d0c21 - dakr purple
	#ffe7b0 - tan
	#ffd36b - yellow
	#ffa630 - orange
	
	

*/
 body {
 margin:0 auto; 
 padding:0px; 
 background:#1c1a39;
 background-image:url(../images/top_seamless.jpg);
 background-repeat:repeat-x;}



#container { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:970px
	
}

#container_bio { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1075px
	
}


#container_bio_solo { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1500px
	}

#container1 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1250px
	
}
#container3 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1150px
	
}
#container2 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:3750px
	
}

#container4 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:775px
	
}

#container5 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1375px
	
}

#container6 { 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1175px
	
}

#container7{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1500px
	
}

#container8{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1750px
	
}


#container9{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1650px
	
}

#container_clients{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:2150px
	
}

#container10{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:2400px
	
}


#container_songs{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:500px
	
}

#container_songs2{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:700px
	
}

#container_featured{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1000px
	
}

#container_medley{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:900px
	}


#container_calander{ 
	width:890px;
	margin:0 auto;
	position:relative;
	padding:0 27px 0 27px;
	display:block;
	height:1500px
	}


.song_nav a:link {color:#ffa630; font-weight:bold;}
.song_nav a:hover {color:#ffffff; font-weight:bold;}
.song_nav a:visited {color:#ffa630; font-weight:bold;}
.song_nav a:active {color:#ffffff; font-weight:bold;}




.logo {
float:left;
position:absolute;
display:block; 
left:20px; 
top:20px; 
z-index:300;}
.moon {
	position:relative;
	top: 42px; left: 720px; right: 0; bottom: 0;
	width:158px;
	z-index:-100;
	}

#city {
	background:url(../images/seamless_skyline.png);
	background-repeat:repeat-x;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 372px;
}



#top_right {
text-align:right; 
font-family:Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#bec4f5; 
float:right; 
margin:15px 0px 0 0;
}

.numbers {
font-size:18px;
font-weight:bold;
color:#FFFFFF;}


.left_column {
position:relative;
float:left;
top:140px;
width:286px;
z-index:400;
}

.one_column {
position:relative;
float:left;
top:140px;
width:889px;
z-index:400;
}

.mp3_player {
margin:0 0 15px 0;
}

#bio {
background-color:#0d0c21;
color:#b1b8ec;
padding:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

#bio img{
border:none;
}
#bio a{
color:#b1b8ec;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
cursor:pointer;
}
#bio a:hover{
color:#b1b8ec;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
cursor:pointer;
}

.bio_text {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

.name {
font-size:19px;
color:#ffd36b;
line-height:25px;
}
.title{
color:#b1b8ec;
font-size:15px;
}

.bio_group {height:70px; vertical-align:middle; margin:0 0 7px 0;}

h3 {
text-align:center;
line-height:23px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
padding:0 0 5px 0;
}

.right_column {
position:relative;
float:right;
top:140px;
width:566px;
z-index:400;

}
.right_column2 {
position:relative;
float:right;
top:140px;
width:580px;
z-index:400;

}
.right_column3 {
position:relative;
float:right;
top:140px;
width:700px;
z-index:400;

}

.welcome {
background-image:url(../images/welcome.gif);
background-repeat:no-repeat;
background-position:top-left;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
line-height:19px;
}

.welcome2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
line-height:19px;
}

.welcome2 ul{
margin:0px 0px;
text-indent:0px;
list-style-type:decimal;
list-style-position:outside;}

.welcome2 ul ul{
margin:0px 0px;
padding:0 0 0 2px;
list-style-type:disc;
}

.bio_nav {float:right; background-color:#0d0c21; padding:8px; font-size:13px; color:#FFFFFF; text-align:right; margin:0 0px 0 10px;}
.bio_nav a:hover{color:#b1b8ec;}
.bio_nav_current {color:#b1b8ec;}

.welcome3 {
font-family:Arial, Helvetica, sans-serif;
color:#ffe7b0;
font-size:13px;
line-height:19px;
}

.welcome3 img{padding:2px;}

.welcome4 {
font-family:Arial, Helvetica, sans-serif;
color:#ffe7b0;
font-size:13px;
line-height:19px;
background-color:#000000;
padding:15px 15px;
}

.bio_big {text-transform:uppercase; color:#ffd36b;}

H1 { font-size:22px;
 line-height:22PX;
 margin:0;
 padding:0;
 color:#FFFFFF;}
 
 #up_coping {
 background-color:#0d0c21;
 color:#fcdc92;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:22px;
 padding:8px;
 float:left;
 width:566px;
 }
 
 .left {
 float:left;
 text-align:left;}
 .right { float:right;
 text-align:right;}
 

/*colors*/
.lite_purple {color:#bec4f5;}
.dark_purple {color:#0d0c21;}
.yellow {color:#ffd36b;}
.tan {color:#ffe7b0;}
.orange {color:#ffa630;}
.white {color:#FFFFFF;}


/*images*/
#flash_pic { margin:20px 25px 0 0px;  float:right; }

#footer_nav {
background-color:#0d0c21; 
padding:10px 0px; 
margin:10px 0px; 
text-align:center; 
font-size:13px; 
color:#6b68b4; 
font-family:Arial, Helvetica, sans-serif;}

#footer_nav a{
background-color:#0d0c21; 
text-align:center; 
font-size:13px; 
color:#6b68b4;}

#footer_nav a:hover{
background-color:#0d0c21; 
text-align:center; 
font-size:13px; 
color:#6b68b4;
cursor:pointer;
}

#footer_img {
background-color:#0d0c21; 
padding:10px 0px; 
margin:10px 0px; 
text-align:center; }

#footer {
background-color:#0d0c21; 
padding:10px 0px; 
margin:10px 0px;}
#footer_contain { 
width:890px;
margin:0 auto;
position:relative;
padding:0px 27px 20px 27px;}
#footer_left {
float:left;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
color:#6b68b4;
text-align:left;
width:400px;
}

#footer_right {
font-family:Arial, Helvetica, sans-serif; 
float:right; 
color:#6b68b4;
font-size:13px;
text-align:right;
width:400px;
}

#footer_right a{
font-family:Arial, Helvetica, sans-serif; 
float:right; 
color:#6b68b4;
font-size:13px;
text-align:right;
}

.balta {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#6b68b4;
}
.design{
font-family:"Times New Roman", Times, serif;
font-size:13px;
color:#6b68b4;
}

.flash_movie { width:336px; float:right;}


a:link {
	text-decoration: none;
	color: #dbdbdb; font-size:12px; line-height:16px;
}
a:visited {
	text-decoration: none;
	color: #dbdbdb; font-size:12px; line-height:16px;
}
a:hover {
	text-decoration: none;
	color: #dbdbdb; font-size:12px; line-height:16px;
}
a:active {
	text-decoration: none;
	color: #dbdbdb; font-size:12px; line-height:16px;
}







#nav-menu {
	position:relative;
	top:121px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	z-index:500;
	width:935px;
	
}

#nav-menu ul
{
list-style: none;
padding: 0 0 0 0px;
margin: 0 0 0 0;

}

#nav-menu li
{
float:left;
padding:6px 0 0 0;
margin: 0px 0px;
height:34px;
line-height:28px;
}
body.section0 #nav-menu li.home
{background-image:url(../images/nav_bg.jpg);}
body.section1 #nav-menu li.one
{background-image:url(../images/nav_bg.jpg);}
body.section2 #nav-menu li.two
{background-image:url(../images/nav_bg.jpg);}
body.section3 #nav-menu li.three
{background-image:url(../images/nav_bg.jpg);}
body.section4 #nav-menu li.four
{background-image:url(../images/nav_bg.jpg);}
body.section5 #nav-menu li.five
{background-image:url(../images/nav_bg.jpg);}
body.section6 #nav-menu li.six
{background-image:url(../images/nav_bg.jpg);}


body.section0 #nav-menu li.home a
{color:#ffffff;}
body.section1 #nav-menu li.one a
{color:#ffffff;}
body.section2 #nav-menu li.two a
{color:#ffffff;}
body.section3 #nav-menu li.three a
{color:#ffffff;}
body.section4 #nav-menu li.four a
{color:#ffffff;}
body.section5 #nav-menu li.five a
{color:#ffffff;}
body.section6 #nav-menu li.six a
{color:#ffffff;}



      
	  body.section0 #nav-menu li.home,
	  body.section1 #nav-menu li.one,
  
      body.section2 #nav-menu li.two,
  
      body.section3 #nav-menu li.three,
  
      body.section4 #nav-menu li.four,
  
      body.section5 #nav-menu li.five,
  
      body.section6 #nav-menu li.six, {background-image:url(../images/nav_bg.jpg);}
	  
	  


#nav-menu li a
{ 
line-height: 28px;
color:#ffd36b;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
display: block;
text-decoration: none;
text-align: center;
padding:0 10px 0 10px;
}

#nav-menu li a:hover
{
line-height: 28px;
height:30px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
display: block;
text-decoration: none;
text-align: center;
padding:0 10px 0 10px;
cursor:pointer;
}

#nav-menu li.space {

width: 31px;

}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */




/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 510; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 490; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 500px; background-color: #000; }