* {margin:0;padding:0}


/* mac hide \*/
html,body{height:100%;}
img{border:0px}
/* end hide*/
body {
	font-family: "trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 12px;
	background:#1F1F1F;
	color:#fff;
	text-align:center;
}
#outer{
	min-height:100%;
	width:820px;
	margin:-74px auto 0;/* make space for footer*/
	margin-right:auto;
	text-align:left;
	position:relative;
	background-color:#fff;
}
* html #outer {
	width:826px;
	w\idth:820px;
	height:100%;
}
#outer-dummy{
	padding:0 10px;
}
#footer{

	text-align:center;
}
#header{
	border-top:74px solid #ADE5FE;
	/*min-height:280px;*/
	min-height:186px;
}
* html #header{
	height:186px;
}
#header #contact{
	position:absolute;
	width:130px;
	height:30px;
	top:90px;
	right:15px;
}

#logo{
	background:#040404 url(bg-header.jpg) repeat-x left top;

}
#logo img{
	position:relative;
	border:0;
	/*left:-1px;*/
}
#star{
	position:absolute;
	/*top:285px;*/
	top:187px;
	right:0;
	z-index:20;
	margin-right:1px;
}
#content{
	color:#6A6A6A;
	margin-top:12px;
	position:relative;
	overflow:hidden;
	min-height:550px;
}
* html #content{
	height:550px;
	overflow:visible;
}
#intro{
	position:relative;
	min-height:97px;
	_height:97px;
	overflow:auto;
	_overflow:inherit;
}


#intro{
	background:#000 url(bg-intro.jpg) no-repeat 200px 50%;
}
#intro #name{
	float:left;
	width:215px;
	padding:0px;
	
}
#intro #name-inner{
	padding:32px 0px 10px 50px;
}

#intro #name h3{
	font-size:19px;
	font-weight:normal;
	color:#8EDDFE;

}
#intro #name p{
	font-size:11px;
	color:#6A6A6A;
}
#intro #desc{
	position:relative;
	float:left;
	width:583px;
	color:#9a9a9a;
	line-height:15px;

}
	
.maindiv{
	padding-left:24px;
	padding-top:24px;
	padding-bottom:10px;
	padding-right:30px;
	color:#3F3F3F;

}
#left{

	width:236px;
	position:relative;
	float:left;
}
#right{

	width:560px;
	position:relative;
	float:left;
}
.maindiv h2{
	color:#77C3EE;
	font-size:20px;
}
.maindiv h3{
	color:#77C3EE;
	font-size:16px;
}
.maindiv div.hr{
	height:1px;
	background-color:#D7D7D7;
}
.maindiv p{
	margin-bottom:23px;
}
.maindiv p.larger{
	font-size:14px;
	line-height:20px;
}
.maindiv p.normal{
	line-height:20px;
}
.blue{
	color:#8EDDFE;
}
.clearer{
	height:1px;
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}
#gmap{
	border:1px solid #d7d7d7;
	position:absolute;
	top:85px;
	right:20px;
	

}
/**footer**/
#footer-wrap{ /*to counter negative margin*/
	height:58px;
}
#footer{

	width:820px;
	margin-left:auto;
	margin-right:auto;
	margin-top:19px;
	/*background:transparent url(bg-footerl.gif) no-repeat left bottom;*/
	xborder:1px solid red;
}
* html #footer {
	width:826px;
	w\idth:820px;
}

#footer-dummy{

	/*background:transparent url(bg-footerr.gif) no-repeat right bottom;*/

}
#footer-dummy2{
	margin:0;
	padding-right:20px;
	padding-left:15px;
	background:transparent url(bg-footer2.jpg) no-repeat left top;
	height:35px;
	line-height:35px;
}
#footer ul{
	list-style:none;
	_margin-left:-10px;
}
#footer li{
	float:left;
	margin-left:7px;
	color:#464646;
}
#footer a{
	font-size:11px;
	color:#B7B7B7;
	text-decoration:none;
}
#copyright{
	position:relative;
	float:right;
	font-size:10px;
	color:#B7B7B7;
}

/**menu**/
#menudummy{
	height:37px;
	overflow:hidden;
	position:relative;
	z-index:10;

}
#menudummy2{
	background:#1F1F1F url(bg-menu.jpg) repeat-x left top;
	overflow:auto;
}
* html #menudummy2{
	height:1%;
	overflow:visible;
}
#menu{
	width:720px;
	_margin-left:0px;
	list-style: none;
	float:left;
	position:relative;
	overflow:hidden;

}
#menu li{
	float:left;
	font-family: "trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	font-weight:normal;
	text-align:center;
	background:transparent url(bg-menuitem.jpg) repeat-x right top;
}
#menu li.lastitem{
	background-position:left top;
}
#menu li.selected{
	background-position:right -37px;
}
#menu li.lastitem.selected{
	background-position:left -37px;
}
#menu li.selected a{
	color:#8EDDFE;
}
#menu a{
	float:left;
	display:block;
	position:relative;
	height:37px;
	line-height:40px;
	text-decoration:none;
	color:#B7B7B7;
}
#menu a span{
	display:block;
	padding-right:20px;
	padding-left:20px;

}
#menu a:hover{ /* dedicated to IE6. Needed for hover to work on nested span:) */
 	border: 0;
 	color:#8EDDFE;
}
#menu a:hover span{
	background:transparent url(bg-menuitem.jpg) repeat-x right -37px;
}
#menu li.lastitem a:hover span{
	background:transparent url(bg-menuitem.jpg) repeat-x left -37px;
}