@charset "utf-8";

@import url("../js/colorbox/colorbox.css");

* { margin: 0; padding: 0 }

html {
   background: #07405d url('../images/bg_gradient.jpg') repeat-x top;
   padding:    0;
   height:     100%; margin:0 }
      
body {
        background:url('../images/bg_falls.jpg') no-repeat center top;
        height: 980px;
        color: #000000;
        font-family:  Arial, Helvetica, sans-serif;
		font-size: 80%;
		line-height: 125%;
        margin:       0;
        zoom: 1; padding-left:0; padding-right:0; padding-top:90px; padding-bottom:10px;      }

A
{
      text-decoration: none; color:#0657a3}
a:active     { color: #073f5d }
a:link       { color: #0657a3 }
a:visited    { color: #0657a3 }
a:hover		 {text-decoration: underline}

#footer A{
      text-decoration: none; color:#ffffff}
#footer a:hover{
      text-decoration: underline; color:#ffffff}

h1 {													/*use for titles*/
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
		color: #0657a3;
			line-height: 100%;
	margin: .5em 0 .8em 0;
	padding: 0;
	background-color: transparent;
	}
	
h2 {													/*use for subtitles content area*/
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
		color: #0657a3;
	margin: .6em 0 .5em 0;
	padding: 0;
	line-height: 100%;
	background-color: transparent;
	}

h3 {													/*use for 3rd level subtitles*/
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
		color: #0657a3;
	margin: 0 0 .5em 0;
	padding: 0;
	background-color: transparent;
	}

h4 {													/*use for left menu titles */
	font-family: "Times New Roman", Times, serif;
	color: #3a4747;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0; padding: .5em 0 .2em .7em;
	background-color: transparent;
	}

h5 {													/*use for reserve box title*/
	font-family: "Times New Roman", Times, serif;
	color: #07405d;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0; padding: .3em 0 0 .7em;
	background-color: transparent;
	}
	
h6 {													/*use for footer headings*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #fed312;
	letter-spacing: 0.05em;
	margin: 0 0 .2em 0;
	padding: 0;
	background-color: transparent;
	}

    
p {
        margin: 0 0 .8em 0;
        padding: 0;}
p.larger {
        font-size: 1.1em;
        margin: 0 0 .7em 0;
        padding: 0;
        line-height:130%}

p.no_space {
        margin: 0;
        padding: 0;}
p.less_space {
        margin: 0 0 .4em 0;
        padding: 0;}

p.extra_space {
        margin: .5em;
        padding: 0;}
 

img, div { behavior: url(iepngfix.htc) }

img.img_border_index {
padding: 8px;
	margin:  0;
border:1px solid #d2d3d5; 
}

img.img_border {
padding: 5px;
	margin:  0;
border:1px solid #d2d3d5; 
}
img.img_border_left {
padding: 5px;
	margin:  0 10px 10px 0;
border:1px solid #d2d3d5; 
}


img.img_border_margin {
padding: 8px;
	margin:  0 0 8px 10px;
border:1px solid #d2d3d5; 
}


img.best_rates {
padding: 0 0 0 18px;
	margin:  0;
	border:0;
	width: 180px; height: 98px;
}
img.more {
padding: 12px 0 0 0 ;
	margin:  0;
	border:0;
	width: 118px; height: 25px;
}
.sideimg {
	width: 300px;
	float: right;
	margin: 0 22px 10px 10px;
	text-align: center;
}

.sideimg2 {
	width: 231px;
	float: right;
	margin: 0 22px 10px 10px;
	text-align: center;
}

#header_phone_pkg {float: right}

.datebutton {margin: .3em .5em -.3em .5em;
width: 20px; height: 19px}

.right{
	float: right}
	
.left{
	float: left}
	
#pkg_booking{
	float: right;
	width: 276px;
	}

ul, ol {
	list-style-position: outside;
margin: .2em 0 1.0em 1.6em;
padding:0
}

li {
	margin: .2em 0 .1em 0;
padding:0
}

ul.footer{
  list-style-type: none;
  margin: 0; padding: 0;
}
ul.footer li{
	margin: 0 0 .2em 0;
padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color; #ffffff;
}
 


.divide_1 {
position: relative;
text-align: center;
width: 98%;
height: 1px;
padding:0;
margin: 5px 2px 0 2px;
	background:#d2d3d5;
}
.divide_2 {
position: relative;
text-align: center;
width: 98%;
height: 1px;
padding: 0;
margin: 0 2px 5px 2px;
	background:#f5f5f5;
}
.divide_3 {
position: relative;
text-align: center;
width: 98%;
height: 1px;
padding: 0;
margin: 12px 2px 12px 2px;
	background:#d2d3d5;
}

#watchvideo {
	background-image: url(../images/video_watch.png);
	height: 45px;
	width: 193px;
	font-size: 110%;
	display: block;
	margin-bottom: 10px;
	margin-left: 75px;
}
#watchvideo2 {
	background-image: url(../images/video_watch2.png);
	height: 45px;
	width: 193px;
	font-size: 110%;
	display: block;
	margin-bottom: 10px;
	margin-left: 75px;
}


table {text-align: left}
table.content_items td{margin: 0; padding: 0 0 10px 0}
table.content_items2 td{margin: 0; padding: 0 }
table.content_items2 td.divide{margin: 0; padding: 0 0 10px 0 }
table.footer_site_map {color: #ffffff; }

/********** main Container Layout ********/
#wrapper {
	position: relative;
    padding:    0;
    margin:     0 auto;
    width:      846px;
    z-index: 1
      }
* html #wrapper {
    background-color: #ffffff;
      }

#wrapper #container_top{
position: relative;
        background: url('../images/container_top.png') no-repeat;
        width:846px;
        height: 17px;
        	z-index: 2
}


#wrapper #header{
position: relative;
    background-color: #ffffff;
    width: 826px;
    height: 174px;
        padding: 10px;
        	z-index: 2
}
#header_left{
position: relative;
float: left:
width: 430px;
          	z-index: 4
}



#wrapper #container_bottom{
position: relative;
        background: url('../images/container_bottom.png') no-repeat;
        width:846px;
        height: 17px;
position: relative
}

#footer {
color: #ffffff;
font-size: .9em;
margin: 12px 0 22px 0;
}

/********** Header Layout ********/
#wrapper #header{
position: relative;
    background-color: #ffffff;
    width: 826px;
        padding: 10px 10px 4px 10px;
        	z-index: 2
}
#header_left{
position: relative;
float: left:
width: 430px;
          	z-index: 4
}

#header_right {
position: absolute; left: 515px; top: 0px;
width:314px;
float: right:
text-align: right;
          	z-index: 4
}

/********** Main Content Layout ********/
#wrapper #container_content{
position: relative;
    background-color: #ffffff;
    width: 834px;
        padding: 6px 6px 4px 6px;
        	z-index: 2
}
table.content_columns {
    background-color: #ffffff;
    padding: 0; margin:0;
    width: 100%;
}

td.menu_left{
width: 226px;
border-top: 1px solid #c8c9cc; border-right: 1px solid #c8c9cc; border-bottom: 1px solid #c8c9cc; border-left: 1px solid #c8c9cc; 
padding: 1px; margin 1px;
background: #e6e6e8 url('../images/bg_menu_left.jpg') no-repeat left top;
}

td.full_width_text {
width:100%;
padding: 12px 22px 12px 22px;
}
.subfiles {
width: 570px;
margin-left:22px;
}

/***** List column left no images *****/

.menu_left {   
   width: 194px;
   padding:0;   
   margin:0;  
   padding:0 0 2px 13px;   
   margin:0;   
	color: #0657a3;
	font-weight: bold;
	text-align: left 
   }   
   
.menu_left li.last {   
   border: 0;
    list-style-type:none; 
   padding; 0;
   }  
.menu_left li.last_sub {   
   border: 0;
    list-style-type:none; 
   padding;  0;
   margin: 0 0 26px 0;
   }  

   
.menu_left li{   
   list-style-type:none; 
   border-bottom: 1px dashed #c4c4ce;  
   padding; 0;
   }   
.menu_left a, .menu_left a:visited, .menu_left a:active, .menu_left a:hover ,
.menu_left_2nd a, .menu_left_2nd a:visited, .menu_left_2nd a:active, .menu_left_2nd a:hover
 {   
   text-decoration: none;
   display:block;   
   color:  #0657a3; 
   margin: .5em 0 .5em 0;  
   }   
   
.menu_left a:hover,.menu_left_2nd a:hover  {color:  #abacae;text-decoration: none;}  


/******** Footer logos *******/
table#footer_logos_coloured td {
font-size: .9em;
color: #0657a3;
}

/****** Reservation Box *******/
#booking {
position: absolute; left: 515px; top: 30px;
	width:314px;
	font-size:.9em;
	color: #414042;
	float: right;
	text-align: left;
	padding: 3px;
	background: #d2d3d5 url('../images/bg_res_box.jpg') repeat-x top;;
	border: 1px solid #c6cbd4;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
        	z-index: 5
}
#booking_packages {
position: relative;
float: right;
	width:314px;
	font-size:.9em;
	color: #414042;
	float: right;
	text-align: left;
	padding: 3px;
	background: #d2d3d5 url('../images/bg_res_box.jpg') repeat-x top;;
	border: 1px solid #c6cbd4;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
        	z-index: 5
}
#booking_packages2 {
position: relative;
float: right;
	width:250px;
	font-size:.9em;
	color: #414042;
	float: right;
	text-align: left;
	padding: 3px;
	background: #d2d3d5 url('../images/bg_res_box.jpg') repeat-x top;;
	border: 1px solid #c6cbd4;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
        	z-index: 5
}


/* form */
#resform  {
	font-size:1em;
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #900;
	padding:15px;
	background:#f8d14a
}


fieldset {
border:0
}

.input,.select {
border:1px solid #000;
	font-size:1.0em;
	padding: 1px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
}

label {
font-weight:700
}

#theResForm {
	margin: 0;}
	
#theResForm2 {
	margin: -.5em 0 0 0;}

	
#selectbook, #nights, #resinput {
margin-top:.3em; margin-left: 1em;
}


#arrivalfield,#guests, #resbtn {
margin-top:.3em; margin-right:.3em; margin-left: 3.6em;
}
#resbtn2 {
text-align:center;
margin-top:.5em; margin-right:.3em; margin-left: .3em; margin-bottom:.3em
}

#arrivalfield img {
border:0
}

#resbtn {
width:186px;
height:24px;
margin-bottom:.3em;
margin-left:auto;
margin-right:auto
}
#main_boxstyle  #sideimg {
	width: 300px;
	float: right;
	margin: 10px;
	text-align: center;
}
.clickhere_btns {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}#main_boxstyle #bottom_pics {
	width: 500px;
	height: 100px;
	float: left;
	margin-top: 15px;
}
#bottom_pics img {
	padding-right: 7px;
	padding-left: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#main_boxstyle #attractions_menu {
	width: 100%;
	float: left;
}
#main_boxstyle #btmlinks {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 25px;
}

	
/***********************/
/* Horizontal Navigation Formatting */
/***********************/
#wrapper div#top_menu_container{
position: relative;
    background-color: #ffffff;
    width: 834px;
        padding: 10px 6px 4px 6px;

        	z-index: 2
}



div#rollover	{
	height: 36px;
	width: 834px;
	margin: 0;
	padding: 0;
	display: inline;
	}

div#rollover ul#button	{
	height: 36px;
	width: 880px;
	background:     url(../images/nav/nav_bar_matrix.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#rollover ul#button li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#button li, ul#button a {
	height: 36px;
	display: block;
	outline: none;
	}
	
div#rollover ul#button li a {
	text-indent: -9999px;
	text-decoration: none;
	border-style: none;
	}

#home {left: 0px; width: 73px;}
#rooms {left: 72px; width: 175px;}
#packages {left: 246px; width: 130px;}
#dining {left: 376px; width: 65px;}
#attractions {left: 442px; width: 98px;}
#pets {left: 539px; width: 109px;}
#contact {left: 648px; width: 101px;}
#reservations {left: 750px; width: 90px;}

/* Select button */
ul#button, ul.home li#home {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.rooms li#rooms {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.packages li#packages {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.dining li#dining {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.attractions li#attractions {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.reservations li#reservations {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.pets li#pets {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
ul#button, ul.contact li#contact {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}

ul#button, ul.home li#home a {width: 0px;}
ul#button, ul.rooms li#rooms a {width: 0px;}
ul#button, ul.packages li#packages a {width: 0px;}
ul#button, ul.dining li#dining a {width: 0px;}
ul#button, ul.attractions li#attractions a {width: 0px;}
ul#button, ul.reservations li#reservations a {width: 0px;}
ul#button, ul.pets li#pets a {width: 0px;}
ul#button, ul.contact li#contact a {width: 0px;}

/* disable button */
li.disable#home {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -36px no-repeat;}
li.disable#rooms {background: transparent url(../images/nav/nav_bar_matrix.jpg) -72px -36px no-repeat;}
li.disable#packages {background: transparent url(../images/nav/nav_bar_matrix.jpg) -246px -36px no-repeat;}
li.disable#dining {background: transparent url(../images/nav/nav_bar_matrix.jpg) -376px -36px no-repeat;}
li.disable#attractions {background: transparent url(../images/nav/nav_bar_matrix.jpg) -442px -36px no-repeat;}
li.disable#pets {background: transparent url(../images/nav/nav_bar_matrix.jpg) -539px -648px no-repeat;}
li.disable#contact {background: transparent url(../images/nav/nav_bar_matrix.jpg) -648px -36px no-repeat;}
li.disable#reservations {background: transparent url(../images/nav/nav_bar_matrix.jpg) -750px -36px no-repeat;}

/* mouseover */
#home a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) 0px -72px no-repeat;}
#rooms a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -72px -72px no-repeat;}
#packages a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -246px -72px no-repeat;}
#dining a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -376px -72px no-repeat;}
#attractions a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -442px -72px no-repeat;}
#pets a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -539px -72px no-repeat;}
#contact a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -648px -72px no-repeat;}
#reservations a:hover {background: transparent url(../images/nav/nav_bar_matrix.jpg) -750px -72px no-repeat;}