/* Main page styling begins here */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: .8em;
 background-image:url(../images/gradient.jpg);
} 
li.active a{
color:#b96c57 !important;

}

p {
 padding: 10px;
 margin-right:10px;
 line-height: 20px;
 text-align: justify;
}

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

h1 {
color: #bf4727; 
font: bold 1.5em Arial, Helvetica, sans-serif; 
text-indent:10px;
}

h2 {
color: #bf4727; 
font: bold 1.2em Arial, Helvetica, sans-serif; 
}

h3 {
color: #bf4727; 
font: bold 1em Arial, Helvetica, sans-serif; 
}

h6 {
color: #bf4727; 
font: bold 4em Arial, Helvetica, sans-serif; 
}
hr {
   
	height:1px;
    width:918px;
    background:#bf4727;
}

a:link {color: #000000} /* unvisited link */
a:visited {color: #000000} /* visited link */
a:hover {color:#e2beac}  /* mouse over link */

/*a:link {text-decoration: none; color: #ffffff;}*/
#wrapper { 
 margin: 37px auto;
 width: 1062px;
 background:url(../images/bg_middle.png) repeat-y; 
}
#bg-top{
	background:url(../images/bg_top.png) no-repeat;
	height:27px;
	position:relative;
	top:-27px;
}
#bg-bottom{
	background:url(../images/bg_bottom.png) no-repeat;
	height:27px;
	position:relative;
	bottom:-27px;
}


#content {
 	padding-top:25px; 
 	/*background: #f1f1e5;*/
 	display: table;
	width:96.5%;
}
#quote{
float:right;
margin-right:55px;
padding-bottom:40px;
}


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

#lowercontent{
border-top:#BF4727 solid 1px;
border-bottom:#BF4727 solid 1px;
padding-top:20px;
padding-bottom:10px;
width:918px;
margin:20px auto;}

#header {
	background:url(../images/logo_name.png) no-repeat left;
	margin-left:50px;
	height: 80px;
}
#header #left{
	height: 80px;
	background:url(../images/logo_geejam.png) no-repeat right;
	margin-right:95px;
}
/* This is the logo link clickable area */
/*#ioclick {
position: absolute;
top: 64px;
left: 778px;
height: 49px;
width: 50px;
background-color: transparent;
z-index: +2;
}

#geejamclick {
position: absolute;
top: 42px;
left: 875px;
height: 81px;
width: 120px;
background-color: transparent;
z-index: +1;
}*/
#footer { 
 width: 1024px;
 height: 27px;
 clear: both;
 color: #333;
 /*background: #f1f1e5;*/
 display: inline-table;
}

#navigation {
 padding-top:15px;
 width: 1024px;
 height: 32px;
 color: #333;	
 /*background: #f1f1e5;*/
}

/* 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;
}
#layout {
padding-left:200px;
height: 500px;

}
/* 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;
 /* 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: #e2beac;
position:relative;
float:right;
color: #000000;
padding-left: 20px;
padding-top:20px;
margin-right:52px;
}

#scroll2 {
left:50px;
height: 422px;
width: 885px;
overflow: auto;
background-color: #e2beac;
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: #f1f1e5;
	height: 50px;
}
#rates .cell {
	padding: 10px;
	border: 1px solid #000000;
}
#bottomrightcell {
background: #bf4727;
}

/*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 { 
display: inline;
border-right: 1px solid #bf4727;
padding: 0px 10px 0px 10px;/* 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: #000000;
	text-decoration: none;
	/*width: 5em;*/
	/* outline-color: #FFFFFF;*/ /*genral navigation outline */
}

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

/* Style for bottom right navigation ends here */



#bottomrightnav {
padding-top:11px;
position:relative;
float:right;
right:50px;
color: #000000;
background: #f1f1e5;
}

/*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:#e2beac;
	height:18px;
}
form dt.login {
	background-color:#853120;
	font-weight:bold;
	width: 62px;
	padding-left:5px
}

#imageholder2{
	
	margin-left:55px;
	width:900px;
	float:left;
	padding-bottom:50px;
	padding-left:20px;
}



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

#thumbsholder{
	padding-top:20px;
	padding-bottom:20px;
	width:918px;
	margin:0px auto;
}
#thumbsholder2{
	padding-top:20px;
	padding-bottom:20px;
	width:918px;
	margin-left:100px;
}
ul.thumbs{
	margin-bottom:60px;
}

ul.thumbs li{
	float:left;
	list-style:none;
	margin-right:3em;
	width:80px;
	height:45px;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
ul.thumbs li:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

.thumb-title{
	padding-top:15% !important;
	color:#FFF; !important;
	width:80px;
	height:45px;
	font-weight:bold;
	text-align:center;
	opacity:0.0;
	filter:alpha(opacity=0);
}
.thumb-title:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

#adelante-documentary{
	background-image:url(../images/thumbs/adelantethumb.png);
}
#culture-clash{
	background-image:url(../images/thumbs/cultureclashthumb.png);
}

.active{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}


#alborosie{
	background-image:url(../images/musicthumbs/thumb_alborosie.gif);
}
#albert-minott{
	background-image:url(../images/musicthumbs/thumb_albert.jpg);
}
#nordia-witter{
	background-image:url(../images/musicthumbs/thumb_nordia.jpg);
}

#alligatorhead{
	background-image:url(../images/musicthumbs/jolly_thumb.jpg);
}

#alborosie-interview{
	background-image:url(../images/thumbs/interviewthumb.png);
}