/*-----------------------------------------------------------
Description: Saudi International BoatShow
Author: Soren Aarlev
Author URI: www.aspevents.net
-----------------------------------------------------------*/



/* RESET
-----------------------------------------------------------*/
a img{border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div,img {margin:0; padding:0;}
/*-----------------------------------------------------------*/



/* WEBSITE HTML/BODY
-------------------------------------------------------------*/
html {border:0; margin:0; padding:0px 0 9px 0; font-size:16px;} /* Make sure the default is always 16px */
body {font: 62.5% Arial, Helvetica, Sans-serif; text-align:center;  color:#5a5a53; background:url(../g/2009/template/bg_site.gif) repeat-x #fdfdfd;} /* 16px * 62.5% = 10px : 1em now = 10px */
a:link {color:#b5985d; text-decoration:none;} /* unvisited link */
a:visited {color:#b5985d; text-decoration:none;} /* visited link */
a:hover {color:#ac2d15; text-decoration:none;} /* mouse over link */
a:active {color:#b5985d; text-decoration:none;} /* selected link */
/*-----------------------------------------------------------*/



/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV{ width:980px;  position:relative;  margin:0 auto; padding:0;}
#header {float:left; height:177px;}
#menubg{float:left; width:980px; height:40px; background:url(../g/2009/template/bg_menu.gif) no-repeat;}
#pb_top {float:left;}
#pb_middle {width:980px; margin:0; padding:0; _margin-top:-21px; background:url(../g/2009/template/bg_content.gif) repeat-y; }
#content {width:980px; font:1.3em/1.5em  Arial, Verdana, Sans-serif; background:url(../g/2009/template/bg_content.gif) repeat-y;  margin:0; padding:0;}
#content P {margin:0; padding:0;}
#column-left {float:left; text-align:left; width:633px; padding:27px 22px 0 35px;}
#column-right{float:left;  text-align:left; width:280px; padding-left:10px; _width:260px;} 

#column-left2 {float:left; text-align:left; width:633px; padding:27px 35px 0 2px;}
#column-right2 {float:left; text-align:left; width:280px; padding-left:30px; _width:260px;} 
#pb-right-top{width:245px; height:9px; background:url(../g/2009/template/pb_right_top.gif) no-repeat; margin-top:27px;}
#pb-right{width:227px; background:url(../g/2009/template/pb_right_bg.gif) repeat-y; padding:0 9px 0 9px; _margin-top:-5px;}
#pb-right-bottom{width:245px; height:9px; background:url(../g/2009/template/pb_right_botttom.gif) no-repeat; }
#logos {width:910px; margin:0 auto; border-top:2px dotted #6b675f; margin-top:30px; padding:0; margin-bottom:0;}
/*---------------------------------------------------------*/



/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ float:left; width:750px; padding-left:10px; height:40px; _height:60px;}
.menu1 li{list-style:none; float:left; position:relative; z-index:100; }
.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;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background-color:#b5985d;]  /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font: 1.2em Helvetica, Arial, sans-serif; text-transform:uppercase;  color:#fff; text-decoration:none; padding:13px 10px 13px 10px; _padding:13px 10px 12px 10px;}
.menu1 ul li:visited, .menu1 ul li a:visited {color:#fff;}
/*********[END]mainmenu*********/
	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0; }
.menu1 ul ul li{list-style:none;  width:150px;  }
.menu1 ul ul li a, .menu1 ul ul li a:visited{ background-color:#000; color:#fff; font: 1em Arial, Sans-serif; padding:6px 13px; text-align:left; border-bottom:1px solid #666;}
.menu1 ul ul li a:hover{font: normal 1em Arial, Sans-serif;color:#b5985d; background-color:#000; 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*********/
/*---------------------------------------------------------*/



/*SEARCH
------------------------------------------------------------*/
#search {float:left; position:relative; padding-top:8px; margin:0;}
#searchfield { float:left; width:153px; height:21px; background-color:#fff; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }
#searchfield input {width:133px; border:none; font:1.2em Arial, Sans-serif; color:#666;  padding:1px 0 0 0px; background:none; text-align:left;} /*style the input form*/
#searchbutton {float:left; width:25px; height:23px; border:none;}
/*----------------------------------------------------------*/



/* HEADINGS
-----------------------------------------------------------*/
h1 {font:bold 1.5em Helvetica, Arial, Sans-serif; color:#514949; letter-spacing:-1px; border-bottom:2px dotted #6b675f; padding-bottom:2px;} 
h2 {font:bold 1.1em Arial, Sans-serif; color:#59544a; padding:18px 0 18px 0;}
h3 {font:bold 1.2em Arial, Sans-serif; color:#51aed3; padding-top:10px;} 
h4 {font:bold 1em Arial, Sans-serif; color:#333; border-bottom:2px dotted #6b675f; padding:10px 0 2px 0;}
/*---------------------------------------------------------*/



/* SHEETS
-----------------------------------------------------------*/
div.sheetbody_1 {} 
div.sheetbody_2 {border-bottom:2px dotted #6b675f; padding-bottom:10px;} /* Sheet with Divider */
/*---------------------------------------------------------*/



/* PANELS
-----------------------------------------------------------*/
div.panelbody_1 {margin-bottom:4px;} /* Plain panel */
div.panelbody_1 P {margin:0; padding:0;}
div.panelbody_2 {padding:10px 4px 6px 4px;} /* Panel with title*/
div.panelbody_1 P {margin:0; padding:0;}
/*---------------------------------------------------------*/



/* FOOTER
-----------------------------------------------------------*/

ul#footer {height:30px; width:945px; background:url(../g/2009/template/bg_footer.gif) no-repeat top left; margin:0; padding:30px 0 0 35px; text-align:left; } 
ul#footer li {list-style:none; display:inline;  font:1.1em Arial, sans-serif; color:#8c8c8c;  padding:0 2px 0 2px; margin:0;}
ul#footer li a{ color:#8c8c8c;  text-decoration:none;padding:0;}
ul#footer li a:hover{color:#b5985d; text-decoration:none; padding:0;}
/*---------------------------------------------------------*/



/* EZONE
-----------------------------------------------------------*/
.ez_po_header{color:#fff;} /*e-zone titles*/
.ez_header{color:#fff;}
/*---------------------------------------------------------*/
