@charset "utf-8";

/********************************************************************************************************/
/*	Template																							*/
/********************************************************************************************************/

*{
	margin: 0;
	
	border: 0;
	
	text-decoration: none;
}

body{
	font: 13px/19px 'Arial';
	color: #616161;
}

img.left{ float: left; }
img.right{ float: right; }
#map_canvas{ float: right; margin:10px 10px 0 0;}

.clear{
	clear: both;
}


/********************************************************************************************************/
/*	Container																							*/
/********************************************************************************************************/

#container{
	width: 990px;
	margin: 0 auto;
}

#container .star{
	height:14px;
	width:15px;
	position: relative;
	top:101px;
	left:428px;
	background: url('/images/star.jpg') no-repeat;
	z-index: 99;
}

/********************************************************************************************************/
/*	Logo																								*/
/********************************************************************************************************/

#logo{
	float: left;
	margin: 7px 0 10px;
}

/********************************************************************************************************/
/*	Navigation																							*/
/********************************************************************************************************/

#nav{
	clear: left;
	width: 990px;
	height: 31px;
	margin: -1px 0 0;
	position: relative;
	top: 1px;
	font: 12px/29px 'Arial';
	list-style: none;
	padding: 0;
}

#nav li{
	float: left;
	position: relative;
	margin: 0 -1px 0 0;
}

#nav .active, #nav li:hover, #nav li.hover{
	background: url('/images/nav_left.png');
}

#nav a{
	float: left;
	padding: 1px 25px 0;
	color: #aaa;
}

#nav .active a, #nav a:hover{
	padding: 1px 25px;
	color: #2f2f2f;
	background: url('/images/nav_right.png') right no-repeat;
}

/********************************************************************************************************/
/*	Content																								*/
/********************************************************************************************************/

#content{
	float: left;
	width: 799px;
	height: 401px;
	border: 1px solid #c0c0c0;
}

#content p{
	padding: 30px 20px;
	padding: 312px 0 0 420px\9;
}

#content p.small{
	padding: 30px 20px!important;
}

#content a{
	color: #F78A2F;
}

#content a:hover{
	text-decoration: underline;
}

.text{
	float: left;
	width: 350px;
	height: 376px;
	padding: 25px 22px 0;
	border-right: 1px solid #c0c0c0;
}

.center{
	text-align: center;
}

.flash2{
	position: relative;
	top: -60px;
	display: inline;
}

.flash3{
	padding:90px 0 0 40px;
	padding:90px 0 0 440px\9!important;
}

#content .text p{
	padding: 0px;
}

.text h1{
	font-size: 16px;
}

.text h2{
	font-size: 14px;
}

#visual{
	float: left;
	width: 400px;
	padding-left:4px;
	padding-top:3px;
	text-align: justify;
}

div.above{
	height:57px;
	padding-left: 30px;
	padding-left: 430px\9;
}

div.above h2{
	font-size:14px;
}

#visual img{
	float: left;
}

#visual p{
	float: left;
	padding: 8px 20px;
}

.flash{
	float: left;
}

/********************************************************************************************************/
/*	Right																								*/
/********************************************************************************************************/

#right{
	float: left;
	width: 189px;
	height: 403px;
	position: relative;
	overflow: hidden;
	background: url('/images/c0c0c0.png') right repeat-y;
	list-style: none;
	padding: 0;
}

#right *{
	position: relative;
	list-style: none;
	padding: 0;
}

#right ul{
	width: 189px;
}

#right li{
	float: left;
	clear: left;
	width: 149px;
	height: 109px;
	padding: 12px 20px;
	color: #494949;
	border-bottom: 1px solid #c0c0c0;
}

#right .small li{
	height: 56px;
}

#right .middle li{
	height: 75px;
}

#right li.last{
	border: none;
}

#right h3{
	font: bold 15px/27px 'Arial';
	line-height: 15px;
	padding-top:8px;
}

#right .active h3{
	color: #e2590a;
}

#right p{
	font: 12px/24px 'Arial';
}

#right a{
	display: block;
	width: 100%;
	height: 100%;
	color:#494949;
	text-decoration: none!important;
}

#right a .more{
	float: left;
	margin: 15px 0 0;
	padding: 0 19px 0 0;
	font: bold 11px/14px 'Arial';
	color: #e2590a;
	background: url('/images/more.png') right no-repeat;
}

#right .small a{
	margin: 0;
}

#right .middle a{
	margin: 0;
}

#right a:hover{
	text-decoration: underline;
}

#right .top{
	width: 189px;
	height: 131px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('/images/right_top.png');
}

#right .bottom{
	width: 189px;
	height: 123px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('/images/right_bottom.png');
}