/* -------------------- body, forms, links, and fonts ------------------ */

body {
	background-image: url('../img/generic/back.gif');
	background-repeat: repeat-y;
	background-position: center;
	background-color: black;
	font-size: 11px; font-family: Verdana, MS Sans Serif;
	color: #999999;
}

input, textarea {
	color: #323F40; font-size: 9px;
	font-family: Verdana, MS Sans Serif;
	color: white; background-color: #333333;
	border-width: 1px; border-top-color: #393333; border-left-color: #393333;
	border-bottom-color: #070707; border-right-color: #070707;
}

a:link { color: #9b1725; text-decoration: none; }
a:visited { color: #9b1725; text-decoration: none; }
a:hover { color: #999999; text-decoration: underline; }
a:active { color: white; text-decoration: underline; }

a.whiteToGrey:link { text-decoration: none; color: white; }
a.whiteToGrey:hover { text-decoration: underline; color: #999999; }
a.whiteToGrey:active { text-decoration: underline; color: black }
a.whiteToGrey:visited { text-decoration: none; color: white; }

a.greyToRed:link { text-decoration: none; color: #999999; }
a.greyToRed:hover { text-decoration: underline; color: #9b1725; }
a.greyToRed:active { text-decoration: underline; color: white; }
a.greyToRed:visited { text-decoration: none; color: #999999; }

a.footerLink:link { text-decoration: none; color: #999999; padding-right: 12px; }
a.footerLink:hover { text-decoration: underline; color: white; padding-right: 12px; }
a.footerLink:active { text-decoration: underline; color: #9b1725; padding-right: 12px; }
a.footerLink:visited { color: #999999; padding-right: 12px; }

.footerLinkActive { color: white; padding-right: 12px; }

a.footerLinkSmall:link { font-size: 9px; text-decoration: none; color: #999999; padding-right: 12px; }
a.footerLinkSmall:hover { text-decoration: underline; color: white }
a.footerLinkSmall:active { text-decoration: underline; color: #9b1725 }
a.footerLinkSmall:visited { font-size: 9px; color: #999999; padding-right: 12px; }

.font13red { font-size: 13px; color: #9b1725; }
.fontRed { font-color: #9b1725; }
.boldText { font-weight: bold; }

/* ------------------------------  effects  ---------------------------- */

a.imageRoll { float:left; border: 1px solid black; }
a.imageRoll:hover { border: 1px solid #9b1725; }

/* ------------------------------  layout  ----------------------------- */

#defaultContent {
	width: 668px; overflow: auto; 
	padding: 85px 50px 20px 50px;
	background: url('../img/generic/back-top.jpg') no-repeat;
}

#mainContainer {
	left: 50%; height: 100%; top: 0px; width: 950px; 
	position: absolute; margin-left: -475px;
	background: url('../img/generic/content-back.jpg') no-repeat;
}

#topGraphicContainer {
	width: 950px; height: 211px;
	background: url('../img/generic/jay-sean-top.jpg') no-repeat;
}

#mainMenuContainer {
	width: 950px; height: 34px;
	background: url('../img/menu/back.jpg');
	background-repeat: repeat-x;
}

#contentContainer {
	width: 950px;
	background: url('../img/generic/content-back.jpg') no-repeat;
}

#bannerContainer {
	position: absolute; left: 810px; top: 268px;
	width: 120px; height: 600px;
}

#portalLinks {
	position: absolute; left: 810px; top: 890px;
	width: 120px; height: 172px;
}

#sendFriendContainer {
	float: left; width: 681px; height: 46px;
	margin-left: 31px; display: inline; 
	padding: 44px 13px 0px 13px;
	background: url('../img/generic/send-to-friend-back.gif') no-repeat;
}

/* -------------------------------  menu  ------------------------------ */

.leftMenuItem {
	float: left; width: 140px; height: 50px; 
	padding-left: 15px;
	line-height: 50px; font-size: 13px;
	background: url('../img/generic/submenu-grad-back.gif') no-repeat;
	background-position: left bottom; 
}

#menuHome a { float: left; width: 64px; height: 34px; text-decoration: none; background: url("../img/menu/home.jpg") 0 0 no-repeat; }
#menuNews a { float: left; width: 55px; height: 34px; text-decoration: none; background: url("../img/menu/news.jpg") 0 0 no-repeat; }
#menuGallery a { float: left; width: 70px; height: 34px; text-decoration: none; background: url("../img/menu/gallery.jpg") 0 0 no-repeat; }
#menuMusic a { float: left; width: 58px; height: 34px; text-decoration: none; background: url("../img/menu/music.jpg") 0 0 no-repeat; }
#menuVideo a { float: left; width: 57px; height: 34px; text-decoration: none; background: url("../img/menu/video.jpg") 0 0 no-repeat; }
#menuShop a { float: left; width: 54px; height: 34px; text-decoration: none; background: url("../img/menu/shop.jpg") 0 0 no-repeat; }
#menuVip a { float: left; width: 39px; height: 34px; text-decoration: none; background: url("../img/menu/vip.jpg") 0 0 no-repeat; }
#menuMobile a { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu/mobile.jpg") 0 0 no-repeat; }
#menuBiog a { float: left; width: 52px; height: 34px; text-decoration: none; background: url("../img/menu/biog.jpg") 0 0 no-repeat; }
#menuLive a { float: left; width: 38px; height: 34px; text-decoration: none; background: url("../img/menu/live.jpg") 0 0 no-repeat; }
#menuComp a { float: left; width: 94px; height: 34px; text-decoration: none; background: url("../img/menu/comp.jpg") 0 0 no-repeat; }
#menuContact a { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu/contact.jpg") 0 0 no-repeat; }

#menuHomeOn { float: left; width: 64px; height: 34px; text-decoration: none; background: url("../img/menu/home.jpg") 0 -34px no-repeat; }
#menuNewsOn { float: left; width: 55px; height: 34px; text-decoration: none; background: url("../img/menu/news.jpg") 0 -34px no-repeat; }
#menuGalleryOn { float: left; width: 70px; height: 34px; text-decoration: none; background: url("../img/menu/gallery.jpg") 0 -34px no-repeat; }
#menuMusicOn { float: left; width: 58px; height: 34px; text-decoration: none; background: url("../img/menu/music.jpg") 0 -34px no-repeat; }
#menuVideoOn { float: left; width: 57px; height: 34px; text-decoration: none; background: url("../img/menu/video.jpg") 0 -34px no-repeat; }
#menuShopOn { float: left; width: 54px; height: 34px; text-decoration: none; background: url("../img/menu/shop.jpg") 0 -34px no-repeat; }
#menuVipOn { float: left; width: 39px; height: 34px; text-decoration: none; background: url("../img/menu/vip.jpg") 0 -34px no-repeat; }
#menuMobileOn { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu/mobile.jpg") 0 -34px no-repeat; }
#menuBiogOn { float: left; width: 52px; height: 34px; text-decoration: none; background: url("../img/menu/biog.jpg") 0 -34px no-repeat; }
#menuLiveOn { float: left; width: 38px; height: 34px; text-decoration: none; background: url("../img/menu/live.jpg") 0 -34px no-repeat; }
#menuCompOn { float: left; width: 94px; height: 34px; text-decoration: none; background: url("../img/menu/comp.jpg") 0 -34px no-repeat; }
#menuContactOn { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu/contact.jpg") 0 -34px no-repeat; }

#menuHome a:hover, #menuNews a:hover, #menuGallery a:hover, #menuMusic a:hover, #menuVideo a:hover, #menuShop a:hover, 
#menuVip a:hover, #menuMobile a:hover, #menuBiog a:hover, #menuLive a:hover, #menuComp a:hover, #menuContact a:hover {	
	background-position: 0 -34px;
} 

#menuHome a:active, #menuNews a:active, #menuGallery a:active, #menuMusic a:active, #menuVideo a:active, #menuShop a:active, 
#menuVip a:active, #menuMobile a:active, #menuBiog a:active, #menuLive a:active, #menuComp a:active, #menuContact a:active {
	background-position: 0 0px;
}