@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET ########################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin: 0;padding: 0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; heigth:1px; }

p { font-size:1.2em; color:#000000; line-height:16px; margin:0px 0px 20px 0px; padding:0px; }
.myBox{-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	}
/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-size:2.0em; color:#000000; margin:0px; padding:0px 0px 10px 0px; font-weight:bold; display:block; }
h2 { font-size:1.6em; color:#000000; font-weight:bold; display:block; margin:0px; padding:0px 0px 10px 0px; }
h3 { font-size:1.4em; color:#666666; font-weight:bold; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:url(../images/bg_main.jpg) no-repeat center top #f7fbfe;
	font-family: Geneva, "tahoma", sans-serif;
}
#box {
	width:980px;
	margin:0px auto;
	padding:0px;
}
#header {
	width:927px;
	float:left;
	margin:0px;
	padding:0px 15px 0px 38px;
}
#header_top {
	background:url(../images/border.gif) repeat-x left bottom;
	width:927px;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px 0px 11px 0px;
}
#banner {
	width:791px;
	height:auto;
	float:left;
	margin:15px 19px 0px 0px;
	padding:0px;
}
#logo {
	background:url(../images/img_logo.gif) no-repeat;
	width:102px;
	height:105px;
	float:left;
	margin:0px;
	padding:0px;
}
#logo a { text-indent:-9999px; display:block; line-height:105px; }
#header_bottom {
	width:927px;
	height:39px;
	float:left;
	margin:0px;
	padding:0px;
}
#navigation {
	width:700px;
	float:left;
	margin:0px 22px 0px 0px;
	padding:0px;
}
#navigation ul {}
#navigation ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	display:block;
	float:left;
	line-height:39px;
	margin:0px;
	padding:0px 14px;
}
#navigation ul li a { color:#0e6490; }
#navigation ul li a:hover, #navigation ul li a.active { color:#f75200; }
#search_box {
	width:205px;
	float:left;
	margin:0px;
	padding:7px 0px 0px 0px;
}
#search_box .input {
	width:140px;
	height:25px;
	float:left;
	border:solid 1px #7f9db9;
	font-size:1.4em;
	margin:0px 10px 0px 0px;
	padding:0px 2px 0px 5px;
}
#search_box span {
	font-size:1.2em;
	font-weight:bold;
	line-height:27px;
	display:block;
}
#search_box span a { color:#565454; }
#search_box span a:hover { color:#8b8888; }

/* showcase */

#showcase {
	width:980px;
	
	float:left;
	margin:0px 0px 4px 0px;
	padding:0px;
}
#showcase_button {
	width:28px;
	height:372px;
	float:left;
	margin:0px;
	padding:11px 0px 0px 0px;
}
#showcase_button ul.field { width:28px; float:left; margin-bottom:28px; }
#showcase_button ul.field li { display:block; margin-bottom:2px; }
#showcase_button ul.social { width:28px; float:left; }
#showcase_button ul.social li { display:block; margin-bottom:20px; }
#showcase_slider {
	width:952px;
	
	float:left;
	margin:0px;
	padding:0px; 
}

/* container */ 

#container {
	width:954px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 26px;
}
#middle_bar {
	background:url(../images/bg_middlebar.gif) no-repeat;
	width:933px;
	height:30px;
	float:left;
	margin:0px 0px 2px 0px;
	padding:2px 0px 0px 20px;
}
#middle_bar .name { font-size:1.2em; color:#323131; float:left; margin:2px 38px 0px 0px; }
#middle_bar ul.arrow { width:72px; float:left; }
#middle_bar ul.arrow li { display:block; float:left; margin:0px 7px 0px 0px; }
#middle_bar .bluelink { font-size:1.2em; float:left; margin:2px 0px 0px 0px; color:#507284; }
#middle_bar ul.black_button { float:right; display:block; width:240px; margin-top:6px; text-align:center; }
#middle_bar ul.black_button li { font-size:1.2em; color:#323131; float:right; background:url(../images/br.gif) no-repeat right center; padding:0px 18px; display:block; }
#middle_bar ul.black_button li.last { background:none; }
#middle_bar ul.black_button li a { color:#323131; }

#content_box {
	background:url(../images/bg_content_box.gif) repeat-y;
	width:954px;
	float:left;
	margin:0px 0px 8px 0px;
	padding:0px;
} 
#content_box_upper {
	background:url(../images/bg_content_box_upper.gif) no-repeat left top;
	width:954px;
	float:left;
}
#content_box_down {
	background:url(../images/bg_content_box_down.gif) no-repeat left bottom;
	width:918px;
	float:left;
	margin:0px;
	padding:18px;
}
 
#content_box_center {
	background:url(../images/bg_content_box_center.gif) repeat-y;
	width:952px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px; 
} 
#content_box_upper_center  {
	background:url(../images/bg_content_box_upper_center.gif) no-repeat left top;
	width:952px;
	float:left;
}
#content_box_down_center  {
	background:url(../images/bg_content_box_down_center.gif) no-repeat left bottom;
	width:923px;
	float:left;
	margin:0px;padding:18px; padding-left:11px; padding-right:19px; text-align:left;
	
}




#featured_box, #details_box, #common_box {
	width:918px;
	float:left;
	margin:0px 0px 14px 0px;
	padding:0px; 
}
.featured_box {
	background:url(../images/bg_bottomside.gif) no-repeat center bottom;
	width:280px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 0px;
}
.featured_box h2.orange_wave, #details_box_left h2.green_wave {
	background:url(../images/bg_orange_wave.gif) no-repeat;
	width:272px;
	height:35px;
	color:#0e6490;
	font-size:2.0em;
	font-weight:normal;
	float:left;
	margin:0px 0px 15px 0px;
	padding:7px 0px 0px 8px;
}
.video_box { width:250px; height:200px; float:left; display:inline; margin:0px 0px 0px 10px; }
.featured_box h2.change_bg { background:url(../images/bg_blue_wave.gif) no-repeat; }
.featured_box h2.change_bg2 { background:url(../images/bg_green_wave.gif) no-repeat; }

.saparator {
	background:url(../images/bg_rightside.gif) repeat-y left top;
	width:1px;
	height:220px;
	float:left;
	padding:0px;
	margin-top: 38px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	display: inline;
}
.comments {
	width:275px;
	float:left;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 5px;
}
.comments img { float:left; margin-right:16px; }
.comments .orange_text { font-size:1.1em; font-weight:bold; display:block; color:#f86b26; margin-bottom:5px; }
.comments .black_text { font-size:1.1em; display:block; color:#454545; line-height:14px; }
.comments .black_text a{ color:#454545;}

.round_box {
	background:url(../images/bg_green_round_box.gif) repeat-y;
	width:136px;
	float:left;
	margin:0px 2px;
	padding:0px; 
}
.round_box_upper {
	background:url(../images/bg_green_round_box_upper.gif) no-repeat left top;
	width:136px;
	float:left;
}
.round_box_down {
	background:url(../images/bg_green_round_box_down.gif) no-repeat left bottom;
	width:114px;
	float:left;
	margin:0px;
	padding:10px 11px; height:180px;
}
.round_box_down .whitetext { font-size:1.1em; font-weight:bold; color:#FFFFFF; line-height:15px; display:block; height:45px; text-align:center; }
.round_box_down img { display:block; margin-bottom:10px; }
.round_box_down .blacktext { font-size:1.1em; line-height:15px; display:block; margin-bottom:5px; color:#454545; }
.round_box_down .blacktext a{ color:#454545; }

#details_box_left {
	width:597px;
	float:left;
	margin:0px;
	padding:0px;
}
#details_box_left h2.chnage_bg3 { background:url(../images/bg_yellow_wave.gif) no-repeat; }
#details_box_left .summary {
	width:130px;
	float:left;
	padding:0px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
}
#details_box_left .summary img {
	display:block;
	margin-bottom:8px;
}
#details_box_left .summary h4.heading {
	font-size:1.5em;
	font-weight: bold;
	display:block;
	color:#404040;
	margin-bottom:4px;
	padding-left:3px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}
#details_box_left .summary span { font-size:1.1em; display:block; color:#404040; margin-bottom:5px; line-height:15px; padding-left:3px; }
#details_box_left .summary span a{ color:#404040; }

#details_box_right { width:280px; float:left; margin:0px; padding-top:0px; }
#details_box_right .small_box { width:135px; float:left; margin:0px 2px; }
#details_box_right .small_box h2.border {
	font-size:1.8em;
	display:block;
	text-align:center;
	border-bottom:solid 3px #dfebf1;
	color:#404040;
	padding-bottom:5px;
	margin-bottom:18px;
	font-weight: normal;
}
#screen {
	float:left;
	height:24px;
	width:690px;
	margin-right:2px;
}
#screen .next, #screen .prev {
}
#screen .prev {
	left:10px;
}
#screen .next {
	right:10px;
}
#sections {
	overflow:hidden;
	width:540px;
	height:28px;
	float:left;
	margin-left:12px; 
}
#sections ul {
	width:9660px;
	padding:0px;
	margin:0px;
	padding-top:5px;
	list-style-type: none;
}
#sections li {
	float:left;
	padding:0px 30px;
}
#sections p {
	width:450px;
	margin:0px 0px;
	line-height:1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#507284;
	font-size:12px;
}
#sections a {
	color:#777;
	font-weight:bolder;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#507284;
	font-size:12px;
}

#round_city { width:92px; height:80px;z-index:1;position:absolute;}
#round_city_pic { width:92px; height:80px; z-index:0;position:absolute;}
#cont_box_city{width:92px; height:80px;position:relative;}








































#details_box_right .small_box h2.border_yellow {
	font-size:1.8em;
	display:block;
	text-align:center;
	color:#404040;
	padding-bottom:5px;
	margin-bottom:18px;
	font-weight: normal;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #fff4c3;
}

#details_box_right .small_box img { display:block; margin-left:6px; margin-bottom:10px; }
#details_box_right .small_box .box_text { background:#dfebf1; height:93px; width:123px; float:left; padding:10px 6px 6px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; }
#details_box_right .small_box .box_text a{ color:#404040;}
#details_box_right .small_box .box_text_yellow {
	width:123px;
	float:left;
	padding:10px 6px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-khtml-border-radius:10px;
	background-color: #fff4c3;height:90px;
}
#details_box_right .small_box .box_text .bold, #details_box_right .small_box .box_text_yellow .bold { font-size:1.2em;  font-weight:bold; color:#404040; display:block; margin-bottom:4px; }
#details_box_right .small_box .box_text .bold, #details_box_right .small_box .box_text_yellow .bold a{ color:#404040; }
#details_box_right .small_box .box_text .normal, #details_box_right .small_box .box_text_yellow .normal { font-size:1.1em; color:#404040; line-height:15px; }

#details_box_right .small_box .box_text .normal, #details_box_right .small_box .box_text_yellow .normal a{  color:#404040;  }

.common_box {
	background:url(../images/bg_bottomside.gif) no-repeat center top;
	width:280px;
	float:left;
	margin:0px;
	padding:22px 0px 0px 0px;
}
.common_box h3.blue {
	font-size:1.4em;
	display:block;
	color:#487c9c;
	margin:0px;
	padding:0px 0px 10px 10px;
	font-weight: normal;
}
.common_box ul.photogallery { float:left; width:280px; }
.common_box ul.photogallery li { float:left; display:block; margin:0px 6px 5px 6px; }
.common_box .orange_link { display:block; text-align:right; font-size:1.2em; padding-right:18px; }
.common_box .orange_link a { color:#ff5400; }
.common_box .orange_link a:hover { text-decoration:underline; }
.saparator2 {
	background:url(../images/bg_rightside.gif) repeat-y left top;
	width:1px;
	height:140px;
	float:left;
	display:inline;
	margin:18px 14px 0px 20px;	
}
.common_box ul.order { float:left; width:290px; }
.common_box ul.order li { font-size:1.2em; display:block; text-align:center; float:left; width:93px; padding-left:2px; }
.common_box ul.order li img { display:block; margin-right:1px; margin-bottom:8px; }
.common_box ul.order li a { color:#ff5400; }
.common_box img.space { margin-left:13px; }

/* footer */

#footer {
	width:936px;
	float:left;
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 14px;
}
#footer ul.logo { width:936px; float:left; margin-bottom:10px; }
#footer ul.logo li { float:left; margin-right:12px; }
#footer .sitemap { float:left; display:block; width:440px; }
#footer .top { width:350px; float:left; }
.orange_wave_change_bg{background:url(../images/bg_blue_wave.gif) no-repeat;
	width:272px;
	height:35px;
	color:#0e6490;
	font-size:2.0em;
	font-weight:normal;
	float:left;
	margin:0px 0px 15px 0px;
	padding:7px 0px 0px 8px;}