﻿body
{
font-family: Verdana;
background-image: url(../Images/bg.jpg); background-repeat: no-repeat;
background-color: #d8d0c3;
text-align: center;
}


A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #d8d0c3;}


#wrapper {
width: 830px;
height: auto;
min-height: 600px;
overflow: hidden;
text-align: left;
margin: 0px auto;
padding: 0px 15px 0px 15px;
margin-top: -60px;

}

#header {
width: 820px;
height: auto;
}






/* STYLES FOR HEADER SECTION */

h1.punchline {
font-size: 21px;
color: White;
font-weight: normal;
text-align: center;
padding: 0px;
margin: 0px;
}


h3.punchline {
font-size: 21px;
color: White;
font-weight: normal;
text-align: center;
padding: 0px;
margin: 0px;
}

h2 {
font-size: 21px;
color: #ff7b00;
font-weight: normal;
padding: 0px;
margin: 0px;
}

h2.title {
font-size: 28px;
color: White;
font-weight: normal;
padding: 0px;
margin: 0px;
}


/* Styles for Filter 1 */

.filter_1 {
width: 820px;
height: 105px;
background-image: url(../Images/filter_bg_1.png);
position: relative;
padding-top: 3px;
color: White;
}

.filter_1 img {
border: 0px;
}

.filter_1 form select {
width: 130px;
}

.filter_1 form select.rooms {
width: 75px;
}

.filter_1 form select.guests {
width: 55px;
}

.section1 {
width: 200px;
height: 88px;
margin-left: 15px;
margin-top: 10px;
float: left;
}

.section2 {
float: left;
width: 430px;
height: 105px;
margin-left: 20px;
}

.section2 ul {
padding: 0px;
margin: 0px;
}

.section2 ul li {
float: left;
list-style: none;
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 15px;
}

.section2 ul li.lastitem {

}

.section2 ul li.secondlist {
margin-top: 16px;
margin-left: 10px;
font-size: 10px;
}

.section2 ul li.secondlist1 {
margin-top: 20px;
font-size: 10px;
}



.section3 {
width: 130px;
height: 50px;
margin-top: 25px;
float: left;
}





/* End of Filter 1 */



/* Styles for Filter 2 */

.filter_2 {
width: 800px;
min-height: 50px;
height: auto;
position: relative;
overflow: auto;
text-align: center;
padding-left: 26px;
}

.filter_2 ul li {
float: left;
font-size: 28px;
margin-right: 35px;
color: #0168b3;
list-style: none;
}

.filter_2 ul li b {
float: left;
font-weight: normal;
margin-top: -4px;
padding-right: 6px;
}



/* End of Filter 2 */


.filter_3 {
width: 650px;
height: 54px;
background-image: url(../Images/filter_bg_3.png);
background-repeat: no-repeat;
position: relative;
margin-bottom: 20px;
margin-left: 50px;
padding-top: 0px;
}

.filter_3 ul {
margin-left: 50px;
overflow: auto;
padding: 0px;
}

.filter_3 ul li {
float: left;
list-style: none;
margin-left: 10px;
}

.filter_3 ul li.strong {
color: White;
font-size: 33px;
font-weight: normal;
padding-top: 6px;
margin-left: 25px;
}

.filter_3 ul li.txt2 {
font-size: 22px;
color: White;
font-weight: normal;
padding-top: 14px;
margin-left: 40px;
}

.filter_3 ul li.drops {
padding-top: 7px;
}

.filter_3 form select {
width: 75px;
}



b.txt1 {
position: absolute;
color: White;
margin-left: -223px;
margin-top: 194px;
z-index: 1;
font-size: 14px;
font-weight: normal;
}



b.txt1 strong {
color: #ee7035;
font-size: 13px;
font-weight: bold;

}

img.contentimg {
z-index: 2;
}




/* END OF HEADER SECTION */

/* STYLES FOR MAIN_CONTENT SECTION */

#main_content {
width: 820px;
min-height: 400px;
position: relative;
}






/* END OF MAIN_CONTENT */

/* STYLES FOR FOOTER SECTION */

#footer {
width: 795px;
height: auto;
text-align: right;
padding-right: 25px;
padding-top: 10px;
}

#footer ul li {
list-style-type: none;
float: right;
}

#footer ul li a {
color: #8d7e6e;
text-decoration: none;
font-weight: bold;
}

#footer ul li a:hover {
color: #285374;
}


#footer ul li a.twitter {
display: block;
width: 129px;
height: 47px;
background-image: url(../Images/Twitter.png);
margin-top: -8px;
}

#footer ul li a.twitter:hover {
background-image: url(../Images/Twitter_hover.png);
}


/*
#footer a {
display: block;
color: #8d7e6e;
text-decoration: none;
font-weight: bold;
float: left;
}

#footer a:hover {
color: #285374;
}



#footer img {
float: right;
border: 0px; 
margin-top: -8px;
}

*/


/* END OF FOOTER SECTION */


/* Styles for the Drop-Down Menus */

/*demo styles*/
		body {font-size: 62.5%; font-family:"Verdana",sans-serif; margin: 70px 10px;}
		fieldset { border:0;  margin-bottom: 40px;}	
		label,select,.ui-select-menu { float: left; margin-right: 10px; }
		select { width: 125px; }
		
		/*select with custom icons*/
		body a.customicons { height: 2.8em;}
		body .customicons li a, body a.customicons span.ui-selectmenu-status { line-height: 2em; padding-left: 30px !important; }
		body .video .ui-selectmenu-item-icon, body .podcast .ui-selectmenu-item-icon, body .rss .ui-selectmenu-item-icon { height: 24px; width: 24px; }
		body .video .ui-selectmenu-item-icon { background: url(sample_icons/24-video-square.png) 0 0 no-repeat; }
		body .podcast .ui-selectmenu-item-icon { background: url(sample_icons/24-podcast-square.png) 0 0 no-repeat; }
		body .rss .ui-selectmenu-item-icon { background: url(sample_icons/24-rss-square.png) 0 0 no-repeat; }



/* End */


/* Styles for the QUICKSAND BOXES */

ul#list {
width: 820px;
margin: 0px;
padding: 0px;
overflow: auto;
}

ul#list li {
float: left;
width: 250px;
height: 228px;
margin-left: 0px;
padding: 20px 0px 0px 22px;
background-image: url(../Images/Box-bg.png);
background-repeat: no-repeat;
overflow: hidden;
}



/* End of QUICKSAND BOXES */
