/*-----------------------------------------------------------
Description: Surface Design
Version: 1.0
Author: Matt Hilder
Author URI: www.aspevents.net
-----------------------------------------------------------
colors-----------------------------------------------------
grey panel #d6d0bf;

grey panel body & links #5a5742;

body #616263;

border-right: #afa896;

hover color #8e8861;
subs #757155;

width 960px


/* RESET
-----------------------------------------------------------*/
a img {border:none!important;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div,ul,ol {margin:0; padding:0;}
ul {margin-left:1.3em;}
.bodysheet li{margin-left:1.3em;} 
 /* To make bullet points appear right in content */
/*-----------------------------------------------------------*/


/* WEBSITE HTML/BODY 
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font:0.75em Arial, Helvetica, sans-serif; color:#616263;  text-align:left; background:url(../g/2010/template/bg_dots.gif) repeat-y top center; line-height:1.42em; }
body p{padding:0 0 15px 0;}
a:link {color:#5a5742; text-decoration:none; font-weight:bold;} /* unvisited link */
a:visited {color:#5a5742; text-decoration:none; font-weight:bold;} /* visited link */
a:hover {color:#786734; text-decoration:none; font-weight:bold;} /* mouse over link */
a:active {color:#786734; text-decoration:none; font-weight:bold;} /* selected link */
.clear{clear:both;}
p {}
.nowrap	{white-space: nowrap;}
/*-----------------------------------------------------------*/


/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV { width:100%; margin:0 auto; position:relative; padding:0; text-align:center; background:url(../g/2011/template/header_bg2.gif) repeat-x top; }
#wrapper {width:960px; margin:0 auto; padding:0; text-align:left;}

#header {width:960px; height:201px; margin:0; padding:0; float:left; position:relative;}

#menu {float:left; width:960px; height:39px; margin:0 0 20px 0; padding:0; }
#mid_wrap {position:relative; float:left; width:740px; }
#content {width: 960px; margin:0px; padding:0; float:left; margin:0;}
	#left{position:relative; float:left; width:335px; margin-right:20px;}
		#sheet_home{position:relative; float:left; height: 180px; width:730px; margin:0px; padding:0; /*background-color: #7e795c;*/ margin-bottom: 15px; _margin-bottom: 5px; }
		#home { position:absolute; top: 0; right:0; overflow:hidden;}
		#sheet_home p {color: #fff; margin:0; padding:0;}
		#sheet {position:relative; float:left; width:730px; margin:0px; padding:0;}
	#pb_middle {float:left; position:relative; width:374px; padding:0; }
	#right{position:relative; float: right; width: 211px; padding:0px; }
#foot {width:100%; background:url(../g/2011/template/footer_bg.gif) center repeat-x; height:39px;  text-align:center; margin:30px auto 0 auto; position:relative; padding:0;}
#footersection {width: 960px; text-align:center; margin:0 auto; padding: 0; height:39px; line-height:39px;}
/*-----------------------------------------------------------*/


/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ z-index:999; position:relative; margin:0; padding:0;  float:left; text-align:left; width:960px; height:39px; border-left:1px solid #afa896;}
.menu1 ul { margin: 0!important; padding: 0!important;}
.menu1 li{float:left; position:relative; z-index:100; min-height:39px; margin:0; padding:0;   }
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:-2px; top:33px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{display:block; margin:0; padding:0; border-right:1px solid #afa896; }
.menu1 ul li:hover, .menu1 ul li a:hover{display:block; background:#8e8861;  /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover {display:block; text-align:center; font: bold 1.2em Arial, Sans-serif; color:#fff!important; text-decoration:none; padding:9px 24px 9px 23px; _padding: 11px 24px 12px 23px;   }

/*********[END]mainmenu*********/

	
/*********[BEGIN]submenu*********/
.menu1 ul ul{display:block; margin:0; padding:0; z-index:998;}
.menu1 ul ul li{background:none; list-style:none; position:absolute; width:172px; left:0px;}
.menu1 ul ul li a{background:none; background-color:#757155; color:#fff; font: normal 1em Arial, Sans-serif; padding:4px 13px; text-align:left;}
.menu1 ul ul li a:hover{color:#fff; font: normal 1em Arial, Sans-serif; padding:4px 13px; background:none; background-color:#8e8861;!important; 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;}


/*---------------------------------------------------------*/
/*---------------------   search    -----------------------*/

#search {background:url(../g/2011/template/search_bg.gif) no-repeat top right; height:33px; padding:16px 0 0 20px; float:right; width:191px; color:#5f5f5e!important;}
#searchfield {float:left; border:none; color:#5f5f5e!important;  }
#searchbutton {float:left;}
.nomargin {height:0; line-height:0; padding:0; margin:0;}


/* HEADINGS
-----------------------------------------------------------*/
h1{font:bo1d arial, sans-serif; font-size:1.6em; color:#949597; text-align:left; padding: 0 0 5px 8px; line-height:1.5em;  margin-bottom:5px; width: 720px; height: 48px; color: #fff; background:url(../g/2011/template/sheet_title_bg.gif) no-repeat top left;} 
h2{font:bold arial, sans-serif; font-size:1.2em; color:#fff; text-align:left; padding-bottom:5px; padding-top:0px; line-height:1.5em; margin-bottom:0px; letter-spacing:-1;  margin-bottom:10px;}
h3{font-family:arial, sans-serif; font-size:1.2em; color:#333; font-weight:bold; text-align:left;} /* Strap Titles*/
h4{font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; color:#9f9f9e; letter-spacing:-1; border-bottom:2px dotted #f99e34; padding-bottom:6px; margin:10px; margin-bottom:0;} /* Panel Titles */

#sheet h3{font:bo1d arial, sans-serif; font-size:1.2em; color:#949597; text-align:left; padding-bottom:5px; line-height:1.5em;  border-bottom:2px solid #949597; border-top:2px solid #949597; margin-bottom:5px;}

#sheet h2{font:bold arial, sans-serif; font-size:1.2em; color:#949597; text-align:left; padding-bottom:5px; padding-top:0px; line-height:1.5em; margin-bottom:0px; letter-spacing:-1;  margin-bottom:10px;}


/*-----------------------------------------------------------*/


/* SHEETS
-----------------------------------------------------------*/
div.sheetbody{text-align:left;  padding-bottom:10px;  }
* html div.bodysheet2  {text-align:left;  padding:0; margin:0; height:180px; overflow:hidden;  }
div.bodysheet2  {text-align:left;  padding:0; margin:0; height:180px; overflow:hidden;  }
/*div.sheetbody p{margin:0; padding:0; margin-bottom:15px;}*/

div.hoz {height:15px; min-height:15px; width:15px;} /* Horizontal Sheet Seperator*/
div.vert {width:15px; float:left; height:15px;}/* Vertical Sheet Seperator*/

div.leftsheet {/*width:285px;*/ width:350px; margin-right:30px; float:left;}
div.rightsheet {/*width:285px;*/ width:350px; float:left;}


/* SHEETS home page
-----------------------------------------------------------*/
div.sheetbody_2{text-align:left;  padding:0; background-color: #7e795c; padding-left: 18px;}

div.sheetbody_2 p {margin:0; padding:0; color: #fff; font-size:1.2em; line-height: 1.5em; }
h2.titlesheet_2 { display: none;}
/*-----------------------------------------------------------*/


/* PANELS
-----------------------------------------------------------*/
.panel_1 {margin:0; padding:0;}
.paneltitle_1 {margin:0; padding:0;} 
.panelbody_1 {margin:0; padding:0; }
.panelbody_1 p {margin:0; padding:0;}
.panelbody_1 a img {border:none!important;}
.panel_1_foot {margin:0; padding:0;} 


/* PANELS
---left panels home page-----------------------------------------*/

.panel_4 {float:left; margin:0; margin-bottom:15px; padding:0px;  width:335px;}
.paneltitle_4 {margin:0 0 10px 0; padding:8px 0 0 10px; height: 40px; background:url(../g/2011/template/panel_top.gif) no-repeat top left #949597; width:325px; font: arial, sans-serif; font-size:1.2em; color:#fff; font-weight:bold!important; } 
.panelbody_4 {padding:0;}
.panelbody_4 p {margin:0; padding:0;}
.panel_4_foot {margin:0; padding:0; height:10px; }

/* PANELS
---mid panels home page grey solid-----------------------------------------*/

.panel_5 {float:left; margin:0; padding:15px; background-color:#d6d0bf; width:344px;}
.paneltitle_5 {margin:0 0 10px 0; padding:0; height: 34px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; font: arial, sans-serif; font-size:1.2em; color:#fff; font-weight:bold!important;} 
.panelbody_5 {padding:0;}
.panelbody_5 a {padding:0; font-size:1.2em; color:#5a5742; font-weight:bold!important;}
.panelbody_5 p {margin:0; padding:0;}
.panel_5_foot {margin:0; padding:0; height:10px; }

/* PANELS
---right1 panels home page border top + bottom -----------------------------------------*/

.panel_6 {float:left; margin:8px 0 0 0; padding:0; background-color:#fff; width:211px;  border-top: 2px solid #949597; border-bottom: 2px solid #949597;}
.paneltitle_6 {margin:0; padding:0; height: 32px; border-bottom: 2px solid #949597; font-size:1.2em; color:#949597; font-weight:bold!important;  } 
.panelbody_6 {padding:0;}
.panelbody_6 p {margin:0; padding:0;}
.panel_6_foot {margin:0; padding:0; height:10px; }

.panel_7 {margin:0; padding:0; text-align:right; width:395px; height: 180px; overflow:hidden;}
.paneltitle_7 {margin:0; padding:0;} 
.panelbody_7 {margin:0; padding:0; }
.panelbody_7 p {margin:0; padding:0;}
.panel_7_foot {margin:0; padding:0;} 


/*-----------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
ul#footer{text-align:right; margin:0;  padding-top:0px; padding-bottom:15px; width:960px; padding-top: 15px;}
ul#footer ul { background:none; color:#fff;}
ul#footer li {list-style:none; display:inline; padding:0 3px 0 3px; background:none;  font:0.73em Arial, Sans-serif; }
ul#footer li a{text-decoration:none;  background:none; color:#ccc;}
ul#footer li a:hover{ text-decoration:none; color:#fff;  background:none; }
/*-----------------------------------------------------------*/


/* EZONE
-----------------------------------------------------------*/
.ez_header {padding:0; margin:0; font:bold 1.1em arial, sans serif; color:#fff;}
.ez_po_header {line-height:1em; padding:0; margin:0; font:0.9em verdana, sans serif; color:#515251;}
.sheettitle ez_header {color:#fff; font-size:1.1em; font:verdana, sans serif;}
.exhib_overview_platinum{background-color:#e6e5dd;}
/*-----------------------------------------------------------*/




