/* Start of CMSMS style sheet 'main' */
@charset "UTF-8";
/* CSS Document */

*{margin:0;
padding:0;
}
img, div{behavior:url(/new/images/iepngfix.htc);
}
body{
background:url(images/back-g.jpg) repeat-x;
font:12px  "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
color:#FFFFFF;
line-height:18px;
margin:0;
background-color: #1A1818;
}

#container{
width:973px;
margin:0 auto;
position:relative;
}

td p{margin:0; padding:0;}
/********************* Mast Styles ***********************/

.logo{
width:325px;
height: 61px;
background-image:url(images/logo.gif);
position:absolute;
top:0;
left:0;
text-indent:-5000px;
}
.tnav1{
	width:66px;
	height:29px;
	background-image:url(images/tnav1.gif);
	position:absolute;
	top:0;
	left:662px;
	display:block;
	text-indent:-5000px;
}
.tnav2{
	width:142px;
	height:29px;
	background-image:url(images/tnav2.gif);
	position:absolute;
	top:0;
	left:728px;
	display:block;
	text-indent:-5000px;
}
.tnav3{
	width:150px;
	height:29px;
	background-image:url(images/tnav3.gif);
	position:absolute;
	top:0;
	left:870px;
	display:block;
	text-indent:-5000px;
}

/********************* Nav Styles ***********************/

#nav_back{
width:652px;
height:33px;
background-image:url(images/nav_back.gif);
position:absolute;
top:61px;
left:0;
}

.nav1{
width:70px;
height:33px;
background-image:url(images/nav1.gif);
position:absolute;
top:61px;
left:0;
display:block;
text-indent:-5000px;
}
.nav1:hover{
background-image:url(images/nav1_over.gif);
}

.nav2{
width:148px;
height:33px;
background-image:url(images/nav2.gif);
position:absolute;
top:61px;
left:70px;
display:block;
text-indent:-5000px;
}
.nav2:hover{
background-image:url(images/nav2_over.gif);
}

.nav3{
width:60px;
height:33px;
background-image:url(images/nav3.gif);
position:absolute;
top:61px;
left:218px;
display:block;
text-indent:-5000px;
}
.nav3:hover{
background-image:url(images/nav3_over.gif);
}

.nav4{
width:99px;
height:33px;
background-image:url(images/nav4.gif);
position:absolute;
top:61px;
left:278px;
display:block;
text-indent:-5000px;
}
.nav4:hover{
background-image:url(images/nav4_over.gif);
}

.nav5{
width:63px;
height:33px;
background-image:url(images/nav5.gif);
position:absolute;
top:61px;
left:377px;
display:block;
text-indent:-5000px;
}
.nav5:hover{
background-image:url(images/nav5_over.gif);
}

.nav6{
width:99px;
height:33px;
background-image:url(images/nav6.gif);
position:absolute;
top:61px;
left:581px;
display:block;
text-indent:-5000px;
}
.nav6:hover{
background-image:url(images/nav6_over.gif);
}
.nav_dress{
width:141px;
height:33px;
background-image:url(images/navdress.gif);
position:absolute;
top:61px;
left:440px;
display:block;
text-indent:-5000px;
}
.nav_dress:hover{
background-image:url(images/navdress_over.gif);
}


/********************* Homepage Styles ***********************/
#marlon-h{
width:523px;
height:784px;
background:url(images/marlon_pic-h.png) no-repeat;
position:absolute;
top:0;
left:498px;
}

#ganja_stamp{
	width:225px;
	height:256px;
	background:url(images/ganja_farmer.png) no-repeat;
	position:absolute;
	top:527px;
	left:0;
}

#music_room{
width:639px;
height:177px;
background:url(images/musicroom-h.png) no-repeat;
position:absolute;
top:131px;
left:0;
}
#mmusic_room{
width:639px;
height:177px;
position:absolute;
top:131px; 
left:0;
}
.cd-info{
width:279px;
height:120px;
position:relative;
top:48px;
font-size:14px;
line-height:21px;
left:7px;
}
.cd-info img{
margin-right:19px;
}
#music_player{
	position:absolute;
	top:0;
text-align:center;
	left:289px;
	width:330px;
height:60px;
background:url(images/playlist.png) top left no-repeat;
}
.music_player{
	position:relative;
	top:0;
text-align:center;
	width:330px;
height:60px;
background:url(images/playlist.png) top left no-repeat;
}
#shows{
width:249px;
height:204px;
background:url(images/shows-h.png) no-repeat;
position:absolute;
top:333px;
left:0;
}
#shows2{
width:249px;
height:204px;
position:absolute;
top:333px;
left:0;
}
.show_list{
width:245px;
position:relative;
top:36px;
left:2px;
}
.show_list td{
border-bottom:1px solid #66aa11;
height:43px;
}
#ff{
width:364px;
height:384px;
background:url(images/friends-h.png) no-repeat;
position:absolute;
top:333px;
left:275px;
}
#ff2{
width:364px;
height:384px;
position:absolute;
top:333px;
left:275px;
}
.ff_info{
position:relative;
top:49px;
left:7px;
width:350px;
font-size:14px;
line-height:21px;
}

h3{
font-size:18px;
line-height:24px;
font-weight:normal;
margin:0;
}

.input_dark{
border:1px solid #77dd11;
background-color:#1A1818 !important;
color:#FFFFFF;
}

#trinidad{
position:absolute;
top:339px;
left:599px;
background-image:url(images/trinidad.png);
width:46px;
height:46px;
display:block;
}
.ff_viewmore{
position:absolute;
top:697px;
left:516px;
background-image:url(images/ff_viewmore.png);
width:122px;
height:19px;
display:block;
text-indent:-5000px;
}
.show_viewmore{
float:right;
margin:52px 1px 0 0;
background-image:url(images/show_viewmore.png);
width:122px;
height:19px;
display:block;
text-indent:-5000px;
}
.music_listen{
float:right;
margin:37px 1px 0 0;
background-image:url(images/music_listenmore.png);
width:122px;
height:19px;
display:block;
text-indent:-5000px;
}
/********************* Footer Styles ***********************/

#bottom_nav{
width:700px;
height:22px;
position:absolute;
top:784px;
left:0;
font-size:10px;
}
#bottom_nav a{
color:#FFFFFF;
text-decoration:none;
margin-right:15px;
}
#bottom_nav a:hover{
text-decoration:underline;
}

/****************** Seconday Page Styles ******************/

#my_story{width:726px; height:661px; background:url(images/my_story.png) no-repeat; position:absolute; top:113px; left:0;}

#my_story_info{width:713px; height:615px; position:absolute; top:158px; left:10px; text-align:left; line-height:17px; overflow:auto;}


.box_left ul{width:350px;  margin:5px 5px 0 0; background-color:#578e0b; padding:2px; border:1px solid #406a01;}

.box_right ul{width:328px;  margin:5px 0px 0 0; background-color:#578e0b; padding:2px; border:1px solid #406a01;}

.box_left{width:340px; float:left; margin-left:0px; 
}

.box_right{width:328px; float:right; margin-right:8px;
}

#my_story_info td{}

.clr{clear:both}

h4{font-size:16px; line-height:20px;
margin:0; padding:0 0 0 2px; color:#fff; font-weight:normal;}

#my_story_info li{padding:2px; background-color:#406a01; margin:0; list-style-type:none;}

#pg_title{width:722px; height:10px; position:absolute; top:115px; left:2px;}

#my_story_info p{margin:0 0 1em 0;}


#my_story_info a:link, a:visited, a:active, a:hover{ color:#91ff01;}

#trinidad_2{position:absolute; top:107px; left:686px; background-image:url(images/trinidad.png); width:46px; height:46px; display:block;}

#marlon-h_2{width:273px; height:465px; background:url(images/marlon_pic_2.png) no-repeat bottom left; position:absolute; top:319px; left:690px;}

#marlon-h_3{width:273px; height:465px; background:url(images/marlon_pic_3.png) no-repeat bottom left; position:absolute; top:319px; left:690px;}

#marlon-h_4{width:273px; height:465px; background:url(images/marlon_pic_4.png) no-repeat bottom left; position:absolute; top:319px; left:690px;}

#music_room2{background:#81ad45; width:214px; height:106px; position:absolute; top:112px; left:740px;}

#cd-info_2{font-size:12px; line-height:18px; margin:5px 0 0 0;}

.go_to{background:url(images/go_to_music.gif) no-repeat; width:214px; height:19px; text-indent:-5000px; display:block; margin:10px 0 0 0;}

.cover{margin:5px 5px 0 5px;}

img{border:none;}

#family{background:url(images/join_family.png) no-repeat; width:217px; height:112px; position:absolute; top:235px; left:740px;}

#autograph{background:url(images/reserve.png) no-repeat; width:217px; height:373px; position:absolute; top:235px; left:740px;}

#family2{background:url(images/join_family.png) no-repeat; width:217px; height:112px; position:absolute; top:12px; left:490px; }

#family_form{  width:217px; height:112px; position:absolute; top:265px; left:745px;}

#music_form{  width:217px; height:193px; position:absolute; top:345px; left:745px;}

#family_form2{  width:217px; height:112px; position:absolute; top:42px; left:495px; z-index:2;}

#bottom_nav{ width:700px; height:22px; position:absolute; top:784px; left:0; font-size:10px;}

#bottom_nav a{ color:#FFFFFF; text-decoration:none; margin-right:15px; }

#bottom_nav a:hover{text-decoration:underline;}

.bottom_tt{background:url(images/tt.gif) no-repeat; width:31px; height:20px; position:absolute; top:789px; left:906px; text-indent:-5000px;}

.top{z-index:100; margin-right:2px; text-align:right;}

div#friendtext {width:65%;}

/********************* Fancy Styles ***********************/


div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(images/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(images/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(images/fancy/data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(images/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(images/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy/fancy_shadow_nw.png) no-repeat;
}


/* End of 'main' */