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

body { background-color: #252525; margin:0px; background-position:top; background-attachment:fixed; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-stretch: ultra-condensed; color:#FFFFFF; text-align:center; }

#background_color { background-color:#141414; height:auto; width:880px; margin-left:auto; margin-right:auto; clear:both; }

div { font-size:12px; font-family:Arial, Helvetica, sans-serifarial;}

h1 { font-size:16px; color:black; }
h2 { font-size:16px; color:black; font-weight:normal;}

#background-top{ margin:0px; background-image: url(images/background-top.jpg);width:880px; height: 285px; background-repeat:no-repeat; } 
#background-top-expand {height: auto; background-image: url(images/background-top-expand.jpg); background-repeat:repeat-y; margin-top:-1px;}
#background-top-expand2 {height: auto; background-image: url(images/background-top-expand.jpg); background-repeat:repeat-y; position:absolute; margin-top:-10px; width:880px}
#background-middle{ background-image: url(images/background-middle.jpg); width:880px; height: 204px; margin-top:-1px;}
#background-middle-expand{ background-image: url(images/background-middle-expand.jpg); background-repeat: repeat-y; width:880px; height: auto; margin-top:-1px;}
#background-bottom { background-image: url(images/background-bottom.jpg); width:880px; height: 46px; float:left;}

.left-content { margin-left:10px; float:left; width:225px; padding: 5px 0px;}
.left-content-middle { margin-left:10px; width:225px; padding: 5px 0px; float:left;}
.middle-content {margin-left:20px; float:left; width:554px; padding: 5px 0px; color:black;  position:relative;}
.middle-content2 {margin-top:-235px; margin-left:25px; float:left; width:554px; position:relative; color:black; }

.space {width:20px; float:left;}
.clearboth { clear:both; }
.main-special { margin-left:30px; margin-top: 20px; float:left; width:554px; padding: 5px 0px; color:black;  position:relative;}
p.special{font-family:Arial, Helvetica, sans-serif; color: white; font-size:1.5em; text-decoration:underline;}
.special-content{
	font-weight:bold;
	margin-top:-10px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.special-content ul{margin-top:0px;}
.special-link{ background-image: url(images/readmore-norm.png); width:89px; height:19px; margin-left:480px; margin-top:-8px; visibility:hidden;}
.slogan {background-image: url(images/main-slogan.jpg); height: 200px; margin-left:215px; margin-top:-22px;}
/*Contact Details */
.contact { margin-left:11px; margin-top:50px;}
.contact2{margin-left:11px; position:relative; }
.contact-title { background-image:url(images/label.jpg); background-position:-109px -28px; width:188px; height:41px; }
.contact-details { margin-left:13px; }
.contact-footer { background-image:url(images/label.jpg); background-position:-302px -30px; width:188px; height:41px; }
.contact-footer .quote { padding-left:60px; padding-top:11px; }
.contact-footer .quote a { font-size:15px; }

.about-us { display:block; width:470px; padding-left:45px; margin-top:20px; }
.welcome { font-size:24px; color:#FFBE00; font-weight:bold; }
.copy-right { text-align:center;  margin-top:10px; color:white; font-weight:bold; }
span#fish {color:#00FFFF; }
.created {margin-top:10px; color:black;}
a#created:link{text-decoration:underline; color:#0099FF;}
a#created:hover{color:blue;} 


/*links*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm a {
font-size:12px;
}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-left: 80px;
	margin-top: -50px;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial;}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
.left-content .topcontent { height:160px;}
.middle-content .content { padding:15px; }
.main-page-title {background-image: URL(images/label.jpg); background-position: -365px 110px; height:30px; width:210px;}
/*.main-page-sub {background-image: URL(images/label.jpg); background-position: -5px -118px; height:38px; width:238px; margin-top:56px;}
*/
.studio-page-title {background-image: URL(images/label.jpg); background-position: -365px 0px; height:27px; width:210px;}
.studio-page-sub {background-image: URL(images/label.jpg); background-position: -224px -79px; height:38px; width:118px; margin-left:100px; margin-top:63px;}
.entertainment-page-title {background-image: URL(images/label.jpg); background-position: -365px 141px; height:30px; width:210px;}
.entertainment-page-sub {background-image: URL(images/label.jpg); background-position: -1px -79px; height:38px; width:223px; margin-top:60px;}
.entertainment-profile-sub {background-image: URL(images/label.jpg); background-position: -62px -182px; height:38px; width:170px; margin-top:60px; margin-left:50px;}

#map{ height:400px; width:560px; overflow:hidden;} 
.map2{ height:400px; width:560px; margin-top:10px; margin-bottom:10px;}
.partners-type {font-size:20px; font-weight:bold; margin-top:20px; margin-left:10px; color:#FF33CC}
.partners-page-sub {background-image: URL(images/label.jpg); background-position: -1px -79px; height:38px; width:223px; margin-top:60px;}
.partners-profile-sub {background-image: URL(images/label.jpg); background-position: -233px -182px; height:38px; width:170px; margin-top:60px; margin-left:50px;}
.side-pictures {background-image: URL(images/partners/side-pictures.jpg); height:500px; width:200px; float:right; margin-left:5px; margin-top:-900px;}
.studio-pic {background-image: URL(images/studio.jpg); background-repeat:no-repeat; height:350px; width:580px; margin-bottom:10px; color:white; margin-left:-5px; font-weight:300;}
.rates {position:relative; margin-left:5px; padding-left:5px; padding-top:10px; width:560px; }

.groupphoto { float:left;  padding:10px;}
.groupphoto div { text-align:center; }
.groupphoto img {border:4px solid #005D8F;}

.entertainment-menu { border-bottom:1px solid #005D8F; margin-top:8px; }
.entertainment-menu .menu-item { border-top:1px solid #005D8F; padding:10px; width:198px;}

.profile-title {margin-left:10px; color:#666666; font-family: Impact, sans-serif; font-size: 20pt; line-height: 1.5em;	text-decoration: underline; }
.profile .subprofile {  background-repeat:repeat-y; padding: 10px 0px 10px 44px; border-bottom:2px dashed #a5a5a5; height:180px;}
.profile .subprofile img { border:2px solid #01a8df; }
.profile .subprofile .intro { float:left; width: 300px; background-color:#f4f4f4; border:2px dashed #A5A5A5; height:158px; margin-right:11px; padding:10px; width:260px;}
ol #sub-list {list-style-type:lower-roman;}

.song-list { font-size:16px; color:blue; font-weight:normal; text-decoration:underline; }

/* Personal Profile Page */
.pptitle {font-family:Georgia, "Times New Roman", Times, serif sans-serif; font-size:18pt; text-decoration:underline overline; } 
.ppphoto { float:right; margin-left:15px;}
.ppcontent { padding:5px;}
.repertoire { width:100%;}
.repertoire .artist { color:#669999; }

.name-cliff{background-image: URL(images/bandmember/name-cliff.jpg); width:269px; height:50px;}
.name-jimtay{background-image: URL(images/bandmember/name-jimtay.jpg); width:269px; height:50px;}
.name-mengsoon{background-image: URL(images/bandmember/name-mengsoon.jpg); width:269px; height:50px;}
.name-terry{background-image: URL(images/bandmember/name-terry.jpg); width:269px; height:50px;}
.name-edict{background-image: URL(images/bandmember/name-edict.jpg); width:269px; height:50px;}
.name-xiaomei{background-image: URL(images/bandmember/name-xiaomei.jpg); width:269px; height:50px;}
.name-chuuying{background-image: URL(images/bandmember/name-chuuying.jpg); width:269px; height:50px;}
.name-eugene {background-image: URL(images/bandmember/name-eugene.jpg); width:269px; height:50px;}
.name-simon {background-image: URL(images/bandmember/name-simon.jpg); width:269px; height:50px;}
.name-jesica {background-image: URL(images/bandmember/name-jesica.jpg); width:269px; height:50px;}
.name-jolin {background-image: URL(images/bandmember/name-jolin.jpg); width:269px; height:50px;}
.name-relex {background-image: URL(images/bandmember/name-relex.jpg); width:269px; height:50px;}
.name-joel {background-image: URL(images/bandmember/name-joel.jpg); width:269px; height:50px;}
.name-cassie {background-image: URL(images/bandmember/name-cassie.jpg); width:269px; height:50px;}
.name-meo {
	background-image: url(/v2/images/bandmember/name-meo.jpg);
	width:269px;
	height:50px;
}
.name-kuan {background-image: URL(images/partners/name-kuan.jpg); width:269px; height:40px;}
.button-more {background-image: URL(images/label.jpg); background-position: -1px 0; height:24px; width:90px; margin-left:175px; margin-top:75px}
a .button-more:hover {background-image: URL(images/label.jpg); background-position: -1px -24px; height:24px; width:90px; }


.profile a:hover .subprofile{ background-color:#dadde0; }
.demo-profile{height:335px; width:570px; text-align:center; margin-top:10px;}
.demo-title {font-family:Impact, sans-serif; font-size:15pt; text-align:left;}

a { text-decoration:none; font-weight:bold; font-size:11px; }
.left-content a, .left-content-middle a{color:#FFFFFF;}
a:hover { color:#103d6c; cursor:pointer;}


.bottomlinks { color:#545454; text-decoration:none; font-size:11px; text-align:right; }
.bottomlinks:hover { color:#964e00; text-decoration:none; font-size:11px; text-align:right;  }
.mainlevel_bottomlinks { color:#545454; text-decoration:none; font-size:11px; padding-right:10px; }
.mainlevel_bottomlinks:hover { color:#964e00; text-decoration:none; font-size:11px; padding-right:10px; }

#bottomlinks { float:left; text-align:left; width:560px; padding-top:12px; }



/*links end*/

#container { width:880px; margin:0 auto; text-align:left; background-color:#141414; height:96%; }
#logo { height:210px; width:880px; text-align:left; background-color:#141414; }
#content { width:634px; padding:0px; float:left; text-align:left; height:auto; padding-bottom:20px; background-color:#141414;  }
#content_container { margin-left:23px; margin-top:19px; }


/*contact content*/
td {color:black;}
#contact { width:560px; border-bottom:1px solid #4a4a4a; padding-bottom:20px; line-height:20px; text-align:left; padding-top:30px; margin-bottom:20px; float:left; }
#form_container { width:610px; text-align:left; }
#services { width:180px; height:50px; text-align:left; float:left; }
#name_container { width:180px; height:50px; text-align:left; clear:both; }
#company_container { width:180px; height:50px; text-align:left; }
#contact_details_main { display:inline; width:610px; text-align:left; clear:both; }
#email { width:180px; height:50px; text-align:left; float:left;  }
#tel { width:180px; height:50px; text-align:left; float:left;  }
#event_container { width:610px; text-align:left;  clear:both; }
#event { width:180px; height:50px; text-align:left; float:left;  }
#date { width:350px; height:50px; text-align:left; float:left;  }
#venue_container { width:610px; text-align:left; clear:both; }
#venue { width:180px; height:50px; text-align:left; float:left;  }
#location_name { width:282px; height:50px; text-align:left; float:left;  }
#enquirybox { width:610px; text-align:left;  clear:both; }
#location_name { width:282px; height:50px; text-align:left; float:left;  }
#find_container { width:610px; text-align:left; color:#b6b6b6; clear:both; }
#find { width:180px; height:50px; margin-top:10px; text-align:left; float:left;  }
#specify { width:180px; height:50px; margin-top:10px; text-align:left; float:left; }
#reply { width:610px; text-align:left; color:#b6b6b6; clear:both; }
#options { width:610px; height:20px; padding-top:20px; text-align:left;  clear:both; }

#qmark { float:left; margin-left:auto; padding-left:10px; margin-top:14px; }

/*form*/

form { display:inline; border:0px; }
table.form{ color:#666666; font-size:12px; font-weight:bold;} 
select { font-size:11px; background-color:#141414; }
INPUT.form { font:arial;  font-size:11px;  BORDER: #964e00 1px solid; HEIGHT: 21px; width:137px; } 
INPUT.form_date { font:arial;  font-size:11px; BORDER: #964e00 1px solid; HEIGHT: 21px; width:20px; } 
.submit_btn { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none; }
.submit_btn:hover { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none; }
.reset_btn { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none; background-image:url(images/reset_btn.gif); height:19px; width:52px; cursor:pointer; }
.reset_btn:hover { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none; background-image:url(images/reset_btn_on.gif); height:19px; width:52px; cursor:pointer; }
.textbox { color:#b6b6b6; background-color:#141414; BORDER: #964e00 1px solid; HEIGHT: 100px; width:280px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-stretch: ultra-condensed; line-height:20px; } 

#submit { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none;  }
#submit:hover { font:arial; color:#FFFFFF; font-size:11px; BORDER-RIGHT: #494A57 1px none; BORDER-TOP: #494A57 1px none; MARGIN: 0px; BORDER-LEFT: #494A57 1px none; BORDER-BOTTOM: #494A57 1px none; }
#venue, #eventtype, #location, #telephone, #name, #referal, #email, #other, #txtcal0, #services { background-color:white; font:arial; font-size:11px; BORDER: #964e00 1px solid; HEIGHT: 21px; width:200px; } 
#enquiry {  BORDER: #964e00 1px solid; HEIGHT: 150px; width:250px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-stretch: ultra-condensed; line-height:20px; }
#btn0 { BORDER: 0px none; background-image:url(images/calendar_icon.gif); height:18px; width:21px; cursor:pointer; margin-top:3px;vertical-align:middle;y}
#btn0:hover { BORDER: 0px none; background-image:url(images/calendar_icon_on.gif); height:18px; width:21px; cursor:pointer; margin-top:3px; }
#errorServices, #errorName, #errorTelephone, #errorDate, #errorEmail { display:none; float:left; margin-left:3px; margin-top:2px; color:red; font-weight:100;}
.disableBtn{cursor:default; background-image:url(images/submit_btn_no.gif); height:19px; width:52px;}
#submit, .enabledBtn{background-image:url(images/submit_btn.gif); cursor:pointer;  height:19px; width:52px;}
#submit:hover, .enabledBtn:hover{background-image:url(images/submit_btn_on.gif); height:19px; width:52px; cursor:pointer;}
#form_msg {font-weight:100; color:red; display:block;}
.calheader {color:black;}
.form_sucess {margin-top:10px; margin-left:25px;}
 
/*form end*/

/*contact content end*/

/*links content*/

#links_title { width:610px; border-bottom:1px solid #4a4a4a; padding-bottom:20px; line-height:20px; text-align:left; color:#b6b6b6; padding-top:30px; background-image:url(images/links_title.gif); background-repeat:no-repeat; background-position:top left; margin-bottom:20px; }

#links_title2 { width:400px; height:20px; background-image:url(images/links_title.gif); background-repeat:no-repeat; background-position:top left; }

/*links end*/