@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0}
body{padding:20px;background:white;background:white;color:#555; width:900px;margin: 0 auto; 	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;

	font-size: 11px;

	line-height: 20px;
}


p
{
 	margin:			0 0 1em 0;}


h2{
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'helvetica neue', sans-serif;
	font-size: 12px;
	font-weight: bold;
	word-spacing: 3em;
}

h3{
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'helvetica neue', sans-serif;
	font-size: 80%;
	font-weight: bold;
}

h1{	font-size: 12px;
letter-spacing:3px;text-transform:uppercase;}

a{
	color:#44a6a7;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#666666;
}

.logo{width:900px; height:112px; margin-bottom:1em;}

.aboutleft{
	width:280px;
	margin-bottom:0em;
	float:left;
	margin-right: 20px;
	padding-top: 10px;
}

.aboutright{
	width:600px;
	margin-bottom:0em;
	float:left;
	height:600px;
	
}

.aboutright2{
	width:600px;
	margin-bottom:0em;
	float:left;
	
}


 
.caption{color:#888;position:absolute;top:475px;left:3px;width:250px;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:300px;float:left;}
.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
.galleria_container{margin:0 auto 20px auto;height:602px;width:600px;float:right;}

.nav{padding-top:15px;clear:both;}

.info{text-align:left;margin:10px 0;border-top:1px dotted #221;padding-top:10px;clear:both;}
.info p{margin-top:1.6em;}

.nav{position:absolute;top:570px;left:0;}

.topnavleft{width:300px;margin-bottom:0px;margin-top:12px;float:left;}
.topnavright{width:600px;margin-bottom:0px;float:left;}


ul, li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
width:550px;margin-bottom:5px;float:left;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
	padding:4px;
	height:30px;
}
	#middlebar .menu li {
		height:30px;
		float:left;
		margin-right:10px;
	}
	#middlebar .menu li a{
	color:#44a6a7;
	text-decoration:none;
	padding:0 10px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	padding:0 26px 0 10px;
	background:url(rm.png) right top no-repeat;
	}
	#middlebar .menu li a:hover{
		color:#666666;
	}
#middlebar ul .submenu {
	border-top:none;
	left:360px;
	background:#FFFFFF;
	position: relative;
	top: 4px;
	width:130px;
	padding:6px 0;
	clear:both;
	z-index:2;
	display:none;
}
	#middlebar ul .submenu li{
		background:none;
		display:block;
		float:none;
		margin:0 6px;
		border:0;
		height:auto;
		line-height:normal;
		border-top:solid 1px #DEDEDE;
	}
	#middlebar .submenu li a{
	background:none;
	display:block;
	float:none;
	padding:6px 6px;
	margin:0;
	border:0;
	height:auto;
	color:#44a6a7;
	line-height:normal;
	}
	#middlebar .submenu li a:hover{
	background-color: #E0E0E0;
	}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:750px; height:100px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}