/* CSS Document */
body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5599b5; background:#ecf7fd}

/* ************************** Common Style************************** */

	h1, h2, h3, h4, h5, h6, h7,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}
    .blog-post { width:400px; }
	.blog-post p{ line-height:15px; padding-bottom:5px; }
    .blog-post li{ padding-bottom:8px; }
    .blog-post h3{font-size: 11px; color: #5599B5; font-weight: normal;}
    .left-pad { margin-left:25px; padding-bottom: 20px; }
    p { line-height:15px; padding: 0px; margin: 0px;}
	ul,ol { list-style: none; }
	input, select{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333}
	a{color:#5599b5; text-decoration:none}
	a:hover{color:#efae47; text-decoration:none}
	a img{border:0}
	.clear{clear:both}
    .tooltip { width: 250px; background-color: #ffe675; position: absolute; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 8px 8px 8px 8px;}
    .ui-widget { clear:both; }
    .label-container label { float:left; font-weight: bold; font-size: 12px; }
    .field-container {display:block; clear:both;}
	h1{font-size:24px;color:#efae47; font-weight:bold}
	.section-head h2{font-size:18px; color:#535353; font-weight:bold; padding-bottom:5px; border-bottom: 1px solid #535353; margin-left:25px; display: block; width:225px; margin-bottom: 5px;}
    .x-logo{background:url(../img/trekadoo-x.png) no-repeat top left; width:25px; height:20px; display:block; float:left;}
    .qmark{background:url(../img/qmark.png) no-repeat top left; width:20px; height:20px; float:left; margin-left:5px; margin-bottom: 3px;}
	h3{font-size:15px; font-weight:bold; color:#5599B5;}
    input[type="text"]{border: 2px solid #68B8DF; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:24px; margin-bottom:5px;}
    input[type="password"]{border: 2px solid #68B8DF; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:24px; margin-bottom:5px;}
    textarea{border: 2px solid #68B8DF; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px;}
    select{border: 2px solid #68B8DF; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:24px;}
    input[type="submit"]{ padding: 0px 5px; background: url(../img/orange_grad.jpg); background-color:#EFAE47; border: 0px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; height:30px; margin-bottom:5px; font-size:16px; font-weight:bold;cursor:pointer;}
    input[type="submit"]:hover { background: url(../img/blue_grad.jpg); background-color:#68B8DF; cursor:pointer;}
    input[type="button"]{ background: url(../img/orange_grad.jpg); background-color:#EFAE47; border: 0px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; height:30px; margin-bottom:5px; font-size:16px; font-weight:bold;cursor:pointer;}
    input[type="button"]:hover { background: url(../img/blue_grad.jpg); background-color:#68B8DF; border: 0px;cursor:pointer;}
    fieldset{border: none;}
    .error{color:red;font-style:italic;font-size:13px;}
/* ************************** Wrapper ************************** */
	.picture-desc h2 {font-size:18px; color:#535353; font-weight:bold; padding-bottom:5px; border-bottom: 1px solid #535353;margin-bottom:5px;margin-left:0px;}
	#wrapper{ width:100%;margin:0px auto;background:url(../img/top-bar-inside.png) repeat-x top left}
	#wrapper.home{ width:100%;margin:0px auto;background:url(../img/top-bar.png) repeat-x top left}


/* ************************** Header ************************** */
	
	#header{width:980px;margin:0px auto; padding:0px;}
	#header:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
	/* \*/ * html #header{height:1px} /* */


	/* ---------------- Logo -------------- */
	#logo{ float:left;width:260px;padding:40px 0px 0px 0px; height:100px}
	#logo a{ display:block;background:url(../img/logo2.png) no-repeat left top; width:247px; height:93px; text-indent:-10000px}


	/* ---------------- Search -------------- */
	#search{float:left;width:280px;padding:104px 0 0 0;}
	#search .search-box{float:left;width:195px;padding:2px 5px 2px; height:19px; background:url(../img/search-bg.gif) no-repeat left top; margin-right:5px}
	#search .field{color:#6fa9c1; font-size:14px; background:none; width:190px; border:none;}
	#search .search-btn{float:left; width:auto; margin-top:2px}
	
	
	/* ---------------- Home Search -------------- */
	#home-search{width:435px;padding:0; margin:20px auto 0; text-align:left;}
	#home-search .search-box{float:left;width:345px;padding:8px 7px 8px; height:30px; background:url(../img/home-search-bg.gif) no-repeat left top; margin-right:8px}
	#home-search .field{color:#6fa9c1; padding:5px 0 0 0; font-size:14px; font-weight:bold; width:450px}
    #home-search .date-field{color:#6fa9c1; padding:5px 0 0 0; font-size:14px; font-weight:bold; width:75px}
	#home-search .search-btn{float:right; width:auto; margin-top:2px}
	
    .date-text{padding:5px 0 0 0; width:95px;}

/* ---------------- Header-right -------------- */
    #social-links{ width: 810px; text-align:right; margin:auto; padding-top: 2px; }
	#header-right{ float:right;width:150px; padding:10px 0 0 0;}
	#header-menu{ float: right; color: white; font-size: 14px; padding-top: 15px; }
	.top-link{font-size:14px; color:#fff; padding:0px;}
	.top-link:hover{ color:#c9eaf7}
		
	.top-pannel{ position:absolute; width:133px; margin:-5px 0 0 20px}
	.top-pannel .head{ padding:7px 13px 0; height:22px; color:#fff;background:url(../img/top-pannel-head.png) no-repeat left top; cursor:pointer;}
	.top-pannel h1{ font-size:16px;color:#fff; font-weight:bold;}
	.top-pannel .content{ color:#fff; padding:0 0 15px;background:url(../img/top-pannel-bg.png) no-repeat left bottom; display:none;}
	.top-pannel .content p{padding:0px 8px 0px 9px; line-height:16px; font-size:11px;}
	

/* ************************** Middle ************************** */
    #contact-link { cursor: pointer; color: #5599b5;}
    #contact-link:hover{ color:#e7ae47; }
	#middle{width:980px;margin:12px auto 0px; padding:0px;}
	#middle:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
	/* \*/ * html #middle{height:1px} /* */
	
	.content{ width:100%;}
	.content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
	/* \*/ * html .content{height:1px} /* */	
	
	.data{ width:auto; padding:25px 20px; color:#535353;}
    .data .left-col { width: 45%; float: left; padding-right:20px;}
    .data .right-col { width: 45%; float: left;}
	.data:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
	/* \*/ * html .data{height:1px} /* */		
	
	.home-page{width:600px; margin:0px auto; padding:50px 0 0 0}
    .old-home-page{width:820px; margin: 0px auto; padding:50px 0 0 0;}
	.inner-page{width:900px; margin:0px auto;}

    .lrg-orange{font-size: 18px; color:#e7ae47; }

/*-------------- Menu Navigation--------------------------- */ 

    #menu { width:auto;padding:0px; margin:25px 0 -3px 0;position:relative; height:33px;}
	#menu .back{float:left;color:#5599b5; font-size:19px; text-align:left;line-height:32px}
	#menu .back:hover{color:#efae47;}
    #menu .backbtn{float:left; margin-left: 10px;}
    
    #menu ul {margin:0px; padding:0px 10px 0px 0px; float:right}
    #menu li {display:inline;margin:0px; padding:0px; }
    #menu a {float:left; width:auto;margin:0 2px 0 0;padding:0 0 0 7px;background:url("../img/menu-left.gif") no-repeat left top;  }
    #menu a span {float:left; width:auto;color:#5599b5; font-size:19px;display:block; padding:7px 10px 6px 2px;line-height:19px; white-space:nowrap; background:url("../img/menu-right.gif") no-repeat right top; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
   
    #menu a:hover {}
    #menu a:hover span {color:#efae47; }
	#blog #nav-blog a, #home #nav-home a, #pricing #nav-pricing a, #detail #nav-detail a, #availability #nav-availability a, #props #nav-properties a, #reports #nav-reports a, #settings #nav-settings a, #account #nav-account a{background-position:0 -33px;}
	#blog #nav-blog a span, #home #nav-home a span, #pricing #nav-pricing a span, #detail #nav-detail a span, #availability #nav-availability a span, #props #nav-properties a span, #reports #nav-reports a span, #settings #nav-settings a span, #account #nav-account a span { background-position:100% -33px; margin:0 0 0px 0}
	#blog #nav-blog a:hover span, #home #nav-home a:hover span, #pricing #nav-pricing a:hover span, #detail #nav-detail a:hover span, #availability #nav-availability a:hover span, #props #nav-properties a:hover span, #reports #nav-reports a:hover span, #settings #nav-settings a:hover span, #account #nav-account a:hover span { background-position:100% -33px;}
	
	.pagination{ text-align:right; font-size:13px}


/* ---------------- blue-outer -------------- */

	.blue-outer{width:100%; margin:0px; padding:0px;}
	.blue-outer .blue-t{background:url(../img/blue-tbg.gif) repeat-x 0 0; width:auto; display:block}
	.blue-outer .blue-tl{background:url(../img/blue-tl.gif) no-repeat 0 0; width:auto; height:7px; display:block}
	.blue-outer .blue-tr{background:url(../img/blue-tr.gif) no-repeat 100% 0; width:auto; height:7px; display:block; font-size:0px;}
	
	.blue-outer .blue-b{background:url(../img/blue-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
	.blue-outer .blue-bl{background:url(../img/blue-bl.gif) no-repeat 0 0; width:auto; height:7px; display:block}
	.blue-outer .blue-br{background:url(../img/blue-br.gif) no-repeat 100% 0; width:auto; height:7px; display:block;font-size:0px}
	.blue-outer .container{padding:0px 0px 40px; width:auto; background:#eef8fc; border:2px solid #68b8df; -moz-border-radius: 5px;-webkit-border-radius:5px;}
	
	
	.home-container{padding:40px 15px 40px; text-align:center;z-index:600;position:relative;}
	.banner-ad{text-align:center}


/* ---------------- blue-container -------------- */

	.blue-container{width:100%; margin:0px; padding:0px;}
	.blue-container .blue-t{background:url(../img/blue-container-tbg.gif) repeat-x 0 0; width:auto; display:block}
	.blue-container .blue-tl{background:url(../img/blue-container-tl.gif) no-repeat 0 0; width:auto; height:7px; display:block}
	.blue-container .blue-tr{background:url(../img/blue-container-tr.gif) no-repeat 100% 0; width:auto; height:7px; display:block; font-size:0px;}
	
	.blue-container .blue-b{background:url(../img/blue-container-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
	.blue-container .blue-bl{background:url(../img/blue-container-bl.gif) no-repeat 0 0; width:auto; height:7px; display:block}
	.blue-container .blue-br{background:url(../img/blue-container-br.gif) no-repeat 100% 0; width:auto; height:7px; display:block;font-size:0px}
	.blue-container .container{padding:0px 0px 10px; width:auto; background:#fff; border:2px solid #68b8df;-moz-border-radius:5px;-webkit-border-radius:5px;}
	
	.inner-container{padding:20px 20px;}
	

/* ----------------  Property Listing -------------- */	
	.listing { border-bottom: 1px solid #535353; padding-bottom:5px; margin-bottom: 5px;}
	.property-listing{padding:0px; margin:0px 0px 0px 2px; }
	.property-data{width:auto;padding:6px 0px 5px 0px; float:left; width:100%; }
	.property-data.alt{background:#ecf7fd;}
	
	.property-data .col1,.property-data .col2,.property-data .col3{padding:0px 10px 0px 0px; }
	
	.property-data .col1{float:left;width:230px; padding:0 10px 0 8px; height: 500px; overflow: auto;}
    .property-data .col1.alt{background:#ecf7fd;}
	.property-data .col2{float:left;width:600px; height:500px;-moz-border-radius: 5px; -webkit-border-radius: 5px;border: 2px solid #efae47;margin-left:10px;}
	.property-data .col3{float:left;width:245px; padding:24px 8px 0 0; }
	
	.property-data .col1 img{ text-align: center; }
	.property-data .col2 h2{font-weight:normal; margin-bottom:5px; display:block;}
	
	.property-data p{padding:0px; margin:0px 0px 2px}
	.property-data p span{ padding:0 2px 0 0}
	.property-data p span.rate{ font-size:18px; padding:0 2px 0 0}


/* ----------------  Property Description -------------- */

/* -------  pic-col ------ */
    .picture-desc { border: 2px solid #68B8DF; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #ECF7FD; padding: 5px 5px;}
	.pic-col{float:left;width:500px; padding:0px 25px 0px 0px;}
	.main-pic {text-align:center; padding-bottom:15px; }
    /*.main-pic img{ border: 2px solid #efae47; -moz-border-radius: 10px; -webkit-border-radisu: 10px;}*/
	.slideshow {position: relative; width:500px}
	.slideshow .LeftBotton {float:left; width:22px;left:0px;background: url(../img/arrow-left.gif) no-repeat 0px 45px;   cursor: pointer; position: absolute; height: 100px}
	.slideshow .RightBotton {float:left; width:22px;right:0px; background: url(../img/arrow-right.gif) no-repeat 0px 45px; cursor: pointer; position: absolute; top:0px; height: 100px}
	.slideshow .cont{margin: 0px auto; overflow: hidden; width:354px;padding:12px 0px 0px; }
	.slideshow .box {float: left; width:118px; text-align:center}
	.slideshow .box img {display: block; width:111px; height:101px; padding:0px; margin: 0px auto; }	


/* -------  desc-col ------ */

	.desc-col{float:left;width:300px;}
	.map{padding: 0px 25px;}

.map img {
	position: absolute;
	width: 300px;
	height: 250px;
}

.map .photo_corners {
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border: 2px solid #efae47;
	width: 350px;
	height: 300px;
	position: relative;
	display: block;
	cursor: pointer;
}

	

/* ----------------  Calendar -------------- */

	.calendar{float:left;width:200px;padding:0;margin:0 20px 0 0px;color:#9ea0a6;text-align:center;	background:#addef3;	}
	 caption {width:200px;margin:0;padding:0;color:#5599b5;font-size:18px;line-height:28px;text-align: center;}
	.calendar th{font-size:11px;font-weight:bold;color:#fff;padding:8px 0 8px;background: #29aae2; }
	.today, td.today a, td.today a:link, td.today a:visited {color:#fff;font-weight:bold;background:#29aae2;}
	.calendar td{width:27px;height:27px;text-align:center;}
    .calendar td.held{background:yellow; color:blue;}
    .calendar td.blocked{background:red; color:#FFFFFF;}
    .calendar td.reserved{background:red; color:#FFFFFF;}
	.calendar td a{text-decoration:none;font-weight:bold;display:block;padding:5px;color:#fff!important}
	.calendar td a:link, .calendar td a:visited {color:#608194;}
	.calendar td a:hover, .calendar td a:active {color:#6aa3ae;background:#efae47;}
	

/* ************************** Footer ************************** */

	#footer{ width:980px;margin:auto;padding:10px 0 10px;}
	#footer ul{ margin-top:0px; text-align:center; }
	#footer ul li{display:inline; }
	#footer ul li a{ padding:0px 6px;color:#5599b5; font-weight:bold; font-size:12px}
	#footer ul li a:hover{color:#efae47;}

	#footer p{ padding:0px 0px 5px 0px; text-align:center;}
	
/* ************************** Rate Progess ********************* */
/*////////// Components /////////////*/
.prog_table { border: solid 1px #ddd; }
.prog_1 { height: 22px; width: 1px; background: #F7931E; padding: 0px 0px 0px 0px; margin: 0px; float: left; }
.prog_2 { height: 22px; width: 1px; background: #efefef; padding: 0px 0px 0px 0px; margin: 0px; position: relative; float: left;  }
.month_txt { font-size: 10px; padding: 0px; margin: 0px; float: left; text-align: center; width: 30px; }

/* /////////////////////Table Styles/////////////////// */
.pretty_table { margin: 0 0 10px 0; border-collapse: collapse; width: 100%; border: solid 3px #F7931E; font-size: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.pretty_table tr:hover { background: #fee9d1; }
.pretty_table th { background: #F7931E; color: #fff; text-align: left; padding: 4px 4px 4px 4px; vertical-align: top; }
.pretty_table th a { color: #fff; }
.pretty_table td { border-right: solid 3px #F7931E; border-left: solid 1px #999; padding: 2px 2px 2px 2px; vertical-align: top; }
.pretty_table td a, .pretty_table td a:hover { font-size: 14px; font-weight: bold; color: #2E79BF;  }
.pretty_table .row1 { background: #fff; }
.pretty_table .row2 { background: #edf6fa; }

.pricing-table td.padded{padding-left:40px;}
.pricing-table { padding-bottom: 20px; }
.pricing-table th { text-align: left; }
.info-table { border-spacing: 0px; border-collapse: collapse; padding-bottom: 20px; }
.info-table th { text-align: left; padding: 4px 20px 2px 2px; border-bottom: 1px solid #535353; }
.info-table td { padding: 4px 20px 2px 2px; border-bottom: 1px solid #535353;}
.info-table .even { background-color: #eeeeff; }
/* ************************JQUERY UI STYLES ********************** */
.ui-datepicker-trigger { vertical-align:middle;padding-left:5px; }

#inner-nav { margin-bottom:20px; }

.img-bg {
    height: 245px;
    width: 1000px;
    margin: auto;
    padding-left: 10px;
}

.homepage-img {
    height: 350px;
    width: 1000px;
    position: absolute;
    top: 350px;
}