/* DROP DOWN MENU ITEMS HEIGHT */
/* Has to have fixed height as sbm_bg (sub_menu backgrdoun holder + sub_xx (sub_menu item xx) are positionned absolute.
To calculate height :
number of entries (e.g. number of li items) * 25 (e.g. height of each li)
for instance : 
<div id="sub_xx" class="subm" onmouseout="MenuH();" >
	<div class="sbm_bg"></div>
		<ul>
			<li>entry 1</li>
			<li>entry 2</li>
			<li>entry 3</li>
			<li>entry 4<li>
		</ul>
	</div>
</div>

here we have :  heigth = 4 * 25 = 100;
use values below :
	#sub_xx ul,#sub_xx .sbm_bg{height:100px;}
*/
	#sub_home ul,#sub_home .sbm_bg{}
	#sub_work ul,#sub_work .sbm_bg{height:150px;}
	#sub_garden ul,#sub_garden .sbm_bg{}
	#sub_statement ul,#sub_statement .sbm_bg{}
	#sub_exhibitions ul,#sub_exhibitions .sbm_bg{}
	#sub_blog ul,#sub_blog .sbm_bg{}
/** end sub drop down height **/



/* DO NOT CHANGE BELOW*/

/* commons */
*{margin:0; padding:0; border:0; font-size:10px;z-index:0;}
ul{list-style-type: none;}
body {background:url("../images/background.jpg") top left repeat;}

#all{position:relative; top:0; margin:auto; width:932px;}

/*  Background images holders */
	#top{position:absolute; top:0; left:0; background:url("../images/border_top.png") top left no-repeat; width:932px; height:188px; }
	#left{position:absolute; top:188px; left:0px; background:url("../images/border_left.gif") 0px 0 no-repeat; width:24px; height:409px;}
	#center{position:absolute; top:188px; left:24px;background:url("../images/middleindex.jpg") top left no-repeat; width:860px; height:409px;}
	#right{position:absolute; top:188px; right:0px;background:url("../images/border_right.gif") top left no-repeat; width:49px; height:409px;}
	#bottom{position:absolute; top:597px; left:0;background:url("../images/border_bottom.gif") 0px 0  no-repeat; width:932px; height:41px;}

/* Header */
#name{ position:absolute; top:70px; text-align:center; left:250px; height:33px;width:387px;}
	#name img{position:relative; top:10px;}
#logo{position:absolute; top:97px; left:0; z-index:2; width:749px; }
	#logo div{position:relative; top:0px; left:280px;}
#burst_head{position:absolute; top:122px; right:80px; z-index:2;}

/* Menu */
#Menu, #Header{ z-index:2;position:relative;}
#Menu{position:absolute;top:167px; left:200px;width:650px;}
#Menu ul.mainm{position:relative; z-index:2;  }
#Menu ul.mainm li{z-index:3;color:#8e6740; height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; display:block; position:absolute; top:0; border-right:1px solid #c3c2b8;}
#Menu ul.mainm li a{ text-decoration:none;z-index:3;color:#8e6740; display:block;text-align:center; line-height:30px; height:30px; text-transform:capitalize;font-size:1em;}
#Menu ul.mainm li a:hover{ text-decoration:none;}
#Menu ul.mainm li.active a{color:#313d3d;}

#Menu ul.mainm li.home{width:45px;position:absolute; top:0; left:0px;}
#Menu ul.mainm li.work{width:71px;position:absolute; top:0; left:45px;}
#Menu ul.mainm li.garden{width:121px;position:absolute; top:0; left:116px;}
#Menu ul.mainm li.statement{width:108px;position:absolute; top:0; left:237px;}
#Menu ul.mainm li.exhibitions{width:80px;position:absolute; top:0; left:345px;}
#Menu ul.mainm li.blog{width:65px;  border-right:0px;position:absolute; top:0; left:425px;}


/* sub menus */
/* sub menu divs fod bg transparency no png */
.sbm_bg{ position:absolute; top:0; left:0; width:270px;/* height:250px;*/ background:#dedcd3;filter : alpha(opacity=80);    -moz-opacity : 0.8;    opacity : 0.8;  z-index:1;}

.subm ul { filter : alpha(opacity=100);    -moz-opacity : 1;    opacity : 1;  position:absolute; top:0; left:0; width:270px; /*height:300px;*/ z-index:1;}

.subm ul li{height:25px;display:block; }
.subm ul li a{padding:0px 10px;display:block;color:#495352;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none; text-transform:uppercase;line-height:25px;height:25px;}
.subm ul li a:hover{background:#fff;}

#sub_home{display:none;position: absolute;top:30px; left:116px;width:200px;}
#sub_work{ display:none;position: absolute;top:30px; left:45px;width:250px;}
#sub_garden{display:none;position: absolute;top:30px; left:116px;width:200px;}
#sub_statement{display:none;position: absolute;top:30px; left:238px;width:200px;}
#sub_exhibitions{display:none;position: absolute;top:30px; left:355px;width:200px;}
#sub_blog{display:none;position:absolute;top:30px; left:425px;width:200px;}

/* Footer */
#Footer{position:absolute; top:650px; left:45px;}
	#Footer p{ color:#f0ebe0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
		#Footer p span{ color:#f0ebe0; padding:0 5px;}	
		#Footer p a,#Footer p a:visited { color:#f0ebe0; text-decoration:none;font-size:1em;}
		#Footer p a:hover{ color:#f0ebe0; text-decoration:underline;}