* {border:0; margin:0; padding:0; font-size:12px; font-family:arial; line-height:17px; color:#5A5A5A}
body, html{height:100%}
ul{list-style:none; list-style-position:outside; list-style-image:outside}
td{background: url(../images/bg/global_bg.jpg) center center no-repeat;}
/*Clear Styles*/
	.clearer{clear:both}
	.clear_left{clear:left}
	.clear_right{clear:right}
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

#preloader{
 display:none;
 background: url(../images/bg/topnav_act_1.png);
 background: url(../images/bg/topnav_act_2.png);
 background: url(../images/bg/topnav_act_3.png);
 background: url(../images/bg/topnav_act_4.png);
 background: url(../images/bg/topnav_b_1.png);
 background: url(../images/bg/topnav_b_2.png);
 background: url(../images/bg/topnav_b_3.png);
 background: url(../images/bg/topnav_b_4.png);
}
	
#contentwrapper{width:600px; height:555px;  margin:0 auto;position:relative; top:0; left:0}
#topnav li{position:absolute; width:110px; height:57px}
#topnav li a{display:block;height:45px}

#topnav li#nav_1,#topnav li#nav_1_act{left:-27px; width:130px;top:30px}
#topnav li#nav_2,#topnav li#nav_2_act{left:97px; width:104px;top:33px}
#topnav li#nav_3,#topnav li#nav_3_act{left:201px;top:37px; width:110px}
#topnav li#nav_4,#topnav li#nav_4_act{left:310px; width:120px;top:41px}

#topnav li#nav_1 a,#topnav li#nav_1_act a{margin:0 3px;width:119px}
#topnav li#nav_2 a,#topnav li#nav_2_act a{margin:0 2px;width:102px}
#topnav li#nav_3 a,#topnav li#nav_3_act a{margin:0 3px;width:106px}
#topnav li#nav_4 a,#topnav li#nav_4_act a{margin:0 4px;width:115px}

#topnav li#nav_1 a:hover,#topnav li#nav_1_act a{background: url(../images/bg/topnav_act_1.png) no-repeat left top}
#topnav li#nav_2 a:hover,#topnav li#nav_2_act a{background: url(../images/bg/topnav_act_2.png) no-repeat left top}
#topnav li#nav_3 a:hover,#topnav li#nav_3_act a{background: url(../images/bg/topnav_act_3.png) no-repeat left top}
#topnav li#nav_4 a:hover,#topnav li#nav_4_act a{background: url(../images/bg/topnav_act_4.png) no-repeat left top}


#topnav li#nav_1_act{background: url(../images/bg/topnav_b_1.png) no-repeat bottom left}
#topnav li#nav_2_act{background: url(../images/bg/topnav_b_2.png) no-repeat bottom left}
#topnav li#nav_3_act{background: url(../images/bg/topnav_b_3.png) no-repeat bottom left}
#topnav li#nav_4_act{background: url(../images/bg/topnav_b_4.png) no-repeat bottom left}

#subnav li{position:absolute; height:20px;}
#subnav li#snav1{bottom:24px; right:102px; width:40px}
#subnav li#snav2{bottom:22px; right:36px; width:60px}
#subnav li#snav3{bottom:20px; right:-35px; width:69px}

#subnav li a{display:block;height:20px}

#content {height:335px; width:580px; overflow: auto; position:absolute; top:124px; left:15px}
#content .pic {position:relative; float:left;margin-right:19px; margin-bottom:10px}
#content .pic img{padding:5px; border: 1px solid #BEBEBE} 
#content p{padding-bottom:10px}

.rolloverpic a, .rolloverpic img { 
	text-decoration:none;
	border:0px;
	display:block;
	width: 135px;
	height: 90px;
}

.rolloverpic a {
	border:1px #A4A9AC solid;
	padding:1px;
}

.rolloverpic a:active, .rolloverpic a:focus {
	text-decoration:none;
}

.rolloverpic a:hover { 
	position:relative;
	white-space:normal;
}
.rolloverpic a:hover img { 
	position:absolute;
	background:#fff;
	padding:1px;
	border:1px #A4A9AC solid;
	left:-54px;
	top:-36px;
	width: 243px;
	height: 162px;
}