/*-----------------------------------------------------------
Description: The Surface Show 2011
Author: Soren Aarlev
Author URl: www.aspevents.net
-----------------------------------------------------------*/



/* RESET
-----------------------------------------------------------*/
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,ul,li,img {margin:0; padding:0;}
/*-----------------------------------------------------------*/


/* WEBSITE HTML/BODY
-------------------------------------------------------------*/
html {border:0; margin:0; padding:0; font-size:16px;} 
body {margin:0; padding:0; font: 0.6em  Arial, Sans-serif; text-align:center; color:#333; background:url(../g/2010/template/bg_site.jpg) #f1efef repeat-x top;} 


/*Global Classes*/
.clear {clear:both; line-height:0; height:0;}
.floatleft {float:left;}


/*Links*/
a:link {color:#3895d0; text-decoration:none; font-weight:bold;} /* unvisited link */
a:visited {color:#3895d0; text-decoration:none; font-weight:bold; } /* visited link */
a:hover {color:#cae1f1; text-decoration:none; font-weight:bold;} /* mouse over link */
a:active {color:#3895d0; text-decoration:none; font-weight:bold;} /* selected link */


/*Bulletpoints*/
div.column-left ul {margin-left:1.5em;}
/*-----------------------------------------------------------*/



/* STRUCTURE
-----------------------------------------------------------*/
/*Wrappers*/
#PageBody_DIV {width:100%;}
#container {width:960px; position:relative; margin:0 auto;}


/*Header Top (Logo and Menu Wrapper)*/
#header-top {width:960px; height:73px;}
div.logo {width:178px; height:73px;}
div.menu {width:782px;  height:73px; z-index:999;}


/*Header Bottom (Call to Actions and Main Image)*/
#header-bottom {height:187px;}
div.call-to-actions {margin:0; padding:0; width:326px; height:78px; background:url(../g/2010/template/otsa_text.jpg) no-repeat top left; padding-top:109px;}
div.main-image {width:433px; height:157px; margin:15px 0 0 201px; _margin-left:151px;}


/*Content Wrappers & Base Font*/
#content {font:1.2em/1.7em Verdana, Arial, Sans-serif; text-align:left; margin-top:30px; }


/*Columns*/ 
div.column-left {width:651px;}
div.column-right {width:278px; margin-left:30px;_margin-left:25px;} 


/*Actions*/
div.column-left-actions {width:589px; padding:30px; background:url(../g/2010/template/bg_sheets.jpg) #fff repeat-x top; border:1px solid #fff;} 
/*---------------------------------------------------------*/



/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ position:relative; float:left; width:688px; height:73px; margin-left:84px; _margin-left:40px; z-index:998;}
.menu1 li{list-style:none; float:left; list-style:none;  position:relative; z-index:100;}
.menu1 ul{margin:0; padding:0; }
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:73px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{background-color:none; display:block;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background-color:transparent; /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font-family:arial, Helvetica, sans-serif; font: bold 1em Arial, Sans-serif; color:#fff; text-decoration:none;}
/*********[END]mainmenu*********/
	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0; z-index:990;}
.menu1 ul ul li{list-style:none; position:absolute; width:170px; }
.menu1 ul ul li a{ background-color:#4d4d4d; color:#ccc; font:1.2em arial, Sans-serif; padding:11px 15px; text-align:left; z-index:999;}
.menu1 ul ul li a:visited{color:#fff; z-index:999;}
.menu1 ul ul li a:hover{font:1.2em  Arial, Sans-serif; color:#fff;background-color:#777576; padding:11px 15px; 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; z-index:999;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible; z-index:999;}
/*********[END]submenu*********/
/*---------------------------------------------------------*/



/* HEADINGS 
-----------------------------------------------------------*/
h1{font:2.4em Arial, Sans-Serif; color:#5c5a5b; letter-spacing:-1px; margin-bottom:25px;} /* Sheet Titles*/
h2{font:bold 1.5em Arial, Sans-Serif; color:#5c5a5b; margin:0 0 25px 0; } /* Strap Titles*/
h3{font:1.6em Arial, Sans-Serif; color:#5c5a5b; border-bottom:1px dotted #5c5a5b;} /* Panel Titles*/
/*---------------------------------------------------------*/



/* PANELS
-----------------------------------------------------------*/
/*Events Ribbon (absolute positioned PNG)*/
#events-ribbon {width:126px; height:104px; position:absolute; top:283px; *top:289px; _top:288px; right:160px; _right:163px;}

/*Events Panel*/
.panel-1 {background:url(../g/2010/template/bg_sheets.jpg) #fff repeat-x top; border:1px solid #fff; margin-bottom:30px;}
.panelbody-1 {padding:70px 30px 30px 30px;}

/*Normal Panel*/
.panel-2 {background:url(../g/2010/template/bg_sheets.jpg) #fff repeat-x top; border:1px solid #fff; margin-bottom:30px;}
.panelbody-2 {padding:15px;}
/*---------------------------------------------------------*/



/* SHEETS
-----------------------------------------------------------*/
div.sheetbody {background:url(../g/2010/template/bg_sheets.jpg) #fff repeat-x top; border:1px solid #fff; margin-bottom:30px;}
div.bodysheet {padding:30px;}
div.leftsheet {width:308px; float:left;}
div.rightsheet {width:309px; margin-left:30px; float:left;}
div.fullsheet {width:651px; clear:both;}
/*---------------------------------------------------------*/



/* FOOTER
-----------------------------------------------------------*/
#footer-outer {width:100%; background-color:#5b5a5a; height:50px; clear:both; *margin-top:30px;}
#footer-inner {width:960px; margin:0 auto;}
ul#footer {height:37px; margin:0; padding:0; text-align:left; width:960px;} 
ul#footer li {list-style:none; display:inline;  color:#bfbfbf;  padding:0 2px 0 2px; margin:0;  font:1em Arial, Sans-serif; }
ul#footer li a{ color:#bfbfbf;  text-decoration:none; padding:0;  font:1em/50px Verdana, Sans-serif;}
ul#footer li a:visited{color:#bfbfbf; text-decoration:none; padding:0;}
ul#footer li a:hover{color:#fff; text-decoration:none; padding:0;}
ul#footer li a:active{color:#bfbfbf; text-decoration:none; padding:0;}
/*---------------------------------------------------------*/