@charset "UTF-8";
/* CSS Document */

#Table_01 {
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:0px;
	width:1000px;
	height:737px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

#main-logo {
	position:absolute;
	left:50px;
	top:0px;
	width:170px;
	height:62px;
}
#add-links {
	position:absolute;
	left:700px;
	top:75px;
	width:200px;
	height:26px;
	text-align:right;
}
#tweet_box {
	position:absolute;
	left:100px;
	top:133px;
	width:400px;
	height:30px;
	background-color:#000;
}
#navbar {
	width:800px;
	height:50px;
	overflow:inherit;
	position:absolute;
	top:116px;
	left:100px;
}
.btn-page a {
	overflow:none;
	float:left;
	width:160px;
	height:35px;
	background-color: #000000;
	color: #FFF;
	font-family: "Century Gothic";
	text-align:center;
	text-decoration:none;
	padding-top:15px;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;	
}
.btn-page a:hover {
	background-color:#000;
	display:block;
}

.btn-link a {
	overflow:none;
	float:left;
	width:160px;
	height:35px;
	background-color: #333333;
	color: #FFF;
	font-family: "Century Gothic";
	text-align:center;
	text-decoration:none;
	padding-top:15px;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;	
}
.btn-link a:hover {
	background-color:#000;
	display:block;
}

#divbg {
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:166px;
	width:780px;
	height:490px;
	background-color:#000;
	padding:10px;
	z-index:4;
}

#divsec {
	overflow:none;
	float:left;
	width:780px;
	height:490px;
	z-index:5;
	background-color:#333;
}
#thankyou {
	overflow:none;
	float:left;
	width:780px;
	height:340px;
	padding-top:150px;
	z-index:5;
	background-color:#333;
	color:#FFF;
	font-size:22px;
	font-family:"Century Gothic";
	text-align:center;
}
#slideshow {
	overflow:none;
	float:left;
	width:780px;
	height:147px;
	background-color:#000;
	z-index:3;
}

#newsdiv {
	overflow:none;
	float:right;
	width:349px;
	height:334px;
	z-index:3;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	background-color: #333;
}
#news1 {
	background-color: #333;
	width:349px;
	height:75px;
	float:left;
	overflow:none;
	z-index:3;
	border-bottom-style:solid;
	border-bottom-color:#666;
	border-bottom-width:1px;
	padding-bottom:10px;
	padding-top:10px;
}

#about-text {
	overflow:none;
	float:left;
	width:348px;
	height:314px;
	z-index:3;
	color: #FFF;
	background-color: #333333;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	font-family: "Century Gothic";
	font-style:italic;
	font-size: 12px;
	line-height:20px;
}

#building {
	overflow:none;
	float:left;
	width:350px;
	height:470px;
	z-index:3;
	color: #FFF;
	background-color: #333333;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
}
#staff {
	overflow:none;
	float:right;
	width:317px;
	height:470px;
	z-index:3;
	color: #FFF;
	background-color: #000;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
}

#artist_bg {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	padding:10px;
	z-index:6;
}
a.artist_snoop {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_snoop2.png);
	visibility:visible;
	z-index:7;}
a.artist_snoop:hover {background-position: -240px 0;}

a.artist_quik {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_quik2.png);}
a.artist_quik:hover {background-position: -240px 0;}

a.artist_fm {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_fm2.png);}
a.artist_fm:hover {background-position: -240px 0;}
a.artist_shvona {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_shvona2.png);}
a.artist_shvona:hover {background-position: -240px 0;}
a.artist_kendre {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_kendre.png);}
a.artist_kendre:hover {background-position: -240px 0; visibility:visible;}
a.artist_kanobby {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_kanobby2.png);}
a.artist_kanobby:hover {background-position: -240px 0; visibility:visible;}
a.artist_apb {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_apb2.png);}
a.artist_apb:hover {background-position: -240px 0; visibility:visible;}
a.artist_wa {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_wa2.png);}
a.artist_wa:hover {background-position: -240px 0; visibility:visible;}
a.artist_yg {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_yg2.png);}
a.artist_yg:hover {background-position: -240px 0; visibility:visible;}
a.artist_mystikal {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_mystikal2.png);}
a.artist_mystikal:hover {background-position: -240px 0; visibility:visible;}
a.artist_iza {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_iza1.png);}
a.artist_iza:hover {background-position: -240px 0; visibility:visible;}
a.artist_mali {
	overflow:none;
	float:left;
	height:225px;
	width:240px;
	background-image:url(../images/artist_mali.png);}
a.artist_mali:hover {background-position: -240px 0; visibility:visible;}


#leftblock {
	overflow:none;
	float:left;
	width:350px;
	height:470px;
	z-index:4;
	padding:10px;
}
#rightblock {
	overflow:auto;
	float:right;
	width:390px;
	height:440px;
	z-index:4;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:40px;
	font-family: "Century Gothic";
	font-size: 14px;
	color: #FFF;
}
#artist_video {
	overflow:auto;
	float:left;
	width:370px;
	z-index:4;
	padding-bottom:20px;
	padding-top:20px;
	font-family: "Century Gothic";
	font-size: 14px;
	color: #FFF;
}

#right_space {
	overflow:auto;
	float:right;
	width:400px;
	height:30px;
}

#artist_pic {
	overflow:none;
	float:left;
	height:380px;
	width:350px;
	background-color:#000;
}
#artist_links {
	overflow:none;
	float:left;
	height:80px;
	width:350px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
#artist_images {
	overflow:none;
	float:right;
	width:370px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	padding-top:30px;
	padding-bottom:20px;
}
#disco {
	overflow:none;
	float:right;
	width:380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-color: #666;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
#title1 {
	overflow:none;
	width:380px;
	height:30px;
	font-family: "Century Gothic";
	font-size: 18px;
	color: #666;
	padding-top:20px;
}
#album {
	overflow:none;
	float:left;
	width:100px;
	height:100px;
	background-color:#000;
}
#album_text {
	overflow:none;
	float:left;
	width:190px;
	height:90px;
	padding-left:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
}
#album_buy {
	overflow:none;
	float:left;
	width:70px;
	height:90px;
	padding-left:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#page_btns {
	overflow:inherit;
	position:absolute;
	left:50%;
	margin-left:-100px;
	top:687px;
	width:200px;
	height:80px;
}
.page_btn_left a {
	overflow:none;
	float:left;
	width:100px;
	height:80px;
	background-image:url(../images/arrow_btn_left3.png);
}
.page_btn_left a:hover {background-position: -100px 0;}

.page_btn_right a {
	overflow:none;
	float:right;
	width:100px;
	height:80px;
	background-image:url(../images/arrow_btn_right3.png);
}
.page_btn_right a:hover {background-position: -100px 0;}


#form1 {
	overflow:none;
	float:left;
	width:250px;
	height:35px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	font-size: 14px;
	z-index: 5;
}

#service_links {
	overflow:none;
	float:left;
	width:259px;
	height:490px;
	border-right: #666 dotted 1px;
}
.service_link a {
	overflow:none;
	float:left;
	width:239px;
	height:35px;
	color: #FFF;
	font-family: "Century Gothic";
	font-size:14px;
	text-align:left;
	text-decoration:none;
	padding-top:15px;
	padding-left:20px;
}
.service_link a:hover {
	background-color:#000;
	display:block;
	font-style:italic;
	background-image:url(../images/service_arrow.png);
}
.service_page a {
	overflow:none;
	float:left;
	width:239px;
	height:35px;
	color: #FFF;
	font-family: "Century Gothic";
	font-style:italic;
	font-size:14px;
	text-align:left;
	text-decoration:none;
	padding-top:15px;
	padding-left:20px;
	background-color:#000;
}
.service_page a:hover {
	background-color:#000;
	display:block;
	background-image:url(../images/service_arrow.png);
}

#philosophy_slide {
	overflow:none;
	float:left;
	width:760px;
	height:470px;
	padding:10px;
	font-family: "Century Gothic";
	font-size: 16px;
	color:#FFF;
	line-height:25px;
}

#service_box {
	overflow:none;
	float:left;
	width:500px;
	height:470px;
	padding:10px;
	font-family: "Century Gothic";
	font-style:italic;
	font-size: 15px;
	color:#FFF;
	background-color: #333;
}
#service_slide {
	overflow:none;
	float:left;
	width:500px;
	height:220px;
	padding-bottom:30px;
	background-color: #333;
}

a:active {color: #CCC; text-decoration:none;} 
a:visited {color: #CCC; text-decoration:none;}
a:link {color: #666; text-decoration:none;} 
a:hover {color: #FFF;}


.nametitle {
	font-size: 18px;
}

.artist_title {
	font-size: 30px;
	text-shadow: 1px 1px 1px #000;

}
.img1 {
   border:2px solid #666;
}


 /*   START POP UP   */ 
.thumbnail{
position: relative;
z-index: 0;
color:#FFF;
font-family:"Rockwell";
font-size:12px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left:65%;
top:30%;
visibility: hidden;
color: #FFF;
text-decoration: none;
z-index:10;
}

.thumbnail span img{ /*CSS for enlarged image*/
border:#FFF solid 3px;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
}
 /*   END POP UP   */ 



 /*  START DIV POP UP   */ 
.black_overlay{
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top:20%;
	left:30%;
	width:500px;
	height:470px;
	padding: 16px;
	border: 16px solid #000;
	background-color: #333;
	z-index:1002;
	overflow: auto;
	font-family: "Century Gothic";
	font-style:italic;
	font-size:16px;
	color:#FFF;
}
 /*  START DIV POP UP   */