/*-----------------------------------------------------------
Description: Caffe Culture 2010
Version: 1.0
Author: Marta Matos
Author URI: www.aspevents.net
Last updated by Soren Aarlev 20/11/09 18:00
-----------------------------------------------------------*/


/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div {margin:0; padding:0; position:relative;}
#menu ul, #menu ul li, #foot ul, #foot ul li{margin:0; padding:0; list-style:none;}
/*---------------------------------------------------------*/
 
/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.75em Arial, Helvetica, Sans-serif; text-align:left; background-color:#fff; color:#333333; line-height:1.5em;}
body a{color:#cb0024; text-decoration:none;}
body a:hover{color:#a19594; text-decoration:none;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV{margin:0 auto; width:847px; position:relative;}
#wrapper{width:847px; float:left; position:relative;}
#pb_left{width:220px; float:left; position:relative; text-align:left;}
#content{width:602px; margin-left:25px; float:left; position:relative;}
	#header{width:502px; padding:5px 0 5px 100px; float:left; position:relative;}
	#menu{width:602px; z-index:99; float:left; position:relative;}
	#marquee{width:532px; height:20px; z-index:2; float:left; position:relative; background:url(../g/2010/template/marquee_bg.gif) no-repeat; font-size:0.85em; padding:2px 0 0 70px; font-weight:bold;}
		#marquee a{color:#a19594;}
		#marquee a:hover{color:#cb0024;}
	#pb_top{float:left; position:relative;}
	#sheet{width:602px; z-index:1; float:left; position:relative;}
	#pb_bottom{width:602px; float:left; position:relative; margin:20px 0 20px 0;}
#foot{width:847px; position:relative; height:30px;}
/*---------------------------------------------------------*/


/* NAVIGATION
-----------------------------------------------------------*/
.menu1{z-index:999; position:relative; float:left; width:602px; height:66px; margin:0;}
.menu1 ul{list-style-type:none; padding:0 0 0 3px; margin:0;}
.menu1 li{float:left; position:relative; z-index:100; width:86px; _width:86px; margin-left:0px;}   
.menu1 table{ position:absolute; border-collapse:collapse; z-index:80; left:0px; top:0px;}
.menu1 ul li{z-index:800; display:block; font:bold 1em Arial, Helvetica, sans-serif; color:#fff; line-height:15px; background-image:url(../g/2010/template/menubg_off.gif); background-repeat:no-repeat; background-position: top left;}     
.menu1 ul li:hover, .menu1 ul li a:hover{background-image:url(../g/2010/template/menubg_on.gif); background-repeat:no-repeat; background-position: top left; display:block;}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font:normal 0.9em georgia, serif; color:#52251a; line-height:15px; text-decoration:none; padding:4px 0px; height:52px;}		
.menu1 ul li a:hover{color:#fff;}
            
/*style the links from submenu*/
.menu1 ul ul{top:60px; z-index:999; padding:0px; margin:5px 0 0 3px; .margin:-15px 0 0 3px; _margin:0 0 0 3px; _padding:0px;}
.menu1 ul ul li{position:absolute; width:147px;}
.menu1 ul ul li a{background-color:#f4f4f5; font:normal 0.9em georgia, serif; color:#52251a; text-transform: none; text-align:left;padding:3px 10px;line-height:20px;height:auto;border-top:solid 1px #fff;}           
.menu1 ul ul li a:hover, .menu1 ul ul li a:hover {background-image:none; background-color:#f9f9fa; font:normal 0.9em georgia, serif; color:#cb0024; text-transform:none; text-align:left; padding:3px 10px; line-height:20px; height:auto;}          
.menu1 ul ul li:hover{background-image:none;}

.menu1 ul ul {visibility:hidden; position:absolute; height:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;}

/*---------------------------------------------------------*/

/* SHEET
 -----------------------------------------------------------*/ 
h1{font-family:georgia, serif; font-size:2.8em; color:#cb0024; font-weight:normal; margin-bottom:10px; margin-top:20px; line-height:1.1em;}
h2{font-family:georgia, serif; font-size:1.7em; color:#b3aba9; font-weight:normal; margin-bottom:13px;}
h3{font-family:arial, sans serif; font-size:1.2em; color:#333; font-weight:bold; margin-bottom:2px;}
h4{font-family:georgia, serif; font-size:1.7em; color:#999; font-weight:normal; margin:10px; }
h3, .bodysheet{margin-left:10px;}
.sheetbody{margin-bottom:30px;}
.bodysheet{}

.leftsheet{width:295px; float:left;}
.rightsheet{width:295px; float:left; margin-left:12px;}
.fullsheet{width:600px; float:left;}
/*---------------------------------------------------------*/

/* PANEL
 -----------------------------------------------------------*/ 
.panel_body{ float:left; clear:both;}
.panel_bottom{height:15px; float:left; clear:both;}

.panel_top5{float:left; clear:both; width:169px; margin-bottom:10px;}
.panel_top5 h4{ font-family:georgia, serif; font-size:1.7em; color:#cb0024; font-weight:normal;}
.panel_body5{float:left; clear:both; width:169px; font-size:0.9em; line-height:1.4em; text-align:left;}
.panel_bottom5{float:left; clear:both; height:15px;}

.panel_gradient{float:left; clear:both; width:169px; margin-bottom:10px; background:url(../g/2010/template/panel_gradient.gif) repeat-x #cdcdcd; height:120px;}
.gradient{border:10px;}
.panel_body_gradient{padding:0 10px 10px 10px;}
.panel_body_gradient a:hover{color:#fff;}
/*---------------------------------------------------------*/

/* FOOTER
 -----------------------------------------------------------*/ 
ul#footer {float:left; font:bold 0.9em Arial, Sans-serif; margin-right:10px; margin-top:0px; font-weight:normal;}
ul#footer li {color:#a19594; display:inline; padding:0 2px 0 2px;}
ul#footer li a{color:#a19594; text-decoration:none;} 
ul#footer li a:hover{color:#cb0024; text-decoration:none;} 
/*---------------------------------------------------------*/