/* div definition and styles */

html {
	height: 100%; min-height:580px;
}

body {
	text-align: left; 	
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.3px;
	color: #fff;
	font-size: 14px;
	font-weight:normal;
	line-height: 21px;
	height: 100%; min-height:580px;
	margin:0;
	padding: 0;
}
.wrapper {width:100%; min-width:1000px; position:relative; height:100%; min-height:580px;}

#leftbar {height:100%; width:300px;margin:0 0 0 50px;background: url(images/bg_leftbar.png) top repeat; z-index:900; min-height:768px;}
#leftbar .leftbar-area {width:300px;margin:0 auto;z-index:900;}
.leftbar-area .upper {width:240px;height:300px;z-index:1000 !important;padding:20px 30px 10px 30px;}
.leftbar-area .lower {width:240px;text-align:left; z-index:1000 !important; padding:0 0 0 36px;}

#content {right:0px; position:absolute; top:50%; width:640px; height:580px; margin-top:-290px; /* negative half of the height */ background: url(images/bg_leftbar.png) top repeat;z-index:800;}
#content .top {width:600px; height:60px;z-index:810; padding: 10px 20px 0px 20px;}
#content .mid {width:600px; height:460px;z-index:810; padding: 0 20px;}
#content .bottom {width:600px; height:50px;z-index:810; background:#000; padding:0 20px;}

/* text styles */
a:link {color: #ff8a00; font-weight: normal; text-decoration: none}
a:visited {color: #ff8a00; font-weight: normal; text-decoration: none;}
a:hover {color: #fff; font-weight: normal; text-decoration: none;}
a:active {color: #ff8a00; font-weight: normal; text-decoration: none;}

/* remove active border / outline on flash object and on menu */

object, embed {
 outline: 0;
}

a {
outline: none;
}

/* vertical menu - courtesy of http://wwww.cssplay.co.uk */
.menuHolder2 {position: relative; margin-left:10px; float:left; overflow:hidden; width:240px; height:400px;font:normal bold 16px/40px verdana, sans-serif;letter-spacing: 1px;z-index:1100;}

ul.menu2 {margin:0 0 0 0; list-style: none; display:block; width: 240px; position:relative; padding:20px 0;}

ul.menu2 li {margin:5px 0 0 0;}

ul.menu2 li a {background:#aaa; color:#ddd; padding:0 5px; width:180px; display:block; text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

ul.menu2 li a.orange {background: transparent;}

ul.menu2 li a:hover {background:#aaa; color:#fff; padding:0 5px 0 40px;}

ul.menu2 li a.orange:hover {background:#ff8a00;}