body {
	background: url(../images/body_back_pattern.jpg) repeat-x;
	font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#535349;
	margin: 0;
	padding: 0;
}
#body_background_left{
	background: url(../images/body_background_left.jpg) no-repeat top left;
	width: 639px;
	height: 483px;
	display:block;
	position:absolute;
	left:0px;
	top:0;
	z-index:-10;

}
#body_background_right{
	background: url(../images/body_background_right.jpg) no-repeat top right;
	width: 639px;
	height: 483px;
	display:block;
	position:absolute;
	right:0px;
	top:0;
	z-index:-20;
}

.wrapper {
	background:transparent url(../images/wrapper_background.jpg) no-repeat 0 101px;
	margin:0 auto;
	
	width:750px;
	padding: 0;
	z-index:20;
	
}
.header{
	
	background: url(../images/header_background.jpg) no-repeat scroll top left;
	width: 752px;
	height: 101px;
	filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		
	
}

.feature{
	float: left;
	background: transparent;
	padding: 20px 0 0 20px;
	width:720px;
	height:249px;
}

.sideNav{
	float:right;
	width: 220px;
	margin:20px 10px 0 8px;	
}
#winComp a {
	background: url(../images/home_big_button.jpg) no-repeat  0 0;
	display:block;
	height:102px;
	width:218px;
	text-indent:-9000em;
	margin: 15px 0 0 13px;
	padding: 0;
}

#topContent{
	margin:0;
	padding:0 0 50px 20px;
	float: left;
	width:470px;
}

#boxes{
	float:left;
	padding: 0 0 30px 0;
}
#boxes ul{
	padding: 0;
	margin:10px 0 0 10px;
	list-style-type: none;
	width: 742px;

}

#boxes li{
	float: left;
	width: 218px;
	padding-left: 14px;
	margin:0;
}

#boxes h3{
	background-repeat: no-repeat;
	background-position: right;
	display:block;
	height:25px;
	width:218px;
	font: normal 140%/1.5em georgia,times,serif;
	color:  #cc5b42;

	margin:0px;
}

.boxpod1 h3{
	background-image: url(../images/splodge1.gif);

}
.boxpod2 h3{
	background-image: url(../images/splodge2.gif);
	
}
.boxpod3 h3{	
	background-image: url(../images/splodge3.gif);
}
.boxpod4 h3{
	background-image: url(../images/splodge4.gif);
}
.boxpod5 h3{
	background-image: url(../images/splodge5.gif);
	
}
.boxpod6 h3{	
	background-image: url(../images/splodge6.gif);
}

#boxes h4 a{
	margin:0;
	font: 100%/1.3em georgia,serif;
	color:#cc5b42;
	text-decoration:none;
}

#boxes h4 a:hover{
	text-decoration:underline;
}

#boxes img{
	border: 1px solid #edd3cc;
}
#boxes .red_text{
	color : #e80404;
	font-weight: bold;
}
#boxes p{
	margin:0;
	font: normal 90%/1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#535349;
}

#footer{
	background-image:url(../images/footer_background.gif);
	clear:both;
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	color:#aaa000;
	width:680px;
	height:30px;
	padding: 0px 0 0 10px;
	margin:50px 0  50px 20px;
	background-color:#000aaa;
	border: 1px solid #d7d7d7;
}

#footer p{
	font: normal 85% Arial, Helvetica, sans-serif;
	color:#676767;
	text-align:center;
}

#footer a{
	font: normal 90% Arial, Helvetica, sans-serif;
	color:#676767;
}

h1{
	margin:0;
	
}

h2{
	margin: 0;;
	
}
h4{
	margin:0;
	font: bold 120%/1.3em georgia,serif;
	color:#31a8d8;
	text-decoration:none;
}

h1 a{
	background:url(../images/logo.gif);
	display:block;
	float:left;
	width: 196px;
	height: 20px;
	text-indent:-9000em;
	margin: 35px 0 0 25px;

}
h2 a{
	background: url(../images/classic_fm.gif) no-repeat scroll 0 0;
	display:block;
	float:right;
	width:253px;
	height:54px;
	margin:25px 25px 5px 0px;
	text-indent:-9000em;
}

#food{
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	float: left;
	width:470px;
}
#sideContent{
	padding: 20px 0 0 0;
	float:right;
	width: 220px;
	
}
#sideContent h1{
	margin: 10px;
	font: bold 150%/1.3em georgia,serif;
	color:#CE1A2A;
	
}
#ingredients{
	padding: 0px 0px 0 0px;
	margin:0px 10px 20px 0;
	float:right;
	width: 210px;
	border: 1px solid #999;
	background:#f5f5f5 url(../images/pod_background.gif) repeat-x;
}
#ingredients p{
	font: normal 85%/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
}

#ingredients h5{
	font: bold 120%/1.3em georgia,serif;
	padding:0 10px 0 10px;
	margin:0;
}

#navcontainer{
	padding:0;
	margin:0;
	clear:both;
}

#navlist{
	overflow:hidden;
	margin:0;
	padding:18px 0 0 19px;
	
}

#navcontainer ul li{
	list-style-type: none;
	height:27px;
	float: left;
	background: url(../images/nav_background.gif) repeat-x 27px;
	font: bold 120%/1.3em georgia,serif;
	text-align: center;
	border-left: 1px solid #9d9d9d;
	display: block;
}

#navcontainer a{
	color: #fff;
	text-decoration: none;
	padding:0 5px 8px 11px;
	height:29px;
}
#navlist .last{
	padding: 0 0 0 108px;
	background: transparent url(../images/nav_end.gif) no-repeat;
	border:none;
}


#navcontainer li#work{
	background: #2A9dff; 
}
#navcontainer li#news{
	background: #057498; 
}
#navcontainer li#contactus{
	background: #024156; 
}
#navcontainer li#whatwedo{
	background: #059cce; 
}
#navcontainer li#awards{
	background: #025d7b;
	height:27px; 
}	

#navcontainer  a:hover#home{ 
	background: #00c0ff; }
#navcontainer  a:hover#work{
	background: #2A9dff;  }
#navcontainer  a:hover#news{ 
	height:26px;
	background: #057498 ; }
#navcontainer  a:hover#contactus{ 
	height:26px;
	background: #024156;  }
#navcontainer  a:hover#whatwedo{ 
	height:26px;
	background: #059cce; }
#navcontainer  a:hover#awards{ 
		height:26px;
		background: #025d7b; }

#contactLine{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
	border-top: 3px solid #024156;
	width:720px;
	height:3px;
}
#awardLine{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
	border-top: 3px solid #025d7b;
	width:720px;
	height:3px;
}
#whatwedoLine{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
	border-top: 3px solid #059cce;
	width:720px;
	height:3px;
}

#subnav{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
	border-top: 3px solid #2a9dff;
	width:720px;
	background: url(../images/sub_nav_background.gif) repeat-x 24px;
	height:24px;
}

#subNavlist{
	overflow:hidden;
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	width: 710px;
	height:24px;	
}

#subnav ul{
	margin:0px 0 0 40px;
}

#subnav ul li{
	list-style-type: none;
	height:24px;
	float: left;
	padding:3px 0 0 0;
	font: normal 90%/1.3em verdana,sans-serif;
	text-align: center;
}
#subnav a{
	margin:0px 0 0 0;
	padding: 5px 7px 0 5px;
	text-decoration:none;
	color: #595a59;
}



#subnav  a:hover#week{ 
	color:#fff;
	padding:6px;
	height:30px;
	background-color:#2a9dff;}
	
#subnav  a:hover#more{ 
	color:#fff;
	padding:6px;
	height:30px;
	background-color:#2757e2;}

#subnav  a:hover#listeners{ 
	color:#fff;
	padding:6px;
	height:30px;
	background-color:#002caa;}
	
#subnav li#week a{
	color:#ffffff;
	padding:6px;
	height:30px;
	background-color:#2a9dff;
	}
#subnav li#more a{
	color:#ffffff;
	padding:6px;
	height:30px;
	background-color:#2757e2;
	}
#subnav li#listeners a{
	color:#ffffff;
	padding:6px;
	height:30px;
	background-color:#2a9dff;
	}
#pods{
	padding:0;
	margin:0;
	float: left;
	clear:both;	
}
#contactussList{
	overflow:hidden;
	margin:3px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	text-align: left;

}
#pods ul li{
	list-style-type: none;
	height:30px;
	padding:3px 0 0 0;
	font: bold 110%/1.3em georgia,serif;
}
#pods a{
	height:30px;
	width:20px;
	background: url(../images/download.gif)no-repeat ;
	margin:3px 0 0 0;
	padding: 3px 20px 0 30px;
	text-decoration:none;
	color: #595a59;
}
#pods a:hover{
	height:20px;
	width:20px;
	background: url(../images/download_over.gif)no-repeat;
	margin:3px 0 0 0;
	padding: 3px 20px 0 30px;
	text-decoration:underline;
	color: #595a59;
}

input{
border : 1px solid Grey;
margin:10px;
background-color : #ffffff;
color : #0E1930;
font: normal 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
height: 1.5em; 
} 
#ingredient input{
height: 5em; 
} 
#method input{
height: 8em; 
}
#send{
	display:block;
	padding:0;
	margin:20px 0 30px 0;
background-image:url('../img/submit.gif');
background:url('../images/submit.gif');
width:71px;
height:26px;
border:0;
text-indent:-9000em;}

#audio_player{
	margin:20px;
	float:left;
	width:450px;
	height:200px;
}

.btn_brief {
	background: url(../images/btn_brief_us.jpg) no-repeat scroll top left;
	width: 188px;
	height: 88px;
	display:block;
	text-indent:-9000em;
	margin:10px 0 7px 5px;
}


table.awards_table { margin: 10px 0 10px 0; border: none; border: 1px solid #789DB3;}
table.awards_table td { border: none; background-color: #F4F4F4;}
table.awards_table tr { border-bottom: 1px solid #000;}
table.awards_table tr.special td { border-bottom: 1px solid #ff0000;  }
table.awards_table .table_dark td{background-color: #dddddd;height:5px; }