/*-----------------------------------------------------------
Description: Gulfood
Version: 1.0
Author: Luke Sherrington
Author URI: www.aspevents.net
-----------------------------------------------------------*/

/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.75em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; background-color:#131716; color:#222; line-height:1.42em; text-align:left; margin-bottom:20px;}
a {color:#ed1c24; text-decoration:none; font-size:1em; font-weight:bold;}
a:hover{color:#684a42; text-decoration:none; font-size:1em; font-weight:bold;}
.clear{clear:both;}
p {}
.nowrap	{white-space: nowrap;}
img {border:0;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV { width:980px; margin:0 auto; position:relative; }
#border-top {width:980px; height:0px; float:left;}
#middle { width:980px; height:auto; float:left;  background-color:#fff; }
	#content {padding:0; margin:0; width:980px; float:left;}
		#header {width:980px; float:left; margin:0; padding:0; height:185px; background-color:#000;}
		#menu {width:980px; float:left; height:39px;}
		#search {width:123px; float:left; background:url(../g/2011/template/bg_search.gif) top right no-repeat #000; padding:0px; margin-bottom:10px; height:35px;}
			#searchfield {float:left; border:none; background:none;}
			#searchbutton {float:left;}
		#sub-content{width:940px; float:left; padding:0 20px 0 20px;   margin:20px 0 20px 0;}
			#pb_marquee{width:570px; float:left; margin-bottom:10px; background-color:#ebebeb; padding:0;}
			#sheet{width:570px; float:left;}
			#actionsheet{width:550px; float:left; background-color:#ebebeb; padding:10px; }
			#pbsheet_bottom{width:570px; float:left;  padding:0; margin:0px; line-height:0; font-size:0;}	
			#col-right1{width:167px; float:left; margin-left:20px; background-color:#000000; padding:10px;}
			#col-right2{width:123px;  float:left; _margin-left:10px; margin-left:20px; background-color:#000000; padding:10px;}
	#bottom {float:left; padding:20px 0 0 0; width:940px; background-color:#FFF;}	
		#pb_bottom {width:370px; float:left; padding-top:10px; border-top:1px #ccc solid;}
		#foot {width:570px; float:left; padding-top:10px; border-top:1px #ccc solid;}

/*---------------------------------------------------------*/


/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ float:left; width:980px; padding:0; margin:0; background-color:#2a2e2d; z-index:998; height:39px;}
.menu1 li{list-style:none; float:left; position:relative; z-index:100; border-right:solid 1px #444847; height:39px;}
.menu1 ul{margin:0; padding:0; }
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:38px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{ display:block; height:39px;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background-color:#646e6b; /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font-family:Arial, sans serif; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none; padding:11px 11px 11px 11px;}
.menu1 ul li:visited, .menu1 ul li a:visited {color:#fff;}
/*********[END]mainmenu*********/
	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0;border:none;  }
.menu1 ul ul li{list-style:none;  width:150px;background-color:#646e6b; border:none; }
.menu1 ul ul li a, .menu1 ul ul li a:visited{ background-color:#646e6b; color:#fff; font: 1em arial, Sans-serif; padding:6px 13px; text-align:left; border:none; }
.menu1 ul ul li a:hover{font: normal 1em arial, Sans-serif; color:#fff; background-color:#2a2e2d; background-image:none; padding:0; padding:6px 13px; text-align:left;}
.menu1 ul ul li:hover {background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden;position:absolute;height:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;}
/*********[END]submenu*********/
/*---------------------------------------------------------*/


/* SHEET
-----------------------------------------------------------*/
.pagetitle {background-color:#ebebeb; width:570px; float:left;}
h1{ margin:0; padding:0; font-family:arial, sans serif; font-weight:bold; color:#ed1c24; font-size:1.5em;  padding-top:10px; padding-bottom:5px; padding-left:10px;line-height:1.2em;}
#actionsheet h1 {padding:0;}
h2{ margin:0; padding:0; font-family:arial, sans serif; font-weight:bold; color:#ed1c24; font-size:1.3em; padding-top:15px; padding-left:10px;padding-bottom:3px;}
h3{ margin:0; padding:0; font-family:arial, sans serif; font-weight:bold; color:#888; font-size:1em; padding-top:5px; padding-left:10px;}

.sheetbody {color:#424242; margin:0; padding:0; background-color:#ebebeb; }
.sheetbody p {margin-top:0; margin-bottom:15px; padding:0;}
.bodysheet {padding:10px;}
.leftsheet {width:275px; float:left;}
.rightsheet {width:275px; float:left;}

.sheetbody_3 {background-color:#000; color:#FFF; margin:0; padding:0;}
.bodysheet3 {padding:10px;}
.bodysheet3 p{margin-top:0; margin-bottom:15px; padding:0;}
.leftsheet3 {width:275px; float:left;}
.rightsheet3 {width:275px; float:left;}

.sheetbody_4 {color:#424242; margin:0; padding:0; background:url(../g/2011/template/bg_home.jpg) bottom right no-repeat #ebebeb;}
.sheetbody_4 p {margin-top:0; margin-bottom:15px; padding:0;}
.titlesheet4{ width:320px; line-height:1.2em;}
.bodysheet4 {padding:10px; width:320px;}


.hoz {margin:0; padding:0; width:10px; height:20px;}
.vert {width:20px; height:10px; float:left;}
.clear_all{margin:0; padding:0; line-height:0px;}


/*---------------------------------------------------------*/



/* PANELS
-----------------------------------------------------------*/
/*to panels in vertical powerbars*/

h4{margin:0; font-family:arial, sans serif; font-weight:bold; color:#626766; font-size:0.90em; padding-bottom:4px;}
.panel_plain {margin:0; padding:0;}
.panel_plain p {margin:0; padding:0;}

.panel_1{width:113px; background-color:#FFF; padding:5px; margin-bottom:10px;}
.panelbody_1{ width:113px; text-align:center;}
.panelbody_1 p {margin:0; padding:0; width:113px; text-align:center;}
.panel_1_foot {padding-bottom:0px;}

.panel_2{padding:5px 5px 7px 5px; float:left;}
.paneltitle_2 {float:left; font-weight:bold; background:url(../g/2011/template/bg_marquee.gif) top left no-repeat; padding-left:18px; padding-right:4px;}
.panelbody_2{float:left; text-align:center;}
.panelbody_2 p {margin:0; padding:0;}
.panel_2_foot {padding-bottom:0px;}


/*---------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
ul#footer {margin:0; text-align:right; height:20px; line-height:20px; width:570px; padding:0; margin:0;} /*footer wrapper*/
ul#footer li {display:inline; padding:0px 2px 0 2px; text-align:left; font:normal 0.8em Arial, Sans-serif; }
ul#footer li a{color:#999;}
ul#footer li a:hover{}

/*---------------------------------------------------------*/
