html, body {width: 100%; height:100%; margin:0; padding:0;}
body{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #aaaaaa; text-align: left; background-image: url(img/woodBckgr.jpg);}
.clear{clear: both;width: 0;height: 0;overflow: hidden;}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: none;}
form{margin: 0;}
img{border: none;}


.logo a, .menuItem a, .selected a, .facilities a, .chooseLang a, .btn a, .sendBtn a, .flag a{display: block; width: 100%; height: 100%;}


.pageWrap{width: 960px; margin: auto; margin-top: 15px;}

/* start of first box */
.firstBox{width: 900px; min-height: 540px; height: auto !important; height: 540px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #202020; padding: 30px; margin-bottom: 20px; position: relative;}
	/* start of firstColumn */
	.firstColumn{width: 196px; margin-right: 45px; float: left;}
	.logo{width: 196px; height: 148px; background-image:url(img/logo.png); margin-bottom: 100px;}
	.logo a{display: block; width: 100%; height: 100%;}
	#mainMenuContainer{}
	#mainMenuContainer a{ display: none;}
	#mainMenu{}	
	.menuItem{height: 18px; margin-bottom: 12px; background-repeat: no-repeat; background-position: left top; text-align: left;}
	.menuItem:hover{background-position: left bottom;}
	.btn{width: 138px; height: 52px; background-image: url(img/bookNowBtn.png); margin-left: -8px;}
	.selected{background-position: left bottom;}
	.tel{width: 163px; height: 70px; background-image: url(img/info.gif); position: absolute; left: 30px; bottom: 30px;} /* position ws pros .firstBox */
	/* end of firstColumn */
	
	/* start of secondColumn */
	.secondColumn{width: 659px; float: left;}
	.secondColumn .title{height: 22px; width: 620px; margin-bottom: 15px; background-repeat: no-repeat;}
	
	#scrollItems .mainImage{width: 649px; height: 350px; display: block; position: relative; float: left; }	
	#imgHolder{display:block; position:relative; width:649px; height: 350px; margin:0 0 15px 0;border: 5px solid #fff;}
	#imgHolderInner{position:relative; overflow: hidden; width: 649px; height: 350px;} 
	#scrollItems{display: block; position: relative;}
	
	.secondColumn .mainText{width: 659px; min-height: 146px; height: auto !important; height: 146px; overflow: hidden; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 16px; text-align: justify;}
	.secondColumn .mainText h3{color: #FEB528; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.smallTopImg{width: 649px; height: 136px; overflow: hidden; margin:0 0 15px 0; border: 5px solid #ffffff;}
	/* end of secondColumn */
	
	
	.langContainer{width: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #202020; padding: 10px; position: absolute; top: 0; right: -45px;}
	.flag{width: 24px; height: 16px; margin: 0 0 10px 10px; filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}
	.flag.selected{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}
	
/* end of first box */

/* start of second box */
.secondWrap{width: 930px; height: 210px; position: relative;}
.secondBox{width: 930px; height: 210px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url(img/secondBoxBckgr.png); padding: 15px 0 15px 30px; position: absolute; top: 0; left: 0; z-index: 2;}
.secondBox .box{width: 257px; height: 210px; margin-right: 10px; float: left; overflow: hidden;}
.secondBox .box .title{height: 26px; font-size: 24px; color: #feb528; font-weight: 400; margin-bottom: 15px;}
.arrow{width: 10px; height: 9px; background-image: url(img/newsArrow.png); float: left; margin-right: 10px;}
.secondBox .box .date{color: #17adbf; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; height: 10px; float: left; margin-top: -3px;}
.secondBox .box .text{font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #fff; width:217px; overflow: hidden; margin-top: 5px; margin-bottom: 15px; line-height: 18px;}
.secondBox .box .text a{text-decoration: underline;}
/* end of second box */


/* start of third box */


.thirdBox{width: 930px; height: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url(img/thirdBoxBckgrLight.png); padding: 15px 0 15px 30px; margin: 50px 0 20px 0; position: relative;}
.travelGuides{height: 50px; margin-right: 10px; float: left;}
.smokyPixel{bottom:15px;color:#BDBDBD;position:absolute;right:25px;}
/* end of third box */


/* start of footer */
.footerBackground{width: 1237px; height: 733px; position: absolute; bottom: -630px; left: -120px; background-image: url(img/footer.png); z-index: 1;}
.twitter{width: 98px; height: 27px; overflow: hidden; background-image: url(img/febTwitter.gif); position: absolute; left: 420px; top: 306px; background-position: bottom;}
.twitter a{display: block; height: 100%; width: 100%;}
.twitter:hover{background-position: top;}

.fb{width: 97px; height: 31px; overflow: hidden; background-image: url(img/febFb.gif); position: absolute; left: 430px; top: 336px; background-position: top;}
.fb a{display: block; height: 100%; width: 100%;}
.fb:hover{background-position: bottom;}

.gallery{width: 211px; height: 87px; overflow: hidden; background-image: url(img/febGallery.gif); position: absolute; left: 486px; top: 160px;}
.gallery a{display: block; height: 100%; width: 100%;}
.gallery:hover{background-image: url(img/febGallery1.gif);}
/* end of footer*/


/*start of facilities*/
.facilities{width: 183px; height: 183px; border: 1px solid #c3c3c3; float: left; margin-right: 30px; margin-bottom: 30px; position: relative;}
.facilities:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.backToLink{}
.backToLink a{color: #FEB528;text-decoration: underline;}
/*end of facilities*/

/* start of rates */
.ratesLowSeason{width: 659px; height: 146px; background-image: url(img/ratesLowSeason.gif); background-position: left center; background-repeat: no-repeat; margin-bottom: 15px;}
.ratesTable{width: 659px; margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #fff; text-align: center; letter-spacing: 1px;}
.ratesTable .ratesItem{width: 530px; height: 20px; border: 1px solid #393939; float: left; margin: 0 10px 10px 0; background-image: url(img/ratesItemBckgr.gif); background-repeat: repeat-x; padding-left: 15px; padding-top: 8px; text-align: left;}
.ratesTable .ratesItem:hover{background-image: url(img/ratesItemBckgrHover.gif);}
.ratesAmountBox{width: 93px; height: 22px; background-image: url(img/ratesAmountBckgr.gif); float: right; padding-top: 8px;}
/* end of rates */

/* start of forms */
.formFirstColumn{width: 322px; margin-right: 15px; float: left;}
.formSecondColumn{width: 322px; float: left;}
input{width: 292px; height: 28px; padding: 0 15px 0 15px; background-color: #202020 !important; border: 1px solid #393939; color: #aaaaaa; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 10px;}
input.selected{border: 1px solid #ffffff;}
input.number{width: 120px; float:left;}
input.number.right{float: right;}
textarea{width: 290px; height: 100px; padding: 8px 15px 0 15px; background-color: #202020 !important; border: 1px solid #393939; color: #aaaaaa; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; overflow: auto;}
textarea.book{height: 219px;}
textarea.selected{border: 1px solid #ffffff;}
.sendBtn{width: 138px; height: 52px; background-image: url(img/sendBtn.png); float: right; margin-right: -8px;}
.dateField{cursor: pointer;}
label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;cursor:pointer; float: left;}
.checked{background-image:url(chk_on.png)}
.unchecked{background-image:url(chk_off.png)}
.errorMsg{color: #ffffff;}
.errorMsg .fields{color: #F00;}
/* end of forms */

/* start of articles */
.artContainer{margin-bottom: 15px;}
.artTitle{color: #17adbf; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; height: 10px; float: left; margin-top: -3px; margin-bottom: 5px;}
/* end of articles */

/* start of ads */
.adsBox{width: 960px; height: 125px; margin: 50px 0 0 0;}
.ad{width: 300px; height: 125px; float: left; margin-right: 15px;}
/* end of ads */