@charset "utf-8";
/*
STYLE SHEET FOR www.napopo.com
### PUBLIC SITE ###
Site Colors:
#2B6F83 - blue (site's background)
#304c71 - blue (text)

ToC
1. Defaults
2. Structure
3. Links and Navigation
4. Fonts
5. Images
*/

/* ============== 1. Defaults ============== */

html {}
body {
	margin:0;
	padding:0;
	background-color:#2B6F83;
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size:12px;
	color:#304c71;
	}
div.spacer {
 	clear: both;
	}

/* ============== 2. Structure ============== */

/* ------- Page wrap ------- */
div#page_wrap {
	width:974px;
	margin:10px auto;
	line-height: 130%;
	}
/* ------- Header ------- */
div#header {
	height:66px;
	background-color:#FFF;
	}
div#header span.logo {
 	float: left;
	width:230px;
	margin:0;
	padding:0;
	}
div#header span.language {
 	float: left;
	width:150px;
	margin:5px;
	padding:0;
	font-size:11px;
	}
div#header span.top_menu {
 	float: right;
	width:550px;
	text-align:right;
	margin:5px;
	padding:0;
	font-size:12px;
	}
div#header a:link, #header a:visited, #header a:hover, #header a:active {
	color:#304c71;
	}
/* ------- Footer ------- */
div#footer {
	text-align: center;
	padding:5px;
	height:40px;
	background-color:#FFF;
	}
div#footer span.bottom_menu {
	font-size:12px;
	}
div#footer span.bottom_copyrights {
	line-height:26px;
	font-size:10px;
	}
div#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#304c71;
	}
/* ------- Content wrapper ------- */
div#content_wrapper {
	margin:10px auto;
	padding:10px;
	background-color:#FFF;
	height: 100%;
	overflow:auto;
	}
div#content_wrapper_hi {
	width:1000px;
	margin:10px auto;
	padding:5px;
	background-color:#FFF;
	height: 100%;
	overflow:auto;
	}
/* ------- home pages ------- */
div#header_hp h1{
	font-size:14px;
	color:#F90;
}
div#header_hp h2{
	font-size:12px;
	color:#F90;
}
div#left_wrapper {
	float:left;
	width:550.85px;
	}
div#right_wrapper {
	float:right;
	width:403.15px;
	margin-top:18px;
	}
div#hp_top_left_wrapper {
	float:left;
	width:550.85px;
	height:270px;
	margin-bottom:20px;
	padding:0;
	}
div#hot_zone_left {
	float:left;
	width:128px;
	height:270px;
	}
div#hot_zone_1 {
	width:124px;
	height:148px;
	padding-top:2px;
	padding-left:4px;
	background-image:url(/images/hotzone1.gif);
	text-align:center;
	}
div#hot_zone_2 {
	width:125px;
	height:112px;
	margin-top:6px;
	padding-top:2px;
	padding-left:3px;
	background-image:url(/images/hotzone2.gif);
	}
div#hot_zone_1 span.zone1_txt1 {
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	color:#C00;
	}
div#hot_zone_1 span.zone1_txt2 {
	font-size:9px;
	line-height:12px;
	color:#304c71;
	}
div#hot_zone_1 span.zone1_txt3 {
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	color:#304c71;
	}
div#hot_zone_1 span.zone1_txt4 {
	font-size:10px;
	line-height:12px;
	position:relative;
	top:12px;
	}
div#hot_zone_1 span.zone1_button {
	position:relative;
	left:20px;
	top:30px;
	}
div#hot_zone_1 a:link, #hot_zone_1 a:visited, #hot_zone_1 a:hover, #hot_zone_1 a:active {
	font-size:11px;
	line-height: 13px;
	color:#304c71;
	}
div#hot_zone_2 span.zone2_txt1 {
	font-size:9px;
	font-weight:bold;
	line-height:13px;
	}
div#hot_zone_2 span.zone2_txt2 {
	font-size:10px;
	line-height:10px;
	}
div#hot_zone_2 span.zone2_button {
	position:relative;
	left:20px;
	top:8px;
	}
div#top_map_area {
	float:left;
	width:402px;
	height:270px;
	margin-left:10px;
	}
div#map_title {
	height:18px;
	text-align:center;
	font-weight:bold;
	}
div#map_img {
	width:402px;
	height:250px;
	border:1px solid #CCC;
	}
div#column {
	float:left;
	width:127.7px;
	height:auto;
	margin-right:10px;
	}
div#column_last {
	float:left;
	width:127.7px;
	height:auto;
	}
div#column_title {
	width:127.7px;
	height:18px;
	text-align:center;
	margin:0 0 5px 0;
	padding-top:2px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	background-color:#2B6F83;
	}
div#column #column_last, ul {
	margin:0 0 10px 0;
	padding:0;
	}
div#column #column_last, li {
	font-size:11px;
	color:#304c71;
	list-style:none;
	margin:0;
	padding:0 0 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
div#column #column_last, li a:link, li a:visited, li a:active {
	display:block;
	text-decoration:none;
	color:#304c71;
	}
div#column #column_last, li:hover {
	background-color: #D2DDEC;
	}