/* CSS RESET */
* {	margin: 0px; padding: 0px; font-size: 100%;  }
img { border: 0; padding: 0px; }
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* LINKS */
a:link, a:visited { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2c8eeb; text-decoration: underline; }
a:hover { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }


/* COMMON */
html { background-color: #FFF; }
body { background: #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-top: 8px solid #0e0e97; font-family: Arial, Helvetica, sans-serif; color: #606060; line-height: 15px; }

.width_100 { width: 100%; }
table, td, div {  color:#404040; background: transparent; padding: 0px;  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

textarea, input { 
	border-top: 1px solid #abadb3; 
	border-left: 1px solid #abadb3; 
	border-right: 1px solid #e3e9ef; 
	border-bottom: 1px solid #e3e9ef; 
	color:#556596; 
	padding: 1px; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background-color: transparent; 
	margin: 1px; 
	overflow:hidden; 
}

small { font-size: 10px; color: #666666; }

p { padding-bottom: 10px; } 

hr { 
	height: 2px; 
	border-bottom: 1px solid #FFFFFF; 
	color: #BAC4D7; 
	background: #cbcbcb;
        margin: 6px 0px 6px 0px;
}


h1 {
	line-height: 28px;
	height: 35px;
	font-size: 16px;
	color: #616161;
	padding-left: 5px;
}
	
h3 {
	font-size: 24px;
	color: #2c2c2c;
	font-weight: bold;
}

#mainwrap {
	width: 940px;
	margin: auto;
	padding: 0 35px 0 35px;
	background:url(img/bg.jpg) no-repeat top right;
}

#topnav {
	width:870px;
	margin:auto;
	text-align:right;
	padding:0;
	height: 22px;
}

#topnav ul {
	display: block;
	
}

#topnav ul li {
	display: inline;


}

#topnav li :link, #topnav li :visited {
	font-size: 10px;
	color: #636363;
	text-decoration: none;
	height: 22px;
	padding: 0 10px 0 10px;
}

#topnav li :hover {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	background: #0e0e97;
	height: 22px;
	padding: 0 10px 0 10px;
}

#navigation {
	width: 870px;
	padding: 10px 0px 0px 0px;
	height: 66px;
	margin:auto;
}

#logo {
	width: 250px;
	height: 62px;
	float:left;
	vertical-align:top;
}

#navmenu {
	width: 620px;
	height: 20px;
	float: right;
}

#inftool {
	width: 870px;
	padding: 0px;
	height: 41px;
	margin:auto;
}

#inforea {
	width: 575px;
	height: 41px;
	line-height: 41px;
	float:left;
	color:#FFFFFF;
	background: #0e0e97;
	font-size: 14px;
	padding-left: 20px;
}

#searcher {
	width: 255px;
	padding: 5px 10px 0px 10px;
	height:36px;
	float: right;
}

#searchbox_m {
	background: url(img/searchbox_right.png) no-repeat top right;
}

#searchbox_l {
	background: url(img/searchbox_left.png) no-repeat top left;
}

#searchbox_r {
	background: url(img/searchbox_mid.png) repeat-x top;
	line-height: 35px;
	margin-left: 30px;
	margin-right: 15px;
}

.searcharea {
	font-size: 11px;
	color:#999999;
	border: 0;
}

#plugin_content {
	width:870px;
	margin:auto;
	padding:0;
	padding-top: 10px;
	height:auto;
	
}

#p_left1 {
	width: 595px;
	float: left;
}

#p_right1 {
	width:255px;
	float: right;
	padding: 10px;
}

.plugin_l1 {
	padding: 5px;
}

#p_leftin {
	width:595px;
	margin-top: 15px;
	background:url(img/bg_pl1.png) repeat-y center;
	min-height: 150px;
}

#p_leftin_1 {
	width: 255px;
	float:left;
	padding-right: 10px;
}

#p_leftin_2 {
	width: 310px;
	float:right;
	padding-left: 10px;
}

.p-leftin1 {
	padding: 10px;
}

.p-centrin {
	padding: 10px;
}

.padlock {
	padding: 5px;
}


.p-rightin1 {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.csr {
	background:url(img/bg_div.jpg) no-repeat top left;
	width: 190px;
	padding: 3px;
	height: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: top;
}

#p-head {
	width: 940px;
	padding:0px;
	margin: auto;
	height: 148px;
}

.p-header {
	width: 870px;
	margin: auto;
}

#plugin_left {
	width:180px;
	padding-right:15px;
	float:left;
}

#plugin_right {
	width:630px;
	padding-left:35px;
	float: right;
	border-left:1px dotted #CCCCCC;
}

#plugin_right2 {
	width:180px;
	padding-left:15px;
	float:right;
}

#plugin_left2 {
	width:630px;
	padding-right:35px;
	float: left;
	border-right:1px dotted #CCCCCC;
}

/* BANNER */
#header-banner { width: 870px; padding:0; margin: 0 auto; background: transparent; height: 148px; position: relative;}
#header-img { width: 870px; height: 148px;  }

#header-nav { position: absolute; top: 0px; right: 0px; padding: 0; }
#header-nav li { float: left; margin-right: 1px; }
#header-nav :link, #header-nav :visited { width: 194px; height: 48px; overflow: hidden; text-indent: -3000px; display: block; background: url(../../images/btn_csr.png); }
#header-nav .sn-1 :link, #header-nav .sn-1 :visited { position: absolute; top: 0px; right: 0px; padding: 0; padding: 0; }
#header-nav .sn-2 :link, #header-nav .sn-2 :visited { background-position: 0 -50px; position: absolute; top: 50px; right: 0px; padding: 0; }
#header-nav .sn-3 :link, #header-nav .sn-3 :visited { background-position: 0 -100px; position: absolute; top: 100px; right: 0px; padding: 0; }
#header-nav .sn-1 :hover, #header-nav .sn-1 .sn-active:link, #header-nav .sn-1 .sn-active:visited { background-position: -195px 0;  }
#header-nav .sn-2 :hover, #header-nav .sn-2 .sn-active:link, #header-nav .sn-2 .sn-active:visited { background-position: -195px -50px;  }
#header-nav .sn-3 :hover, #header-nav .sn-3 .sn-active:link, #header-nav .sn-3 .sn-active:visited { background-position: -195px -100px;  }



#footer {
	width: 870px;
	height: 30px;
	line-height: 20px;
	margin:auto;
	padding-top: 20px;
	border-bottom:2px solid #0e0e97;
	text-align: center;
	text-transform: uppercase;
	color: #1c1c1c;
}

#footer :link, #footer :visited {
	color: #1c1c1c;
	font-size: 11px;
	text-decoration: none;
}

#footer :hover {
	color: #0e0e97;
	text-decoration: underline;
}	

#copyright {
	width: 870px;
	margin:auto;
	padding: 10px;
	text-align: left;
	color: #1c1c1c;
	padding-bottom: 30px;
	font-size:11px;
}

#copyright :link, #copyright :visited, #copyright :hover {
	color: #0e0e97;
	font-weight: bold;
	text-decoration: none;
}


/*
	FOR THE MOVER
*/
#wrap, #wrap2   							{ width: 850px; position: relative; }
#small, #small2								{ position: relative; width: 100%; }
#large, #large2    							{ background: white; position: relative; width: 1280px; }
#mover, #mover2								{ position: absolute; top: 0; left: 0; width: 200px; height: 200px; overflow: hidden; z-index: 100; background: white; display: none; }
#overlay, #overlay2							{ border: 1px solid blue; width: 198px; height: 198px; position: absolute; top: 0; left: 0; z-index: 200; }