@import url("utils.css") screen;

@import url("main-dev.css") screen;

html,body{margin: 0;padding: 0;background: #bfd62f url("../images/backgrounds/page.gif") no-repeat top center;color: #733823;}





/*  ---------------------------------------

	page layout */



#page-container{margin: 0 auto;width: 810px; }

	#header{float: left;width: 100%;height: 145px;position: relative;z-index: 9998;}

	#navigator{float: left;width: 100%;height: 35px;background:  url("../images/backgrounds/menu.gif") repeat-x top;}

	#content{float: left;width: 100%;background-color: #fff;}

		#text{}

		.text{}

		#sidebar{}

	#footer{margin: 0 auto;clear:both;margin: 0 auto;width: 100%; height:15px;background-color: #fff;padding: 7px 0;font-size: 85%;width: 810px;}







/*  ---------------------------------------

	global styling */



.inside{ padding:12px; }

h1{font: 38px/30px AridITC, sans-serif;}

h2{font-size: 153.9%;font-weight: normal;}

h3{font: 28px AridITC, sans-serif;color: #723824; margin: .75em 0;}

h4{font-size: 123.1%;font-weight: normal;margin: 1em 0;}



p{}

p.special{font-size: 115%;}

p.notice{font-size: 11px;color: #b3b1b1;}

p.notice a{color: #898989;text-decoration: none;}

a{}

a:hover{}

a:visited{}



ul.slideshow{margin: 0;padding: 0; position: relative;z-index: 10;}

ul.slideshow li{display: block;list-style: none;position: absolute;top: 0;left: 0;z-index: 11;}



ul.arrows{margin: 0;padding: 0;}

ul.arrows li{display: block;list-style: none; background:  url("../images/backgrounds/hline.gif") no-repeat top left;padding-top: 1px;float: left;width: 100%;}

ul.arrows li.first{background: none;padding-top: 0;}

ul.arrows li a{background:  url("../images/bullets/arrow.gif") no-repeat 0 7px; padding: 3px 0 3px 20px;display: block;text-decoration: none;}



ul.pics{margin: 0;padding: 0;}

ul.pics li{display: inline;list-style: none;}



ul.cols{margin: 0 0 1em;padding: 0; overflow: auto;}

ul.cols li{display: block;list-style: none;width: 48%;float: left; margin-right: 2%;}



ul.square{margin: 0 0 1em;overflow: auto;}

ul.square li{display: block;list-style: none;background:  url("../images/bullets/bullet1.gif") no-repeat 0 8px; padding: 2px 0 2px 9px;}



body.two-columns #left ul,ul.tree{margin: 0;padding: 0;}

body.two-columns #left ul li, ul.tree li{display: block;list-style: none;background:  url("../images/bullets/tree.gif") no-repeat top left; padding: 5px 0 5px 28px; margin: 3px 0 ;}

ol{margin: 0!important;padding: 0;!important}

ol li{display: block!important;list-style: none;background:  url("../images/bullets/tree.gif") no-repeat top left 	!important; padding: 5px 0 5px 28px!important; margin: 3px 0 !important;}


.bbar{border-bottom: 5px solid #95aa2e;float: left;width: 100%;margin-top: 1em;}

.bbar p.notice{float: left;margin: 0; position: relative;top: 10px;}
.bbar div.price{float: left;margin: -10px 0; position: relative; top: 2px;}

.bbar a.btn{float: right;margin-right: 1em;}

.bbar a.btn-l{float: left;margin: 0 0 0 1em;}

/*  ---------------------------------------

	/buttons */

a.btn{background:  url("../images/buttons/btn-left.gif") no-repeat left top; padding: 0 0 0 6px;color: #fff;text-decoration: none;font-size: 14px;display: -moz-inline-box; display: inline-block;}

a.btn em{background:  url("../images/buttons/btn-r.gif") no-repeat right top; padding: 6px 16px 5px 10px;font-style: normal;display: block;}

a.btn-r em span{background:  url("../images/bullets/arrow-r.gif") no-repeat right center; padding-right: 25px;}

a.btn-l em span{background:  url("../images/bullets/arrow-l.gif") no-repeat left center; padding-left: 25px;}

a.btn-list em span{background:  url("../images/bullets/list.gif") no-repeat left center; padding-left: 25px;}





/*  ---------------------------------------

	header */

#logo{background:  url("../images/logo.png") no-repeat top left;width: 155px;height: 210px;text-indent: -1000em;display: block;position: absolute;top: 30px; left: 18px;z-index: 9999;}

#header h1{color: #fff;text-align: right;float: right; margin: 50px 0 0;}





/*  ---------------------------------------

	footer */



#footer a{color: #733823;text-decoration: none;}

#footer p{float: left;margin: 0;padding: 0;position: relative;left: 7px;}

#footer ul{float: right;margin: 0;padding: 0;}

#footer ul li{display: block;float: left;list-style: none; padding: 0 7px  ;}





/* ---------------------------------------

	sidebar */







/*  ---------------------------------------

	navigation */



#navigator ul{margin: 0;float: right;font-size: 110%;}

#navigator li{display: block;float: left;list-style: none; padding-left: 1px;background:  url("../images/backgrounds/menu-sep.gif") no-repeat top left; position: relative; z-index: 9990;}

#navigator li.first{background: none;padding: 0;}

#navigator li a{text-decoration: none;color: #fff;padding: 7px 15px;display: block;}

#navigator li a.temp-on,#navigator li a.on, #navigator li a:hover{background-color: #7b8a1f;}





#navigator li ul{position: absolute;left: 1px;top: 100%;width: 175px;background-color: #7b8a1f;display: none;font-size: 100%;}

#navigator li ul li{width: 100%;background:  url("../images/backgrounds/menu-sep2.gif") no-repeat bottom left; padding: 0 0 1px;}

#navigator li ul li a:hover, #navigator li ul li a.on{background-color: #96aa2e;}



/*  ---------------------------------------

	forms */



form{margin: 1em 0;overflow: auto;}

form ul{margin: 0;padding: 0;}

form h4{float: left;clear: both;}

form li{display: block;list-style: none;float: left;width: 100%; padding: 7px 0;}

form li.odd{background-color: #f5f1ef;}

form li label{float: left;width: 165px;display: block;padding-left: 15px;}

form li.mandatory label{background:  url("../images/bullets/mandatory.gif") no-repeat 7px 0;}

form li label.error{color: #f00;background: none; margin-bottom: 5px;}



form textarea{width: 96%;position: relative;left: 2%;;display: block;float: left;padding: 0; margin: .75em 0 0 ;}

form input.text{}



form .submit{}

form .submit input{}



form .bbar{margin-top: 3em;}



span.mandatory{font-size: 13px;color: #f62e2e;float: right; background:  url("../images/bullets/mandatory.gif") no-repeat 3px 3px; padding-left: 15px;}

h2 span.mandatory{position: relative;top: 4px;}

/*  ---------------------------------------

	/home */

body.home #left{float: left;width: 280px;height: 490px;}

body.home #right{float: left;width: 220px;background-color: #96aa2e;color: #fff;height: 490px; position: relative;}

body.home #text{width: 280px;float: left;padding: 15px;height: 460px;position: relative;}



body.home #right .inner{padding: 10px;}

body.home #right p{margin-bottom: 10px;}

body.home #right a{color: #fff;font-size: 110%;}

body.home #right a.uk-classes{background: #869828 url("../images/bullets/arrow-on.gif") no-repeat 10px 9px; padding: 7px 0 7px 30px; position: absolute;bottom: 0;left: 0;display: block;text-decoration: none;width: 190px;}



body.home #text ul.pics{width: 295px;position: absolute;bottom: -3px; left: 9px;}



/*  ---------------------------------------

	/two-columns */

body.two-columns h2,body.one-column h2{float: right;background:  url("../images/backgrounds/title.gif") no-repeat left top; width: 574px;height: 33px; padding: 5px 20px; position: relative; right: 12px;margin: 15px 0 20px;}

body.two-columns #left{width: 260px;float: left;padding: 0 20px;}

body.two-columns #text{width: 465px;float: left;padding: 0 10px 0 15px;}

body.two-columns #left img{margin-bottom: 1em;}

body.two-columns #subcontent{float: left;width: 100%;background-color: #fff;padding-bottom: .5em;}

body.two-columns #subcontent .bbar-l{width: 260px;float: left;position: relative;left: 20px;}

body.two-columns #subcontent .bbar-r{width: 485px;float: right; position: relative;right: 10px;}



/*  ---------------------------------------

	/one-column */



body.one-column #text{width: 785px;margin: 0 auto;}



/*  ---------------------------------------

	/hotels */



ul.hotels{margin: 0;padding: 0;}

ul.hotels li{display: block;list-style: none;float: left;width: 100%;background:  url("../images/backgrounds/grad1.gif") repeat-x top; }

ul.hotels li .pic{float: left;width: 165px;padding: 15px;}

ul.hotels li .text{width: 570px; padding: 15px 15px 15px 5px; float: left;}

ul.hotels li .text ul li {list-style: disc !important; display:list-item !important; background:none;}

ul.hotels li .bbar{margin-top: 0;}

ul.hotels li h4{margin: 0 0 .5em; font-size: 150%;background:  url("../images/backgrounds/hline2.gif") no-repeat bottom left;padding-bottom: 5px;}



/*  ---------------------------------------

	/about-us */

body.about-us #sidebar{float: right;width: 456px;}

body.about-us #text{width: 320px;height: 355px;overflow: auto; position: relative;left: 25px; margin-bottom: 1em;}

body.about-us h2{float: left;margin-top: 75px;margin-bottom: 20px; width: 325px; position: relative;left: 25px;font-size: 24px;}



#price{position:relative;bottom:0px; height:30px; margin-left:315px;}

.hotel-details{ }