/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body {
	/*font-family: trebuchet ms, verdana, arial, tahoma;*/
	font-family: /*century gothic, */verdana, arial, tahoma;
	font-size: 80%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 760px;
	margin: 0px auto 0px auto;
	text-align: left;
}
* html #wrapper-content { width: 760px;
		margin: 0px auto 0px auto;
		border:0px solid black;  }

#wrapper-menu-top {
	background: white url('../images/bg02-white-left2.png') no-repeat left top;
}

#menu-top {
	
	background: transparent url('../images/bg02-white-right2.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top table {
	margin: 0px 13px 0px 0px;
	padding: 1em 0 0 0;
	float: right;
	}
	
* html #menu-top table { margin-right: 7px; }

#menu-top a {
	float: left;
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	line-height: 0px;
}
/*#menu-top ul {
	margin: 0px 12px 0px 0px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: right;
}
* html #menu-top ul { margin-right: 6px; }

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(../images/jakeBtn_left.png) no-repeat left top;
	margin:0;
	padding:0px 2px 0px 7px;
	text-decoration:none;
	line-height: 12px;
}

#menu-top a span {
	background: transparent url(../images/jakeBtn_right.png) no-repeat right top;
	padding:5px 6px 5px 0px;
	font:"Century Gothic";
	font-weight:400;
	color:#ffffff;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it 
}

 #menu-top a:hover { background-position:0% -22px;
 					 color:#FFFFFF; }
 #menu-top a:hover span {	background-position:100% -22px;
 							color:#FFFFFF; }
*/
#wrapper-header {
	background: transparent url('../images/bg.png') top center repeat-x;
}

#header {
	background: #FCAB03 url('../flash/premier_banner.swf') no-repeat center top;
	height:156px;
}
* html #header {
	background: #FCAB03 url('../flash/premier_banner.swf') no-repeat center top;
	height:156px;
}
#wrapper-header2 {
	background: transparent url('../images/bg02-orange-left2.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('../images/bg02-orange-right2.png')  no-repeat right top ;
	height:156px;
}

* html #wrapper-header3 {
	background: transparent url('../images/bg02-orange-right2.png')  no-repeat right top ;
	height:156px;
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 150px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

#wrapper-content {
	background: white url('../images/bg02-white-left2.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('../images/bg02-white-right2.png') no-repeat right top;
	padding: 5px 75px 5px 190px;
}

#wrapper-right-page {
	float: right;
	width:150px;
	margin: 0px 15px 0px 0px;
/*	background: transparent url('images/menu.png') no-repeat;
border:1px solid black;*/	
	text-align: left;
	line-height: 140%;
/*	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
*/	/*font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;*/
}

* html #wrapper-right-page { margin-right: 7px; }

#right-page { 
	width:;
	padding-top: 0px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border:0px solid black;
	background: url('../images/vertical_left.gif') repeat-y;
}

#wrapper-menu-page {
	float: left;
	width:176px;
	margin: 0px 30px 0px 20px;
/*	background: transparent url('images/menu.png') no-repeat;
*/	border:0px solid black;
	text-align: left;
	line-height: 140%;
/*	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
*/	/*font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;*/
}

* html #wrapper-menu-page { margin-left: 10px; }

#menu-page { 
	width:auto;
	padding-top: 0px;
	margin: 10px 0px 10px 0px;
	padding: 0px 30px 0px 10px;
	border:0px solid black;
	background: url('../images/vertical_left.gif') repeat-y;
}

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 24px;
	margin: 0em 0 0.3em 0;
	color:#FCAB03;
	font-weight: 400;
	letter-spacing: 0.15em;
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;

}
#menu-page h4 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	color:#FCAB03;
	font-weight: 600;
	letter-spacing: 0.15em;
	font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;

}

#menu-page a:link, #menu-page a:visited { color: #888; font-size: 90%;}
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
	background: url('../images/footer-bg.png') no-repeat top;
}

#footer {
	margin: 8px 0px 0px 20px;
	border: 0px solid #ccc;
	border-bottom: 0;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

h2 { font-size: 110%;
		color: #fcab03; }
h3 { font-size: 100%; 5px 0px 5px 0px; padding:0px; }
h4 { color: #ffffff; margin: 5px 0px 5px 0px; padding:0px 0px 0px 5px; border-top:#fcab03 thin solid; background-color: #FFCC66; }
h4.news {color:#FF9900; margin: 5px 0px 5px 0px; padding:0px 0px 0px 0px; border:0px; background-color:#ffffff;} 
h5 { margin: 5px 0px 5px 0px; padding:0px; }
.common {margin:0px 0px 0px 50px;}
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }
.login {font-size:10px;}


#order_menu{
	margin:0 auto;
	font-weight:bold;
	height:50px;
}

#order_menu .right{
	float:right;
	list-style:none;
	text-align:center;
	

}

#order_menu .left{
	text-align:center;
	width:120px;
	position:relative;
	float:left;
	list-style:none;
	vertical-align:top;
}

#order_menu .middle{
	text-align:center;
	width:160px;
	margin-top:0px;
	position:relative;
	float:left;
	list-style:none;
	
}