html { font-family: Helvetica, Arial, sans-serif; font-size: 75%; line-height: 1.5em; color: #666; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
body { width: 990px; margin: 0 auto; }

p { margin: 0 0 1.5em 0; }
h1 { font-size: 20px; line-height: 1.5em; font-weight: 600; margin: 0 0 0.5em 0; color: #7DB621; }
h2 { font-size: 20px; line-height: 1.5em; font-weight: 600; margin: 0.5em 0; color: #353535; font-weight: normal; }
h3 { font-size: 1.0em; line-height: 1em; margin: 1em 0; }
h4 { margin: 0 0 1em 0; font-size: 1em; font-weight: bold; }
h5 { margin: 0 0 0.7em 0; font-size: 14px; color: #333333;	}
blockquote { padding: 1em 1em 1em 1em; font: 1.2em/1.2em Helvetica, Arial, sans-serif; }

#body a { color: #3390A8; text-decoration: none; }
#body a:hover { border-bottom: 1px solid #72B6C8; }
#body a.image:hover { border: 0; }

.insert { width: 250px; float: right; margin: 0 0 10px 10px; }

.clear { clear: both; }
img.left, table.left { float: left; margin: 0 10px 10px 0; }
img.right, table.right { float: right; margin: 0 0 10px 10px; }

.column { float: left; min-height: 1px; }
.last { margin-right: 0 !important; }

td { border: 0; }

hr { background: #7DB621; height: 1px; border: 0; }

#header { height: 100px; position: relative; }

	#logo img { position: absolute; left: 0; bottom: -4px; }
	
	#header form { margin: 0; position: absolute; right: 1px; bottom: 4px; width: 213px; height: 25px; background: url(../images/bg-search.png) no-repeat; padding-left: 3px; opacity: 0.8; }
	#header fieldset { margin: 0; }
	#header input { border: 0; }
	#header input.text, #header input[type=text] { border: 0 !important; width: 155px; height: 19px; padding: 3px; color: #666; font-size: 15px; position: absolute; top: 0; left: 4px; }
	#header input.submit, #header input[type=submit] { position: absolute; top: 4px; right: 5px; color: #7DB621; font-weight: bold; background: none; border: 0; width: 50px; }
	
	#nav-top { position: absolute; top: 10px; right: 4px; margin: 0; padding: 0; width: 200px; }
	#nav-top li { float: right; margin-left: 15px; list-style: none; }
	#nav-top li a { color: white; text-decoration: none; font-size: 15px; }

#navigation { background: url(../images/bg-navigation.png) no-repeat; height: 54px; z-index: 10; }

	#navigation ul { margin: 0; padding: 3px; }
	#navigation ul li { margin: 0; padding: 0; list-style: none; float: left; line-height: 14px; position: relative; }
	#navigation ul li a { display: block; color: white; text-decoration: none; padding: 14px 20px 6px 12px; font-size: 14px; letter-spacing: -0.2px; text-transform: uppercase; font-weight: bold; position: relative; }
	#navigation ul li a:hover { background: white; color: #51b5bf; }
	#navigation ul li.on a { margin: -5px 0 0 0; padding-top: 19px; background: white; color: #51b5bf; height: 28px; }
	#navigation ul li a span { display: block; font-size: 12px; text-transform: none; font-weight: normal; }
	#navigation .children { position: absolute; top: 48px; left: 0; background: white; z-index: 10; width: 450px; display: none; }
	#navigation .on .children { display: block; }
	#navigation .children ul { position: relative; z-index: 10; padding: 0; margin: -2px; min-height: 300px; }
	#navigation .children ul li { float: none; line-height: 24px; width: 206px; position: static; }
	#navigation .children ul li a { margin: 0; padding: 0 12px; height: auto; text-transform: none; background: none; font-weight: normal; color: #555; display: block; }
	#navigation .children ul li div { display: none; position: absolute; top: 0; right: 0; width: 238px; color: #777; background: #F2F2F2; padding: 0 5px; height: 100%; line-height: 22px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-topright: 5px; -webkit-border-radius-bottomright: 5px; }
	#navigation .children ul li div a { color: #289be7; }
	#navigation .children ul li div img { margin-top: 4px; }
	#navigation .children ul li.on { background: #F2F2F2; }
	#navigation .children ul li.on div { display: block; }
	#navigation .children ul li.on div a { margin: 0; padding: 0; } 
	
	.corner { width: 15px; height: 15px; background: url(../images/bg-corners.png); position: absolute; display: none; }
	.edge   { width: 9px; height: 9px; background: url(../images/bg-edges.png); position: absolute; display: none; }
	.on .corner { display: block; }
	.on .edge   { display: block; }
	.corner.nw { top: -6px; left: -6px; }
	.corner.ne { top: -6px; right: -6px; background-position: -15px 0; }
	.corner.sw { bottom: -6px; left: -6px; background-position: -45px 0; }
	.corner.se { bottom: -6px; right: -6px; background-position: -30px 0; }
	.edge.n { top: -6px; left: 9px; background-position: 50% top; }
	.edge.e { right: -6px; top: 9px; background-position: right 50%; }
	.edge.s { bottom: -6px; left: 9px; background-position: 50% bottom; }
	.edge.w {  left: -6px; top: 9px; background-position: left 50%; }

#body { background: url(../images/bg-body-middle.png) repeat-y; padding: 1px 15px; font-size: 13px; line-height: 1.55em; z-index: 1; overflow: hidden; }
	
	#body-top { background: url(../images/bg-body-top.png); height: 15px; }
	#body-bottom { background: url(../images/bg-body-bottom.png); height: 15px; }
	
	/*#column1 { float: left; width: 190px; margin-right: 15px; -moz-border-radius: 5px; background: #7cbc38; padding: 5px; font-size: 12px; }*/
	/*#column1 { -moz-border-radius: 5px; background: #7DB621; padding: 5px; font-size: 12px; }
	#column1 .box { background: #F6F8F8; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 1px; }
	#column1 h3 { color: white; margin: 8px 0 5px; text-transform: uppercase; }
	#column1 ul { margin: 0; padding: 0; }
	#column1 ul li { border-bottom: 1px solid #D0D9D9; border-top: 1px solid #FFFFFF; padding: 6px 6px 7px; list-style: none; line-height: 18px; }
	#column1 a { text-decoration: none; color: #5F6156; }*/
	#column1 { -moz-border-radius: 5px; background: #E8FFAB; padding: 10px 15px; font-size: 12px; }
	#column1 .box { }
	#column1 h3 { color: #4A6E13; margin: 8px 0 5px; font-size: 14px; }
	#column1 ul { }
	#column1 ul li { line-height: 18px; }
	#column1 a { text-decoration: none; color: #66A40E; }
	#column1 a:hover { border: 0; }
	
	#article { float: left; width: 625px; padding: 5px 10px; margin-right: 15px; }
	#article.wide { width: 100%; margin: 0; padding: 0; }
	
		.header { }
		
		/*.footer { background: #E1F3F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 40px 0; padding: 10px; clear: both; overflow: hidden; }*/
		.footer { margin: 0 0 40px 0; clear: both; overflow: hidden; }
		/*.footer .column { width: 300px; margin-right: 5px; }*/
		.footer .column { margin-top: 20px; position: relative; left: -8px; }
		.footer .last { left: 0; }

		.related { margin: 0; padding: 0; }
		.related li { margin: 0 0 5px; padding: 0; list-style: none; overflow: hidden; }
		.related img { float: left; margin: 5px 5px 5px 0; }
		
		.categories { margin: 0; padding: 0; overflow: hidden; }
		.categories li { margin 0; padding: 0; list-style: none; float: left; width: 200px; }
		
		.listings { margin: 0; padding: 0; }
		.listings li { margin: 0 0 20px; padding: 0; list-style: none; }
		.listings h5, .listings p { margin-bottom: 0; }
		.listings dl { margin: 0; overflow: hidden; }
		.listings dt { font-weight: bold; float: left; clear: left; }
		.listings dt:after { content: ": "; }
		.listings dd { float: left; }
		
		#article .children { margin: 10px 0; padding: 0; }
		/* http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
		#article .children li { list-style: none; width: 194px; min-height: 250px; overflow: hidden; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 5px 5px 0; zoom: 1; *display: inline; _height: 250px; position: relative; padding: 0 3px; }
		#article .children h5, #article .children p { margin: 5px 0; } 
		#article .children li img { margin: 0 -3px; } 
		#article .children li .overlay { position: absolute; width: 200px; height: 106px; top: 0; left: 0; background: url(../images/overlay.png); cursor: pointer; }
		
		#vianet { border: 0; width: 920px; height: 2000px; }
		
	#column2 { float: left; width: 300px; }
	
		#accommodation-search { background: #E1F3F8; margin: 10px 0; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	#breadcrumbs { height: 2.0em; border: 1px solid #dedede; margin: 0 0 10px; -moz-border-radius: 3px; -webkit-boreder-radius: 3px; }
	#breadcrumbs li {	float: left; line-height: 2.0em; color: #777; padding-left: .75em; list-style: none; }		
	#breadcrumbs li a { background: url(../images/crumbs.gif) no-repeat right center; display: block; padding: 0 15px 0 0; }							
	#breadcrumbs li a:link, #breadcrumbs li a:visited { color: #777; text-decoration: none; }
	#breadcrumbs li a:hover, #breadcrumbs li a:focus { color: #dd2c0d; border: 0; }	
	
	


#footer { background: url(../images/white50.png); padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 4px 20px; color: black; }
#footer p { margin: 5px 0; }

.pagination { overflow: hidden; line-height: 16px; }
.pagination ul { margin: 0; padding: 0; overflow: hidden; }
.pagination ul li { margin: 0; padding: 0; font-size: 11px; list-style: none; }
.pagination ul a { border: solid 1px #DDDDDD; margin-right: 2px; }
.pagination ul .previous-off,
.pagination ul .next-off { color: #666666; display: block; float: left; font-weight: bold; padding: 3px 4px; }
.pagination ul .next a,
.pagination ul .previous a { font-weight: bold; }
.pagination ul .active { font-weight: bold; display: block; float: left; padding: 4px 6px; }
.pagination ul a:link,
.pagination ul a:visited { display: block; float: left; padding: 3px 6px; text-decoration: none; }
.pagination ul a:hover { border: solid 1px #666666; }

.blogSummary { overflow: hidden; margin: 0 0 15px 0; }
.blogSummary img { float: left; margin: 5px 15px 15px 0; }
.blogSummary p { margin: 0 0 2px 0; } 
.blogSummary h2 { margin: 10px 0 0; }
.blogSummary .authorDate { color: silver; }