/* -----GENERAL----- */
*{margin:0; padding:0;}
html, body{ color:#534741; margin:0; text-align:center; background-color:#eeeeee; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; } 
#pagewidth{ width:777px; text-align:left; margin-left:auto; margin-right:auto; margin-top:10px; background-image:url(images/main_bg_img.gif); background-repeat:repeat-y; padding:-10px 0 0 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
p{font-size:1.2em; margin-bottom:8px}
h1{font-size:1.9em; color:#7d8a2e; margin-bottom:10px}
h2{font-size:1.4em; color:#7d8a2e; margin:0 0 10px 0;}
h3{font-size:1.2em; color:#7d8a2e; margin:0 0 8px 0;}
ul{list-style:none;} 
a{outline: none;}
a:link {color: #7f5f13;text-decoration: none;}
a:visited {text-decoration: none;color:#996633;}
a:hover {text-decoration: none;color: #f9c649;}
a:active {text-decoration: none; outline: none; color: #7f5f13;}
.clr{clear:left}
#wrapper{height:auto !important; height:600px; min-height:600px;}


 
/* -----HEADER----- */
#header{background-color:#0099FF; position:relative; height:100px; width:777px;  background:url(images/logo_bg.gif) no-repeat;}
#logo{width:170px; height:80px; display:block; margin:10px 0 0 20px; float:left;}
#logo a{width:170px;  height:80px; display:block; text-indent:-6000px;  outline:0;}
#banner_img{position:relative; margin: 0 7px 20px 9px;}
#contact_info{color:#997724; text-align:right; padding:15px 75px 0 0; font-size:1.7em; line-height:25px;}
#contact_info #phone_num{font-size:1.4em}
#contact_info #email_add{font-size:0.8em}
#cards{float:right; margin-bottom:25px}
#rating{margin:0 0 15px 0; float:right;}
 
/* -----NAV----- */
ul#navbar{padding: 0; list-style:none; float:right; font-size:1.1em; margin:5px 25px 0 0; display:inline}
ul#navbar li{float:left; background: url(images/tab_right_img.jpg) no-repeat top right; background-color:#a3b356; margin:0 1px 0 0; }
ul#navbar li a {height:30px; display: block; padding: 0 0.3em; line-height: 2em ; background: url(images/tab_left_img.jpg) no-repeat top left; text-decoration:none; color: #fff; float: left; border:none; outline: none;}
ul#navbar li a:hover{color:#7f5f13; text-decoration:none;}
ul#navbar li a:active{outline: none;}
#nav_bottom{ height:10px; border-top:1px solid #8d9c45; background-color:#a3b356; margin: 0 9px 0 9px; width:758px}
#nav_bottom2{ height:10px; background-color:#d7deb6; margin: 0 9px 0 9px; width:758px} 


/* -----LEFT COL----- */
#leftcol{width:465px; float:left; position:relative; margin:0 0 0 25px; color:#534741; display:inline }

/* -----RIGHT COL----- */
#rightcol{float:right; display:inline; position:relative; width:242px; margin:0 25px 0 0;}
.box_index{width:242px; background:url(images/index_mod_sides.gif) repeat-y; float:left; display:block; margin:0 5px 30px 0; color:#534741}
.box_index .benefits_top{background:url(images/benefits_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px;}
.box_index .airports_top{background:url(images/airports_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px}
.box_index .specialrates_top{background:url(images/specialrates_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px }
.box_index .bottom{background:url(images/index_mod_bottom.gif) no-repeat left bottom;  padding:0; margin:0; height:17px  }
.box_index ul {padding: 0 10px; margin:0 0 3px 0}
.box_index ul li {background:url(images/green_bullet.gif) no-repeat 4px 3px; padding:0 0 6px 20px; list-style:none; font-size:1.2em}

/* -----RATES.php----- */
table{border-collapse:collapse; width:30em; border:1px solid #e5e8d7;}
th, td{padding:0.1em 1em;}
td{height:20px; font-size:1.2em}
td.price{text-align:center;}
col{border-right:1px solid #e5e8d7;}
col#price_col{border:none;}
thead{background:#a3b356; border-top:1px solid #a5a5a5; height:25px; line-height:25px}
th{/*font-weight:normal;*/ text-align:left; font-size:1.2em; color:#FFF }
.odd{background-color:#f1efda;}


#booknow{position:absolute; left:320px; top: 170px;}
#booknow a{display:block;width:144px;height:54px;color:#000;text-decoration:none;background:url(images/booknow_but.jpg) no-repeat left bottom;text-indent:-6000px;}

#booknow a:hover, .selected#booknow a{background-position: right bottom;color: #000;}



/* -----CONTACT.php----- */
form.mailing {width:470px; margin:20px 0 0 0;}
form.mailing p{width:400px; padding:5px 0 5px 1px; margin:0;}
form.mailing p label {width:80px; float:left; display:inline; text-align:right; margin:0 5px 0 0;}
form.mailing input, form.mailing select, form.mailing textarea{font-family:'Verdana', Arial, Helvetica, sans-serif;}
form.mailing fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend{display:none}
.button_submit{margin-left:155px; margin-top:10px; }
textarea, form.mailing select{font-size:1.0em;}
form.mailing select {width: 310px; }
span.error { font-weight: bold; color: red; }
form.mailing select{font-size:0.9em}
.captcha{margin-left:-70px;}
form.mailing .button_submit{margin-left:84px}
form.mailing .button_submit input{font-size:1.2em}
/*------BOOKINGS.php --------- */

.button_submit_book {margin-left:90px; margin-top:10px; }
form.mailing img {margin-left:160px; margin-top:10px; border: 1px solid #a3b356;}

p.label_checkbox{clear: both;float: none;position: relative;}
p.label_checkbox input {left: 155px;position: absolute; top:7px;}
p.label_checkbox label {display: block;margin-left: 200px;width: 250px;}
ul.select{ width:300px; margin:20px 0 20px 95px; height:auto}
ul.select li{float:left; width:150px; font-size:1.2em}
ul.select li.require{width:350px; margin-bottom:10px}

/* ------ GALLERY.php ------- */
/* ------ LEFT COL GALLERY ------- */
#leftcol_gallery{width:172px; float:left; position:relative; margin:0 0 0 25px; color:#534741;}

.box_gallery{ width:172px; background:url(images/place_mod_sides.gif) repeat-y; float:left; margin:0 0px 0px 0; font-size:1.2em; color:#534741}
.box_gallery .category_top{background:url(images/category_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px;}
.box_gallery .category_bottom{background:url(images/tinfo_mod_bottom.gif) no-repeat left bottom;  padding:0; margin:0; height:17px  }
.box_gallery ul {padding: 0 10px; margin:0 0 3px 0}
.box_gallery ul li {background:url(images/green_bullet.gif) no-repeat 4px 3px; padding:0 0 6px 20px; list-style:none;}

/* ------ RIGHT COL GALLERY ------- */
#rightcol_gallery{width:520px; float:right; position:relative; display:inline;  margin:0 25px 0 0;}
#rightcol_gallery img{border:2px solid #a3b356; margin:5px 5px 0 5px; padding:0}
#rightcol_gallery img a{text-decoration:none;}
#rightcol_gallery ul.gallery{float:left; margin:0 10px 10px 0}
#rightcol_gallery ul.gallery li{width:176px}
#rightcol_gallery ul.gallery li.img_title{ margin:0 5px 0 5px; font-size:1.2em;}
#badges{width:250px; background-color:#33CC99; float:right}
 
 
/* -----3 COL PAGE TOURIST INFO----- */
/* ----- TOURIST INFO - TITLE INTRO----- */
#intro{ margin:0px 9px 20px 5px; padding:0 20px 0 20px; }

/* ----- 3 COL LEFT COL----- */
#leftcol_3col{width:180px; float:left; position:relative; margin:0 0 0 25px; display:inline;}

/* ----- TOURIST INFO MODULES----- */
.box_tinfo{ width:172px; background:url(images/place_mod_sides.gif) repeat-y; float:left; margin:0 0px 0px 0; font-size:1.2em; color:#534741}
.box_tinfo .attrac_top{background:url(images/attrac_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px;}
.box_tinfo .place_top{background:url(images/place_mod_top.gif) no-repeat left top; padding:0; margin:0; height:25px;}
.box_tinfo .box_bottom{background:url(images/tinfo_mod_bottom.gif) no-repeat left bottom;  padding:0; margin:0; height:17px  }
.box_tinfo ul {padding: 0 10px; margin:0 0 3px 0}
.box_tinfo ul li {background:url(images/green_bullet.gif) no-repeat 4px 3px; padding:0 0 6px 20px; list-style:none;}

 
/* -----3 COL TWO COLS----- */
#twocols{width:550px; float:left; position:relative; margin:0;}
 
/* ----- 3 COL RIGHT COL----- */
#rightcol_3col{width:180px; float:right; position:relative; }
 
 /* -----3 COL MAIN COL----- */
#maincol_3col{float:left; display:inline; position: relative; width:350px; margin-left:10px}
  

/* -----FOOTER----- */
#footer{height:30px; line-height:30px; text-align:center; color:#FFF; background-color:#a3b356; clear:both; margin:50px 8px 0 8px; padding:0} 
#footer img{margin:-81px 15px 0 0; float:right;}
#footer#footer_text{margin:0 10px 20px 20px}
#footer a{color:#FFF}