/* Main page styling begins here */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: .8em;
height:768px;
 background-image:url(../images/gradient.jpg)
 
}
img{
	border:none;
}
p {
 padding: 6px;
 margin-right:5px;
 line-height: 20px;
 text-align:left;
}

A:link {text-decoration: none; color: #ffffff;}
A:visited {text-decoration: none; color: #ffffff;}

h1 {
color: #ffcb08; 
font: bold 1.5em Arial, Helvetica, sans-serif;
padding-left:6px;
 
}

h2 {
color: #ffcb08; 
font: 1em Arial, Helvetica, sans-serif; 
}

h3 {
color: #ffcb08; 
font: bold 1em Arial, Helvetica, sans-serif; 
text-indent:10px;
}
h4 {
color: #ffcb08; 
font: bold 0.8em Arial, Helvetica, sans-serif; 

}
hr {
   
	height:1px;
    width:918px;
    background:#000000;
}

ol {text-indent:10px;
}

li {text-indent:10px;
}

ul.indent{
	margin-left:25px;}
 
 #wrapper { 
 margin: 60px auto;
 /*width: 1040px;*/ /* CSS CHANGE BY SANDEEP */
 width: 1047px;

  background:url(../images/bg_middle.png) repeat-y;

}
#bg-top{
	background:url(../images/bg_top.png) no-repeat;
	height:23px;
	position:relative;
	top:-17px;
}
#bg-bottom{
	background:url(../images/bg_bottom.png) no-repeat;
	height:23px;
	position:relative;
	top:23px;
}

#content {
 	
 	color: #ffffff;
 	/*background: #5B2700;*/

	width:98.3%;
}


#imageholder{
	background:url(../images/frontpage_img.jpg) no-repeat top left;
	height:340px;
	margin-left:55px;
	width:580px;
	float:left;
	padding-bottom:10px;
}

#videoholder{
	height:340px;
	margin-left:55px;
	width:580px;
	float:left;
}

#bioholder{
	background:url(../images/JollyBoys_Sade_Tour2011B.jpg) no-repeat top left;
	height:340px;
	margin-left:55px;
	width:580px;
	float:left;
	padding-bottom:10px;
	

}
#contact{
	cursor:pointer;
	height:340px;
	margin-left:250px;
	width:580px;
	margin-top:50px;
	padding-bottom:80px;
	
}

#coming-soon{
	background:url(../images/comingsoon.png) no-repeat;
	height:120px;
	margin-left:250px;
	width:460px;
	margin-top:120px;
	padding-bottom:220px;
	
}

#lowercontent{
border-top:#6a1412 solid 1px;
/*border-bottom:#6a1412 solid 1px;*/
padding-top:15px;

width:918px;
margin:15px auto}

#musicplayer{
	margin-left:105px;
	padding-top:20px;
	padding-bottom: 20px;
}

#biothumb{
padding-top:0px;
padding-bottom:20px;
width:918px;
margin:20px auto}

#artistthumb{
	margin-left:105px;
	margin-right:10px;
	float:left;
}

#musictext{

}


#header {
	width:1040px;
	position:relative;
	margin-left:10px;
	bottom:-50px;
	background:url url(../images/header_img.png) no-repeat left top;
	height: 85px;
	padding-top:158px;
	
	left:38px;
}



#mentoheader {
	position:relative;
	background:url(../images/mento_header.png) left top no-repeat;
	width:1040px;
	margin-left:10px;
	height:175px;
	left:38px;
	top:-30px;
}

.clear{
	clear:both;
	margin:0;
	padding:0;
}
#bioheader {
	position:relative;
	background:url(../images/sin_grafitti.png) left top no-repeat;
	width:1040px;
	margin-left:10px;
	padding-top:258px;
	top:-20px;
	left:-38px;
}
#logo-geejam{
	height: 58px;
	width:107px;
	background:url(../images/logo_geejam.png) no-repeat left;
	margin-right:140px;
	
}
#mentoheader #logo-jolly{
	height: 80px;
	width:250px;
	margin-right:140px;
	margin-top:45px;
}

#mentoheader #logobtn{
	height: 80px;
	width:350px;
}
 #time { 
 display:block; 
 float:right;
 margin-right:106px; 	
 margin-top:38px;
} 
#bbc { 
 height:31px;
 margin-right:65px;
 margin-top:-50px;
 float:right;
 position:relative;
 z-index:10000;
} 
#skynews { 
 height:31px;
 margin-right:65px;
 margin-top:-50px;
 float:right;
 position:relative;
 z-index:10000;
} 
#usgig{ 
 height:36px;
 margin-right:65px;
 margin-top:-50px;
 float:right;
 position:relative;
 z-index:10000;
} 

#cancel { 
 height:63px;
 margin-left:65px;
 margin-top:-50px;
 float:left;
}


#preorder { 
 height:101px;
 margin-left:65px;
 margin-top:-50px;


}
#soldout { 
 height:107px;
 margin-right:45px;
 margin-top:-175px;
 float:right;
 position:relative;
 z-index:10000;
}
#logo span { 
  display: none; 
}
#header #middle{
	height: 240px;
	background:url(../images/alberto_graffitti.png) no-repeat right;
	margin-right:180px;
	margin-top:-240px;
}

#jollylogo {
	position:relative;
	background:url url(../images/logo_jollyboys.png) center no-repeat;
	/*width:1040px;
	margin-left:10px;*/
	padding-top:275px;
	
		
}



#footer { 
 width: 100%;
 clear: both;
 /*color: #333;
 background:url(../images/bg_middle.png) repeat-y; */
 height:37px;
}

#navigation {
 padding-top:10px;
 
 /*width: 1040px;*/
 /*height: 2px;*/
 margin-left:-32px;
 
 color: #333;	
 /*background: #000000;*/
}

/* Main page styling ends here */

/*Styles for content in the "navigation (top)" section begins here (also see the "extended menu" below) */

#navcont {
	position:relative;
	left:42px;
	color:#000000;
}

/* extended menu */

#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{ /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
#mainleveltopnav li{
display:inline;
list-style-type:none;
padding-right:5px;
}
a.mainleveltopnav,a.mainleveltopnav:link,
a.mainleveltopnav:visited{
color:#f90;
}
.moduletablemainnav{ /* I have absolutely positioned the module, I can have a different scheme*/
position:absolute;
top:187px;
left:20px;
z-index:100;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:0.5em; /*height of seperators */
background:transparent; /*main nav background color*/
/*font-weight:700;*/
margin:0;
padding:0;
}
#mainlevelmainnav a{
display:block;
color:#000000;/*main nav text color*/
text-decoration:none;
/*margin-right:15px;*/
padding: 0.3em 1em 0.3em 1em;/* naviagtion size and spacing for main level of nav */
}
#mainlevelmainnav li{
float:left;
padding:0;
 1px solid #7595a7; /* right border size and color for main level of nav */
}

#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:400;
background:#36f; /*drop down background colour*/
/*border-right:#00C 1px solid;*//*drop down background border colour*/
margin:0;
}
#mainlevelmainnav li li{
width:11em;
border-right: 0px; /* right border size and color for dropdown level of nav */
}
#mainlevelmainnav li ul a{
width:11em;
color:#fff;
font-size:0.9em;
line-height:1em;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul
ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li
li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover
ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background: #039 /*url('/../images/soccerball.gif') 98% 50% no-repeat*/;
}

/*Styles for content in the "navigation (top)" section ends here */

/*Styles for content in the "content" section begins here*/

#maincont {
	position:relative;
	float:left;
	left:50px;
	width:615px;
	color:#000000;
	padding-right:16px;/*stops content overlap related to scroll below*/
}

#maincont2 {
	position:relative;
	float:left;
	left:50px;
	width:742px;
	color:#000000;
}

#scroll {
height: 320px;
width: 317px;
overflow: auto;
background-color: #921d1f;
position:relative;
float:right;
color: #ffffff;
padding-left: 20px;
padding-top:20px;
margin-right:50px;
}

#scroll2 {
left:50px;
height: 422px;
width: 885px;
overflow: auto;
background-color: #3a4c56;
position:relative;
float:right;
color: #000000;
padding-left: 20px;
padding-top:20px;
padding-right:20px
/*padding:20px;*/
}

/*Rates Page Starts here*/
#rates {
	width: 742px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #000000;
 }
#rates .rowa {
	background: #4588cd;
	height: 50px;
}
#rates .rowb {
	background: #7595a7;
	height: 50px;
}
#rates .cell {
	padding: 10px;
	border: 1px solid #000000;
}
#bottomrightcell {
background: #7595a7;
}

/*Rates Page Ends here*/

/*Styles for content in the "content" section ends here*/

/*Styles for content in the "footer" section begins here*/


#ambientplayer {
	position:relative;
	float:left;
	left:50px;
}

#bottomleftnav {
	position:relative;
	float:left;
	padding-top:10px;
	left:45px;
	
}


/* Style for bottom left navigation begins here */
li.noborder{
	border:none !important;
}
ul#navlist
{

margin: 0;
list-style-type: none;

position:relative;
float: left;
width: 100%;
color: #fff;
}
ul#navlist li.active a{
	color:#f3b40c !important;
}
ul#navlist li { 
display: inline;
border-right: 1px solid #F3B40C;
padding: 0px 8px 0px 8px;/* naviagtion size and spacing for main level of nav */
}
ul#navlist li.navlast{
	border:0px !important;
}
ul#navlist li a
{
	padding-top:0px;
	float: none;
	color: #ffffff;
	text-decoration: none;
	/*width: 5em;*/
	/* outline-color: #FFFFFF;*/ /*genral navigation outline */
}

ul#navlist li a:hover
{
color: #f3b40c;
}

/* Style for bottom right navigation ends here */



#bottomrightnav {

position:relative;
float:right;
right:30px;
color: #000000;

}
/*Styles for content in the "footer" section ends here*/

.csstable{
	margin:0 auto;
	width:298px;
	padding-bottom:275px;
	padding-top:275px;
}
form dl {
	margin: 15px 0px
}
form dt {
	line-height: 18px;
	width: 67px;
	float: left;
}

form dd {
	line-height: 18px;
	margin: 0px 0px 10px 72px;
	width:226px;
}

INPUT.login{
	width:226px;
	border:none;
	background-color:#fbc409;
	height:18px;
}
form dt.login {
	background-color:#6a1613;
	font-weight:bold;
	width: 62px;
	padding-left:5px
}

#thumbsholder{
	padding-top:10px;
	padding-bottom:80px;
	width:918px;
	margin:0px auto;
}
ul.thumbs{
	margin-bottom:60px;
}

ul.thumbs li{
	float:left;
	list-style:none;
	margin-right:3em;
	width:80px;
	height:60px;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
ul.thumbs li:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#rehabvideo{
	background-image:url(../images/thumbs/rehabvideo.png);
}
#rehab{
	background-image:url(../images/thumbs/rehabstudio.png);
}
#folk{
	background-image:url(../images/thumbs/saturdaynight.png);
}
#linsteadDoc{
	background-image:url(../images/thumbs/linsteaddoc.png);
}
#gingerbeer{
	background-image:url(../images/thumbs/beer.png);
}
#documentary{
	background-image:url(../images/thumbs/documentary.png);
}
.thumb-title{
	padding-top:15% !important;
	width:80px;
	height:45px;
	text-align:center;
	color:#ffcb08 !important;
	font-weight:bold;
	opacity:0.0;
	filter:alpha(opacity=0);
}
.thumb-title:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#videoholder{
	height:340px;
	margin-left:55px;
	width:580px;
	float:left;
}
#videotitle{
	margin-left:55px
	}
#download {
	margin-left:60px;
	background:url(../images/jbdownload_img.png) no-repeat;
	height:335px;
	width:497px;
	float:left;

}
#downloadtext {
	margin-right:60px;
	float:right;
	width:400px;

}
#bigmap {
	margin-left:50px;
	background:url(../images/sadetour.jpg) no-repeat;
	height:940px;
	width:940px;
	margin-bottom:35px;
	margin-top:80px;
}

#nyconcert {
	margin-left:140px;
	background:url(../images/hiro_nyconcert.jpg) no-repeat;
	height:1000px;
	width:705px;
	margin-bottom:35px;
	margin-top:80px;
}
#concertpage {
	margin-left:50px;
	background:url(../images/livenation_flyer.png) no-repeat;
	height:495px;
	width:952px;
	float:left;
	margin-bottom:35px;
}
#concertinfo{
	background: url(../images/flyerpage.png) no-repeat;
	width:905px;
	height:453px;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:3px;
}

#preorder-page {
	margin-left:50px;
	background:url(../images/album_order.png) no-repeat;
	height:412px;
	width:599px;
	float:left;
	margin-bottom:35px;
	margin-top:35px;
}
#preordertext {
	background:url(../images/preorder_txt.png) no-repeat;
	margin-right:165px;
	margin-top:70px;
	float:right;
	width:201px;
	height:86px;

}

#thumbholder{
	
	width:895px;
	margin-right:50px;
}

ul.thumb{
	
	margin-bottom:5px;
	margin-right:50px;
	
}

ul.thumb li{
	float:left;
	list-style:none;
	margin-right:3em;
	width:121px;
	height:108px;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
ul.thumbslabels li{
	
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	text-align:left;
}
ul.thumb li:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#itunes-musicplayer{
	background-image:url(../images/musicthumbs/greatexpectations.png);
}
#itunes-musicplayer div{
	top-margin:82px;
}
#itunes-musicplayer_mento{
	background-image:url(../images/musicthumbs/mento.png);
}
#itunes-musicplayer_albert{
	background-image:url(../images/musicthumbs/albert_thumb.png);
	
}
.active{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}
div.html{
	background-color:#8c1c1d;
	padding:10px;
}

.gsom-optin-form input[type="text"]{
	BORDER: #dcdcdc 1px solid;
	PADDING:3px 3px;
    FONT: 14px arial, helvetica, sans-serif;
	COLOR: #444;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	MARGIN-RIGHT: 5px;
	width:80%;
}
.gsom-optin-form input[type="text"]:focus{
	BORDER: #bfbfbf 1px solid;
	outline: none
}
.gsom-optin-div-label{
	color:#FFCB05;
}