/* CSS Document */
a { outline: none; }
a img { border: none; }
img{ border:none}
a{ text-decoration:none}
/* END RESET */
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatleftimg{
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 3px;
}
.floatright { float: right; }
.floatrightimg {
	float: right;
	margin-left: 10px;
}
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	text-align:center;
	font-size:62.5%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#898989;	
	background:#03173c url(../images/body-bg.jpg) top repeat-x; /*021131*/
	
}
#container{
	width:985px;
	text-align:left;
	margin:0px auto;
	background:url(../images/main-bg.jpg) repeat-y;
}	

/*nav styling*/


#nav {
	width:985px;
	height:59px;
	background:#000000 url(../images/nav-bg.png) no-repeat;
	font-family:"TwCenMT",georgia;
	margin:0 auto;
	text-align:center;
}

#nav ul li{
	float:left;	
}
#nav ul li a{
	padding:0 30px;
	float:left;
	color:#ffffff;
	font-size:13px;
	display:block;
	height:59px;
	line-height:59px;
	text-align:center;	
}

#nav ul li a:hover{
	background:url(../images/mover.png) center no-repeat;
	color:#000000;
	text-align:center;
	
}

#nav .home a:hover{
	background:url(../images/mover.gif) center no-repeat;
}
#nav .music a:hover{
	background:url(../images/mover.gif) center no-repeat;
	
}
#nav .news a:hover{
	background:url(../images/mover.gif) center no-repeat;
}
#nav .links a:hover{
	background:url(../images/mover.gif) center no-repeat;
}
#nav .photos a:hover{
	background:url(../images/mover.gif) center no-repeat;
}
#nav .bio a:hover{
	background:url(../images/mover-bio.gif) center no-repeat;
}
#nav .band a:hover{
	background:url(../images/mover-band.gif) center no-repeat;
}
#nav .contact a:hover{
	background:url(../images/mover-bio.gif) center no-repeat;
}

/*content styling*/

#content {
	
	position:relative;
	min-height:450px; /*900*/
	height:auto !important;
	height:900px; 
	width:985px;
	margin:0 auto;
	z-index:2000;
}

.logo {
	position:absolute;
	left:18px;
	top:50px;
	width:346px;
	height:350px;
	background:url(../images/logo.png) no-repeat;

}
.mymusic{
	position:absolute;
	left: 310px;
	top:87px;
	width:419px;
	height:46px;
	background:url(../images/music-bg.png) no-repeat;	
}

.music-new{
	position:absolute;
	top:353px;
	right:70px;
	width:419px;
	height:46px;
	background:url(../images/music-bg.png) no-repeat;
	
}
.photobg{
	position:absolute;
	top:40px;
	/*right:0px;*/
	left:780px;
	width:346px;
	height:350px;
	background: url(../images/image-bg.png) no-repeat;	
}



#right-content .img{
	float:right;	
	/*position:absolute;
	top:80px;
	right:80px;*/
	
}
.text-block img{
	float:right; 
	margin:0 0 0 20px;
}
.text-block{
	position:absolute;
	position:relative;
	width:593px;
	left:381px;
	top:90px;
	text-align:justify;	
	height:auto;
	padding-bottom:100px;
}

.text-block A{
	color:yellow;
}

#right-content h1{
	color:#e5edff;
	font-size:24px;
	font-style:italic;
	font-weight:lighter;
	padding-bottom:20px;	
}

#right-content h1 span{
	padding-left:65px;
}	

#right-content h2, h3{
	color:#e5edff;
	font-size:20px;
	font-weight:lighter;
	padding-bottom:20px;	
}

#right-content h4{
	text-decoration:underline;
	color:#e5edff;
	font-size:20px;
	font-weight:lighter;
	padding-bottom:20px;	
}

#right-content p{
	
	font-size:12px;
	line-height:18px;
	padding-bottom:25px;
	color:#9fc1ff;
	
}	


/*bottom-content styling*/


.bottom-content-container{
	border-top:1px solid #153c84;
	background:#05193a url(../images/main-bg.png) repeat-y center;
	height:178px;
}


#bottom-content{
	clear:both;
	background:#05193a ;	
	height:157px;	
	border-bottom:1px solid #153c84;

	
}

#bottom-inside{
	position:relative;
	height:157px;	
	background:url(../images/village.jpg) no-repeat  20px bottom ;
	text-align:left;
	width:985px;
	margin:0 auto;	
	
}

#left{
	position:absolute;
	width:350px;
	left:104px;
	top:46px;
}
#left p{
	color:#637caa;
	font-size:14px;
	
}
#right{
	position:absolute;
	left:381px;
	top:16px;
}
#right h2{
	color:#dbe6fd;
	font-size:18px;	
	font-style:italic;
	font-weight:lighter;
	padding-bottom:10px;
}
#right p{
	color:#9fc1ff;
	font-size:12px;
	padding-bottom:10px;
	padding-right:50px;
	white-space:inherit;
	text-align:justify;
}
#right p.white{
	color:#fff;
	font-style:italic;
	padding-left:220px;
	text-align:right;
}

#right p.white span{
	text-align:left;
}

/*footer styling*/

#footer-container{
	height:70px;
	background:transparent; /*000000*/
}

#footer{

	margin:0 auto;
	width:985px;
}
#footer p{
	font-size:15px;
	text-align:right;
	padding-top:15px;
	margin-right:50px;
}