/* 1. GENERAL
-----------------------------------------------------------------------------------------------*/	
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; text-shadow:rgba(0,0,0,0.01) 0 0 0;}
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {	font-family:Arial, Helvetica, sans-serif;}
/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {	text-decoration:none;}
a:hover, a:active {}
a:focus{	outline:none;	}
a img{ vertical-align:bottom;} 
/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 	display: none; }
img {	border: none;    -ms-interpolation-mode: bicubic; }	
input{ vertical-align:middle;}
/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {clear: both;font-size: 0;height: 0;	line-height: 0;	overflow: hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/.clearfix {display: block;}/* End hide from IE-mac */
.noborder{ border:none !important;}
/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body {   font-family:Arial, Helvetica, sans-serif;   margin:0;   text-align:center; padding:0; background:#fff; font-size:12px;}

.wrap{
	text-align:left;
	margin:0 auto;
	width:960px;
	padding:7px 0 0;
	position:relative;
}
.head{
	height:62px;
	background:url(../images/head.png) no-repeat top left;
	position:relative;
}
.head #logo{
	display:block;
	height:30px;
	left:32px;
	position:absolute;
	text-indent:-999px;
	top:16px;
	width:63px;
}
.head #home{
	display:inline-block;
	height:12px;
	position:absolute;
	right:174px;
	top:26px;
	width:12px;
}
.head .links{
	float:right;
	padding:23px 0 0;
	width:165px;
}
.head .links a{
	display:inline-block;
	margin:0 7px 0 0;
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:12px;
	font-weight:bold;
}
.head .links a:hover{
	border:none;
}
.content{
	padding:20px 0 20px;
}
.sidebar{
	float:left;
	width:200px;
}
.sidebar ul.menu	{
	width:189px;
	position:relative;
	z-index:100;	
}
.sidebar ul.menu li	{ 
	list-style-type:none;
	background:#f9f9f9 url(../images/side-li.png) no-repeat top left;
	padding:5px 0 6px 0px;
	margin:0 0 6px;
	position:relative;	
}
.sidebar ul.menu li.one{
	background: url(../images/side-li.png) no-repeat top left;
}
.sidebar ul.menu li a{
	color:#fff;
	font-weight:bold;
	margin-left:35px;
	display:inline-block;
}
.sidebar ul.menu li a:hover{
	text-decoration:underline;
}
.sidebar ul.menu ul{
	position:relative;
	z-index:10;
	width:188px;
	padding:14px 0 15px;
	margin:6px 0 -12px;
	background:#f9f9f9 url(../images/side-bg.gif) 0px 100% no-repeat;
}
.sidebar ul.menu ul li{
	background:url(../images/side-li2.gif) no-repeat 12px 5px;
	padding:2px 0;
	margin:0;
}
.sidebar ul.menu ul li a{
	color:#2a8ebd;
}
.main-content{
	padding:0 0 0 0px;
	float:right;
	width:755px;
}
.main-content ul{
	margin:0 0 10px 15px;
}
.main-content ul li p{
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	font-family:"myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif !important;
	font-weight:bold;
	color:#5a5a5a;
}
h1, .hh1{
	font-size:30px;
	letter-spacing:-2px;
	padding:0 0 15px;
	line-height:25px;
}
h2{
	font-size:25px;
}
.main-content .banner{
	float:right;
	width:180px;
	text-align:right;
}
.main-content p{
	text-align:justify;
	color:#5a5a5a;
	padding:0 0 15px;
	line-height:18px;
}
.main-content p a{
	color:#5cc7e8;
	text-decoration:underline;
}
.main-content p a:hover{
	text-decoration:none;
}
.main-content p a.bigger{
	font-weight:bold;
	color:#59c1e2;
}
.footer{
	background:url(../images/footer.gif) top left repeat-x;
	padding:20px 0 20px;
	text-align:center;
	color:#5a5a5a;
	line-height:20px;
}
.footer a		{  	color:#5a5a5a; display:inline-block; margin:0 2px; }
.footer a:hover	{ 	text-decoration:underline; }


#popup{
	display: none; 
	/*position: fixed; 
	top: 0px; 
	left: 0px; */
	z-index: 1000; 
	text-align: center;
}
#popup #div1{
	background: #fff; 
	opacity: 0.8; 
	filter: alpha(opacity = 80);
	width: 1000%;
	height: 1000px; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	z-index: 1000;
}
#popup #div2{
	padding: 20px; 
	font-size: 150%; 
	width: 659px; 
	height: 505px; 
	z-index: 1000; 
	position:fixed;
	top:10px;
	left:50%;
	margin-left:-350px;
}
#popup #div2 a{
	display:inline-block;
	height:55px;
	left:62px;
	position:absolute;
	top:438px;
	width:421px;
	background:#f1f1f1\9;
	filter: alpha(opacity = 10);	
}
#popup #div2 img{
	 box-shadow: 0 0 5px #000000;
	 -webkit-box-shadow: 0 0 5px #000000;
	 -moz-box-shadow:0 0 5px #000000;
	 *border:2px solid #000;
}