/* RESET */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: url("../images/bg.jpg") no-repeat fixed center; -webkit-background-size: 2500px 2500px;}
img { border: 0px; }
a, input { outline: none; }

/* GLOBAL */
.clear { clear: both; height: 0px; overflow: hidden; }
.col-left { float: left; }
.col-right { float: right; }
.col-mid { width: 980px; overflow: hidden; }

/* WRAPPER */
#wrapper { padding-bottom: 20px; position: relative; display: block; width: 100%; min-height: 100%; }

/* LAYOUT */
#layout { padding-top: 27px; width: 100%; }

	/* HEADER */
	#header { position: relative; width: 1070px; height: 199px; margin: 0 auto; background: url(../images/header_bg.png) no-repeat; }
	#header .logo { position: absolute; top: 39px; left: 30px; }
	#header .logo a { display: block; width: 295px; height: 139px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }

		/* ### logo BOX ### */
		.logoBox { padding-top: 63px; width: 700px; float: right; margin-right: 17px; }
		.logoBox .left ul { padding-top: 4px; list-style: none; }
		.logoBox .left li { padding-bottom: 10px; width: 100%; float: left; line-height: 24px; font-family: 'museo700'; }
		.logoBox .left li a { padding-left: 34px; color: #647291; font-size: 14px; display: block; text-decoration: none; background: url(../images/arrow.png) left 3px no-repeat; }
		.logoBox .left li a:hover { text-decoration: underline; }
		.logoBox span { color: #293763; }
		.logoBox .left { width: 205px; float: left; }
		.logoBox .right { width: 490px; float: left; }
		.logoBox .right h2 { padding-bottom: 13px; color: #727da0; font-family: 'museo700'; font-weight: normal; font-size: 18px; line-height: 20px; }
		.logoBox .right ul { list-style: none; margin-left: -2px; }
		.logoBox .right li { padding-right: 10px; float: left; }
		.logoBox .right cite { font-style: normal; color: #ed1e46; }

	/* NAVIGATION */
	#navigation { padding-top: 6px; width: 100%; height: 69px; min-width: 1070px; background: url(../images/menu.jpg) top repeat-x; }
	#navigation .mid { width: 1050px; margin: 0 auto; }
	#navigation ul { list-style: none; float:left; margin-left: 90px; }
	#navigation li { float: left; line-height: 62px; }
	#navigation li a { padding: 0 18px 3px 33px; color: #fff; height: 66px; border-radius: 0 17px 0 0; float: left; font-family: 'museo700'; text-decoration: none; font-size: 20px; display: block; }
	#navigation li a:hover, #navigation li.active a { background: url(../images/menu_hover.png) left top no-repeat; }

	/* CONTENT */
	#content { padding-bottom: 34px; overflow: hidden; width: 1070px; margin: 0 auto; background: url(../images/bottom.png) bottom center no-repeat; }
	#content #middel { padding: 0 9px; width: 1052px; margin: 0 auto; background: url(../images/mid.png) repeat-y; }
		
		/* CENTER */
		#center { padding: 18px 21px 3px 26px; width: auto; overflow: hidden; }
		#center #leftside { padding-top: 0px; float: left; width: 240px; }
		#center #rightside { padding: 8px 23px 0 0; float: right; width: 718px; }
	
			/* ### link BOX ### */
			.linkBox { height: 61px; width: 100%; background: url(../images/link_bg.jpg) no-repeat; }
			.linkBox ul { padding: 15px 0 0 34px; list-style: none; margin-left: 30px; }
			.linkBox li { padding-right: 10px; float: left; font-size: 14px; color: #ee2047; line-height: 30px; font-weight: bold; }
			.linkBox li a { padding: 0 15px; border-radius: 20px; color:#25335e; display: block; height:30px; text-decoration: none; }
			.linkBox li a:hover, .linkBox li.active a { padding: 0 14px; margin: -1px 0; border: 1px solid #6474a6; background: url(../images/link_hover.jpg) repeat-x; }
			
			/* ### image BOX ### */
			.imageBox { margin-top: 20px; float:left; border-radius: 5px; border: 1px solid #a1aac6; overflow: hidden; }
			
			/* ### map BOX ### */
			.mapBox { border-radius: 5px; border: 1px solid #a1aac6; overflow: hidden; }
			.mapBox .left { float: left; width: 239px; }
			.mapBox .right { float: right; width: 763px; height: 196px; border-left: 1px solid #a1aac6; }
			.mapBox fieldset { padding: 10px 19px 13px; border: none; }
			.mapBox h2 { padding: 0 0 12px 23px; color: #2b3965; font-size: 18px; font-family: 'museo700'; font-weight: normal; line-height: 26px; background: url(../images/arrow2.png) 2px 4px no-repeat; }
			.mapBox .field { padding: 10px; float: left; margin-bottom: 9px; color: #1e2c57; font-size: 14px; width: 179px; height: 18px; border: none; background: url(../images/field_bg.png) no-repeat; }
			.mapBox .btn { padding: 0 5px 3px; cursor: pointer; border-radius: 5px; font-weight: bold; float: left; margin-right: 8px; color: #fff; border: none; height: 23px; background: url(../images/btn1.jpg) repeat-x; }
			.mapBox .btn.sub { background: url(../images/btn2.jpg) repeat-x; }
			.mapBox h3 { padding: 15px 0 0 20px; color: #192752; font-size: 15px; line-height: 18px; background: url(../images/line.jpg) center  top no-repeat; }
			.mapBox a { text-decoration: none; color: #ee2047; }
			.mapBox a:hover { text-decoration: underline; }
			.mapBox.sub { border-radius: 0px; float: left; position: relative; }
			.mapBox.sub h2 { padding: 46px 0 0 0; position: absolute; left: 0px; top: 76px; width: 100%; text-align: center; font-family: Arial; color: #1f2f60; font-size: 18px; line-height: 22px; font-weight: bold; background: url(../images/icon.png) center top no-repeat; }
			.mapBox.sub img { display: block; float:left; }

			/* ### gallery BOX ### */
			.galleryBox { padding: 18px 0 13px; width: 100%; overflow: hidden; }
			.galleryBox .gallery { margin-right: 15px; min-height: 361px; width: 238px; border: 1px solid #a1aac6; border-radius: 5px; float: left; }
			.galleryBox .gallery.last { margin-right: 0; }
			.galleryBox h2 { padding: 12px 14px; color: #1f2f60; font-family: 'museo700'; font-weight: normal; font-size: 18px; line-height: 24px; }
			.galleryBox h2 a { text-decoration: none; color: #ed1e46; }
			.galleryBox h2 a:hover { text-decoration: underline; }
			.galleryBox p { padding: 6px 5px 12px 10px; color: #40475d; font-size: 12px; line-height: 20px; }
			.galleryBox a.link { padding: 0 14px; margin: 0 12px 10px; text-decoration: none; line-height: 22px; display: block; float: left; cursor: pointer; border-radius: 5px; font-weight: bold; float: left; margin-right: 8px; color: #fff; border: none; height: 23px; background: url(../images/btn1.jpg) repeat-x; }
			.galleryBox a.link:hover { background: url(../images/btn3.jpg) repeat-x; }
			.galleryBox.sub { padding-top: 4px; padding-bottom: 20px; }
	
			/* ### text BOX ### */
			.textBox { padding: 9px 0px 0; border-top: 1px solid #ccd2e6; overflow: hidden; }
			.textBox h2 { padding: 0 7px 12px; color: #1f2f60; font-family: 'museo700'; font-weight: normal; font-size: 18px; line-height: 24px; }
			.textBox h2 a { text-decoration: none; color: #f42950; }
			.textBox h2 a:hover { text-decoration: underline; }
			.textBox cite { color: #596790; font-style: normal; }
			.textBox p { padding: 0 7px 13px; color: #40475d; border-bottom: 1px solid #ccd2e6; font-size: 12px; line-height: 20px; }
			.textBox h3 { padding: 10px 7px 13px; font-family: 'museo700'; font-weight: normal; color: #1f2f60; font-size: 18px; line-height: 24px; float:left; }
			.textBox a.link { padding: 0 13px; margin: 10px 0 0 4px; text-decoration: none; line-height: 22px; display: block; float: left; cursor: pointer; border-radius: 5px; font-weight: bold; float: left; margin-right: 8px; color: #fff; border: none; height: 23px; background: url(../images/btn1.jpg) repeat-x; }
			.textBox a.link:hover { background: url(../images/btn3.jpg) repeat-x; }
			.textBox .text { padding: 6px 7px; width: 480px; float: left; border: 1px solid #a1aac6; border-radius: 5px; }
			.textBox img { margin-right: 16px; float: left; }
			.textBox .text p { padding-bottom: 5px; border: none; }
			.textBox .text a.link { padding: 0 7px; margin: 0px; background: url(../images/btn3.jpg) repeat-x; }
			.textBox .text a.link:hover { background: url(../images/btn1.jpg) repeat-x; }
			.textBox h4 { padding-bottom: 1px; color: #ee2d52; font-size: 14px; line-height: 24px; font-family: 'museo700'; }
			.textBox h4 a { color: #ee2d52; text-decoration: none; }
			.textBox h4 a:hover { text-decoration: underline; }
			.textBox .right { float: right; }
			.textBox.sub p { border: none; line-height: 22px; }
			.textBox.sub { border: none; }
			.textBox.sub h2 { padding-bottom: 15px; }
			.textBox ul { padding: 12px 0 0 7px; float: left; list-style: none; }
			.textBox li { float: left; width: 162px; margin-right: 18px; }
			.textBox li a.link1 { margin-bottom: 9px; display: block; line-height: 20px; font-size: 18px; color: #ed1f47; font-family: 'museo700'; text-decoration: none; }
			.textBox li a.link1:hover {  text-decoration: underline; }
			.textBox li.last { margin-right: 0px; }

			/* ### hotel BOX ### */
			.hotelBox { padding: 32px 0 0 6px; overflow: hidden; }
			.hotelBox h2 { padding: 0 1px 13px; color: #1f2f60; font-family: 'museo700'; font-weight: normal; font-size: 18px; line-height: 24px; background: url(../images/line2.png) left bottom repeat-x; }
			.hotelBox h2 a { text-decoration: none; color: #f42950; }
			.hotelBox h2 a:hover { text-decoration: underline; }
			.hotelBox ul { padding: 13px 0 0 0; list-style: none; overflow: hidden; width: 100%; }
			.hotelBox li img { display: block; margin-right: 23px; float: left; }
			.hotelBox li { padding-bottom: 10px; margin-bottom: 17px; border-bottom: 1px solid #d0d5e4; width: 100%; overflow: hidden; float: left; }
			.hotelBox li.last { margin-bottom: 0; border: none; }
			.hotelBox h3 { padding-bottom: 3px; font-size: 14px; line-height: 14px; }
			.hotelBox h3 a { display: block; color: #ee1f47; text-decoration: none; }
			.hotelBox h3 a:hover { text-decoration: underline; }
			.hotelBox p { padding-bottom: 11px; color: #40475d; font-size: 13px; line-height: 22px; }
			.hotelBox .left { padding-right: 20px; float: left; width: 400px; background: url(../images/hotel_bg.png) right -10px no-repeat; }
			.hotelBox span { padding-bottom: 4px; color: #40475d; font-size: 13px; line-height: 20px; display: block; }
			.hotelBox .btn { padding: 0 8px; text-decoration: none; cursor: pointer; font-size: 12px; line-height: 22px; border-radius: 5px; font-weight: bold; float: left; margin-right: 5px; color: #fff; border: none; height: 23px; background: url(../images/btn1.jpg) repeat-x; }
			.hotelBox .btn4 { padding: 0 8px; text-decoration: none; cursor: pointer; font-size: 12px; line-height: 22px; border-radius: 5px; font-weight: bold; float: left; margin-right: 5px; color: #fff; border: none; height: 23px; background: url(../images/btn4.jpg) repeat-x; }
			.hotelBox .btn4:hover { background: url(../images/btn3.jpg) repeat-x; } 
			.hotelBox .btn.sub { padding: 0 10px; background: url(../images/btn3.jpg) repeat-x; }
			.hotelBox .btn.sub:hover { background: url(../images/btn1.jpg) repeat-x; } 
			.hotelBox .right { padding: 37px 0 0 6px; width: 150px; float: left; }
			.hotelBox .bottom { width: 100%; overflow: hidden; background: url(../images/hotel_bottom.jpg) top repeat-x; }
			.hotelBox .bottom .btn { padding: 0 14px; float: right; margin: 14px 10px; }
				
	/* FOOTER */
	#footerCntr { overflow: hidden; width: 990px; margin: 0 auto; }

		/* ### footer BOX ### */
		.footerBox { width: 100%; position: relative; }
		.footerBox span { display: block; line-height: 30px; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 14px; font-weight: bold; }
		.footerBox ul { text-align: center; margin: 0 auto; width: 100%; list-style: none; }
		.footerBox li { padding: 0 12px; display: inline; }
		.footerBox li a { display: inline-block; color: #fff; font-size: 14px; line-height: 30px; text-decoration: none; font-weight: bold; }
		.footerBox a.logo { position: absolute; right: -1px; top: 8px; }
		.footerBox li a:hover { text-decoration: underline; }