﻿HTML{font-family: Century Gothic; font-size:12px; color:#423e35}
Body{background-color:#434343}
A{color:#423e35; text-decoration:none;}
A:Hover{text-decoration:underline;}
.MainContainer{width:1024px; min-height:686px; margin: 0 auto; position:relative;top:0px; border:10px solid #CCCCCC;}
HR{border-top: 3px dotted #CCCCCC; margin-top: 5px;margin-bottom: 5px;}
.clear{clear:both;}
.scroll-pane A{color:blue; text-decoration:none;}
.scroll-pane A:Hover{text-decoration:underline;}

/*################################################
   HEADER NAV START
##################################################*/
.MainContainer .nav{width:1024px; height:84px;position:absolute; text-align:center; top:0px;left:0px;}
.MainContainer .nav A{width:125px; height:45px; position:absolute; display:block;top: 20px;}

.MainContainer .nav .MyStreet{background:url(../images/MyStreet_link.png) no-repeat top left;left:40px; }
.MainContainer .nav .MyStreet:Hover, .MainContainer .nav .MyStreetOver{background:url(../images/MyStreet_link_rollover.png) no-repeat top left;}

.MainContainer .nav .MyPlace{background:url(../images/MyPlace_link.png) no-repeat top left; left:180px;}
.MainContainer .nav .MyPlace:Hover, .MainContainer .nav .MyPlaceOver{background:url(../images/MyPlace_link_rollover.png) no-repeat top left;}

.MainContainer .nav .MusicRoom{background:url(../images/MusicRoom_link.png) no-repeat top left; left:320px;}
.MainContainer .nav .MusicRoom:Hover, .MainContainer .nav .MusicRoomOver{background:url(../images/MusicRoom_link_rollover.png) no-repeat top left;}

.MainContainer .nav .OutAndAbout{background:url(../images/OutandAbout_link.png) no-repeat top left; left:460px;}
.MainContainer .nav .OutAndAbout:Hover, .MainContainer .nav .OutAndAboutOver{background:url(../images/OutandAbout_link_rollover.png) no-repeat top left;}

.MainContainer .nav .SecretGarden{background:url(../images/SecretGarden_link.png) no-repeat top left; left:600px;}
.MainContainer .nav .SecretGarden:Hover, .MainContainer .nav .SecretGardenOver{background:url(../images/SecretGarden_link_rollover.png) no-repeat top left;}

.MainContainer .nav .ReadingRoom{background:url(../images/ReadingRoom_link.png) no-repeat top left; left:740px;}
.MainContainer .nav .ReadingRoom:Hover, .MainContainer .nav .ReadingRoomOver{background:url(../images/ReadingRoom_link_rollover.png) no-repeat top left;}

.MainContainer .nav .LetterBox{background:url(../images/LetterBox_link.png) no-repeat top left; left:880px;}
.MainContainer .nav .LetterBox:Hover, .MainContainer .nav .LetterBoxOver{background:url(../images/LetterBox_link_rollover.png) no-repeat top left;}

/*################################################
   HEADER NAV END
##################################################*/



/*################################################
   MAIN CONTENT START
##################################################*/
.MainContainer .MainContent{width:1024px; min-height:686px; position:absolute; top:0px; left:0px;}

/*#######################
   MyPlace CONTENT START
#######################*/
.MainContainer .MainContent .MyPlaceContainer{background:url(../images/Page_MyPlace.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .MyPlaceContainer .content{position:absolute;left:690px;top:140px;}


.MainContainer .MainContent .MyPlaceContainer .NavLinks A{color:Black; font-weight:bold; font-size:13px; text-decoration:none; color:#423e35;}
.MainContainer .MainContent .MyPlaceContainer .NavLinks A:Hover{text-decoration:underline;}
.MainContainer .MainContent .MyPlaceContainer .NavLinks .ReadingRoomBubble{position:absolute; display:block; top:52px; left:429px}
.MainContainer .MainContent .MyPlaceContainer .NavLinks .SecretGardenBubble{position:absolute; display:block; top:115px; left:547px}
.MainContainer .MainContent .MyPlaceContainer .NavLinks .MusicRoomBubble{position:absolute; display:block; top:193px; left:140px}
.MainContainer .MainContent .MyPlaceContainer .NavLinks .LetterBoxBubble{position:absolute; display:block; top:281px; left:40px}
.MainContainer .MainContent .MyPlaceContainer .NavLinks .OutAndAboutBubble{position:absolute; display:block; top:497px; left:37px}
.MainContainer .MainContent .MyPlaceContainer .NewsItems .NewsItem {display:block; padding:0 0 20px 0;}
.MainContainer .MainContent .MyPlaceContainer .NewsItems .readmore, .MainContainer .MainContent .MyPlaceContainer .NewsItems .collapse{float:right; cursor:pointer; color:Blue; font-size:12px; position:relative; top:-2px;}
.MainContainer .MainContent .SecretGardenContainer .MoreAboutMeContent .collapse{float:right; cursor:pointer; color:Blue; font-size:12px;}
.MainContainer .MainContent .SecretGardenContainer .MoreAboutMeContent .readmore{float:right; cursor:pointer; color:Blue; font-size:12px; position:relative; top:-30px;}
.MainContainer .MainContent .SecretGardenContainer .AchievementsContent .collapse{float:right; cursor:pointer; color:Blue; font-size:12px;}
.MainContainer .MainContent .SecretGardenContainer .AchievementsContent .readmore{float:right; cursor:pointer; color:Blue; font-size:12px; position:relative; top:-30px;}


/*#######################
   MyPlace CONTENT END
#######################*/



/*#######################
   MyStreet CONTENT START
#######################*/
.MainContainer .MainContent .MyStreetContainer{background:url(../images/Page_MyStreet.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .MyStreetContainer A.Enter{position:absolute; display:block; top:523px; left:408px; font-size:15px; font-weight:bold;}

.MainContainer .MainContent .MyStreetContainer .content{position:absolute;left:530px;top:140px;}
/*#######################
   MyStreet CONTENT END
#######################*/



/*#######################
   MusicRoom CONTENT START
#######################*/
.MainContainer .MainContent .MusicRoomContainer{background:url(../images/Page_MusicRoom.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .MusicRoomContainer .content{position:absolute;left:530px;top:140px;}
.MainContainer .MainContent .MusicRoomContainer .content a.copyright{background:url(../images/copyright-link.jpg) no-repeat top left;display:block; width:16px; height:74px; position:absolute;left:221px;top:40px;}

.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane #flashPlayer{float:left;padding:10px 50px 0 10px;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .albumcover{float:left; text-align:center; margin:10px 0 0 0;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .trackdetails{display:block; margin:10px 0 0 0; width:440px; height:220px;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .trackdetails .tracklist{width:210px;display:block;padding:0 0px 0 0;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .trackdetails .tracklist span.title{cursor:pointer;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .trackdetails .trackdescription{width:200px; border:1px solid #CCCCCC; display:none; float:right;padding:5px;position:absolute; left:215px; top:315px;}
.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane .order{display:block; position:absolute; left:297px; top:362px; cursor:pointer;}

.MainContainer .MainContent .MusicRoomContainer .content .scroll-pane table.paypalcontent
{
    position:absolute;
    top:188px;
    left:252px;
}

table.paypalcontent select
{
    font-size:10px;
}


.MusicRoomDetails{background:#FFF; width:550px; height:420px;margin:0px auto; margin-top:20px;}
.MusicRoomDetails .closeicon{display:block; position:absolute; top:0px; left:570px; cursor:pointer;}
.MusicRoomDetails .order{display:block; position:absolute; top:350px; left:440px; cursor:pointer;}
.MusicRoomDetails .tracklist{width:210px;display:block;padding:0 0px 0 0; line-height:2em; cursor:pointer;}
.MusicRoomDetails .trackdescription{height:250px;width:250px; border:1px solid #CCCCCC; float:right;padding:10px;position:absolute; left:315px; top:40px; display:none; cursor:none;}
.MusicRoomDetails .intro{height:250px;width:250px; border:1px solid #CCCCCC; float:right;padding:10px;position:absolute; left:315px; top:40px;}
.MusicRoomDetails table.paypalcontent
{
    position:absolute;
    top:340px;
    left:376px;
}
/*#######################
   MusicRoom CONTENT END
#######################*/


/*#######################
   OutAndAbout CONTENT START
#######################*/
.MainContainer .MainContent .OutAndAboutContainer{background:url(../images/Page_OutAndAbout.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .OutAndAboutContainer .content{position:absolute;left:50px;top:140px;}
/*#######################
   OutAndAbout CONTENT END
#######################*/


/*#######################
   SecretGarden CONTENT START
#######################*/
.MainContainer .MainContent .SecretGardenContainer{background:url(../images/Page_SecretGarden.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .SecretGardenContainer .content{position:absolute;left:50px;top:140px;}
.MainContainer .MainContent .SecretGardenContainer .content .scroll-pane .MoreAboutMeContent span.question{font-weight:bold;}

.MainContainer .MainContent .SecretGardenContainer .content .linkMoreAboutMe{margin:0 40px 0 0;}
.MainContainer .MainContent .SecretGardenContainer .content .AchievementsContent{display:none;}


.MainContainer .MainContent .SecretGardenContainer .content .tabMoreAboutMe{background:url(../images/MoreAboutMe.png) no-repeat top left;width:125px; height:35px; display:block; float:left; margin:0 40px 0 0;}
.MainContainer .MainContent .SecretGardenContainer .content .tabMoreAboutMe:Hover, .MainContainer .MainContent .SecretGardenContainer .content .tabMoreAboutMeOver{background:url(../images/MoreAboutMe_rollover.png) no-repeat top left;width:125px; height:35px; display:block; float:left;}

.MainContainer .MainContent .SecretGardenContainer .content .tabAchievements{background:url(../images/Achievements.png) no-repeat top left;width:125px; height:35px; display:block; position:absolute; left:120px;}
.MainContainer .MainContent .SecretGardenContainer .content .tabAchievements:Hover, .MainContainer .MainContent .SecretGardenContainer .content .tabAchievementsOver{background:url(../images/Achievements_rollover.png) no-repeat top left;width:125px; height:35px; display:block;}
/*#######################
   SecretGarden CONTENT END
#######################*/

/*#######################
   ReadingRoom CONTENT START
#######################*/
.MainContainer .MainContent .ReadingRoomContainer{background:url(../images/Page_ReadingRoom.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .ReadingRoomContainer .content{position:absolute;left:530px;top:140px;}
.MainContainer .MainContent .ReadingRoomContainer .content .linkTestimonial{padding:0 30px 20px 0;}
.MainContainer .MainContent .ReadingRoomContainer .content .ReviewsContent{display:none;}


.MainContainer .MainContent .ReadingRoomContainer .content .tabTestimonials{background:url(../images/Testimonials.png) no-repeat top left;width:125px; height:35px; display:block; float:left;}
.MainContainer .MainContent .ReadingRoomContainer .content .tabTestimonials:Hover, .MainContainer .MainContent .ReadingRoomContainer .content .tabTestimonialsOver{background:url(../images/Testimonials_rollover.png) no-repeat top left;width:125px; height:35px; display:block; float:left;}

.MainContainer .MainContent .ReadingRoomContainer .content .tabReviews{background:url(../images/Reviews.png) no-repeat top left;width:125px; height:35px; display:block; position:absolute; left:120px;}
.MainContainer .MainContent .ReadingRoomContainer .content .tabReviews:Hover, .MainContainer .MainContent .ReadingRoomContainer .content .tabReviewsOver{background:url(../images/Reviews_rollover.png) no-repeat top left;width:125px; height:35px; display:block;}

.MainContainer .nav .MyPlace{background:url(../images/MyPlace_link.png) no-repeat top left; left:180px;}
.MainContainer .nav .MyPlace:Hover, .MainContainer .nav .MyPlaceOver{background:url(../images/MyPlace_link_rollover.png) no-repeat top left;}

.MainContainer .MainContent .ReadingRoomContainer .content .TestimonialContent .quote{color:#000;}
.MainContainer .MainContent .ReadingRoomContainer .content .TestimonialContent .author{font-style:italic; font-size:11px;}


/*#######################
   ReadingRoom CONTENT END
#######################*/

/*#######################
   LetterBox CONTENT START
#######################*/
.MainContainer .MainContent .LetterBoxContainer{background:url(../images/Page_LetterBox.jpg) no-repeat top left;width:1024px; min-height:686px;}
.MainContainer .MainContent .LetterBoxContainer .content{position:absolute;left:540px;top:140px;}
.MainContainer .MainContent .LetterBoxContainer .content .scroll-pane div.form tr{ padding:0 0 5px 0}
.MainContainer .MainContent .LetterBoxContainer .content .scroll-pane div.form td.label{width:120px;}
.MainContainer .MainContent .LetterBoxContainer .content .scroll-pane div.form input{width:300px; font-family:Century Gothic;font-size:12px; font-weight:bold;}
.MainContainer .MainContent .LetterBoxContainer .content .scroll-pane div.form input.submit{width:60px;font-weight:bold; cursor:pointer;}
.MainContainer .MainContent .LetterBoxContainer .content .scroll-pane div.form textarea{width:300px; height:60px;font-family:Century Gothic;font-size:12px; font-weight:bold;}


/*#######################
   LetterBox CONTENT END
#######################*/


/*################################################
   MAIN CONTENT END
#################################################*/


/*##############################################
    FOOTER START 
###############################################*/
.MainContainer .footer{width:1024px; height:84px;position:absolute; text-align:center; top:600px;left:0px;}

.MainContainer .footer A{width:125px; height:45px; position:absolute; display:block;top: 25px;}

.MainContainer .footer .promo .BrightOutlook{background:url(../images/Advertisement.png) no-repeat top left;width:210px; height:70px; position:absolute; display:block;top: 10px; left:40px;}
.MainContainer .footer .promo .BrightOutlook:Hover, .MainContainer .footer .promo .BrightOutlookOver{background:url(../images/Advertisement_rollover.png) no-repeat top left;}

.MainContainer .footer .Facebook{background:url(../images/Facebook_link.png) no-repeat top left; left:350px;}
.MainContainer .footer .Facebook:Hover, .MainContainer .footer .FacebookOver{background:url(../images/Facebook_link_rollover.png) no-repeat top left;}

.MainContainer .footer .MySpace{background:url(../images/MySpace_link.png) no-repeat top left; left:530px;}
.MainContainer .footer .MySpace:Hover, .MainContainer .footer .MySpaceOver{background:url(../images/MySpace_link_rollover.png) no-repeat top left;}

.MainContainer .footer .Twitter{background:url(../images/Twitter_link.png) no-repeat top left; left:700px;}
.MainContainer .footer .Twitter:Hover, .MainContainer .footer .TwitterOver{background:url(../images/Twitter_link_rollover.png) no-repeat top left;}

.MainContainer .footer .YouTube{background:url(../images/YouTube_link.png) no-repeat top left; left:850px;}
.MainContainer .footer .YouTube:Hover, .MainContainer .footer .YouTubeOver{background:url(../images/YouTube_link_rollover.png) no-repeat top left;}

.MainContainer .footer .copyright{left:492px; top:70px; color:#6a6a6a; font-size:11px;}
.MainContainer .footer .acknowledgements{left:394px; top:70px; color:#6a6a6a; font-size:11px;}

/*##############################################
    FOOTER END
###############################################*/



/*##############################################
    SCROLL PANE START
###############################################*/
.scroll-pane 
{
	margin:0 0 0 0px;
	padding: 0 5px 0px 0;
	width: 445px;
	height:410px;
	overflow: auto;
	float: left;
	font-size:13px;
	border:0px solid #fff;
}

.scroll-pane H1
{
	font-size:14px;
	margin:0 0 0 0 ;
}
.scroll-pane H2
{
	font-size:12px;
}
.scroll-pane H3
{
	font-size:13px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color:#FFF;
	background: url(../images/scollpane-tracking-bg.jpg) repeat-y 0px 0px;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #000;
	width:1px;
	height:100%;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/scollpane-grab-bar.jpg) repeat-y 0px 0px;
	
}


a.jScrollArrowUp {
	background: url(../images/scollpane-arrow-up.jpg) no-repeat 0 -2px;
}
a.jScrollArrowDown {
	background: url(../images/scollpane-arrow-down.jpg) no-repeat 0 -4px;
	
}



.holder {
	float: left;
	margin: 10px;
}



.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 500px;
}

#pane1 {
}
#pane2 {
	
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}



/*#########################*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}


.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width:1px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width:1px;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 15px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#pscroller1{
width:160px; 
height:53px;
border: 0px solid black;
padding: 0px;
}

#pscroller1 a{
text-decoration: none;
}

#pscroller2{
width:160px; 
height:53px;
border: 0px solid black;
padding: 0px;
}

#pscroller2 a{
text-decoration: none;
}

/*##############################################
    SCROLL PANE END
###############################################*/
.borderRed{border:1px solid red;}
.borderBlack{border:1px solid #000;}

#ctl00_BodyContent_chkUpdates{width:20px;display:block; padding:none; margin:none; float:left;}

.CopyRightsDetails{background:#FFF; width:550px; height:420px;margin:0px auto; margin-top:20px;}
.CopyRightsDetails .closeicon{display:block; position:absolute; top:0px; left:570px; cursor:pointer;}
.CopyRightsDetails .copyright{width:450px ;display:block;}
.CopyRightsDetails .acknowledgement{width:450px; display:block;}


