﻿@import url('AspNetControls.css');
@import url('UserDefined.css');
@charset "utf-8";
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */
ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

/* ------------- Represents all global settings which apply to all masterpages and pages. ------------- */
body{margin: 0px;padding: 0px;background: url(../Imgs/Background.jpg) repeat-x #fef1d3; font-size: 62.5%;color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;
     border-top: 10px solid #505c45;line-height: 16px;}
	
/* ------------- Global Link Properties ------------- */
a:link{color: #7b7b7b;text-decoration: none;}
a:hover{color: #ff6633;text-decoration: underline;}
a:visited{color: #ff6633;text-decoration: none;}

#topContainer a:link{color: #FFFFFF;text-decoration: none;}
#topContainer a:hover{color: #faf1e4;text-decoration: underline;}
#topContainer a:visited{color: #faf1e4;text-decoration: none;}

#footer a:link{color: #505c45;text-decoration: none;}
#footer a:hover{color: #999999;text-decoration: none;}
#footer a:visited{color: #999999;text-decoration: none;}

/* ------------- Global Heading Properties ------------- */
/* Page Title */
.Welcome{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/Welcome.png); background-repeat: no-repeat;}
.Suites{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/Suites.png); background-repeat: no-repeat;}
.Amenities{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/Amenities.png); background-repeat: no-repeat;}
.Meet{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/About.png); background-repeat: no-repeat;}
.Facebook{margin: 0px;padding:0px 0px 0px 0px; height:51px; width:220px; background-image:url(../Imgs/Headings/Facebook.png); background-repeat: no-repeat;}
.History{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:450px; background-image:url(../Imgs/Headings/History.png); background-repeat: no-repeat;}
.ReservationRequest{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/ReservationRequest.png); background-repeat: no-repeat;}
.LocalAttractions{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/LocalActivites.png); background-repeat: no-repeat;}
.LocalInformation{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/LocalLinks.png); background-repeat: no-repeat;}
.MapDirections{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px; background-image:url(../Imgs/Headings/MapDirections.png); background-repeat: no-repeat;}
.Contact{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px;background-image:url(../Imgs/Headings/Contact.png); background-repeat: no-repeat;}
.Policies{margin: 0px;padding:0px 0px 0px 0px; height:60px; width:350px;background-image:url(../Imgs/Headings/Policies.png); background-repeat: no-repeat;}

h2{color: #1e6b84;margin: 0px 0px -10px 0px; font-size: 15px;padding: 0px;}

/* Suite Name Title */
h3{color: #ffffff;margin: 0px 0px -10px -1px; font-size: 15px;padding: 6px 8px 6px 8px;background-color: #1e6b84;}

h4{color: #FFFFFF;background-color: #02809d;margin: -10px -10px 8px -10px;padding: 3px 8px 4px 10px;font-size: 13px;}
h5{color: #02809d;margin: 5px 0px 5px 0px;padding: 0px 0px 2px 0px;border-bottom: 1px solid #fc6a1d;font-size: 12px;}

/* Smallest */
h6{color: #02809d;margin: 0px 0px 0px 0px;}

/* ------------- Global Container Properties ------------- 	*/
#container{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;width: 973px;font-size: 1.2em; text-align: justify;
    background-color: #fff8e9;background-image: url(../Imgs/Interface/contentVTile9.png);background-repeat: repeat-y;position: relative;}
.leftColumn{float: left; width: 450px; padding: 0px 20px 0px 0px;}
.rightColumn{float: left; width: 440px;border-left:1px solid #CCCCCC; padding: 0px 0px 0px 20px;}
.center{text-align: center;}

#header{margin: 0px;padding: 0px;height: 77px;}

/* Primary Navigation */
#navContainer{position: relative; left: 0px; right: 0px; top: 0px; background: url(../imgs/Interface/NavUp4.png) no-repeat;}
#Navigation {width: 973px; margin: 0px; height:77px; padding:0px;}
#Navigation span {display: none;}
#Navigation li, #Navigation a {height:77px; display:block;}
#Navigation li {float: left; list-style:none; display:inline;}

#navHome {width: 325px;}
#navSuites {width: 124px;}
#navMeet {width: 97px;}
#navReservations {width: 98px;}
#navHistory {width: 68px;}
#navAttractions {width: 101px;}
#navLocal {width: 100px;}
#navMapDirections {width: 92px;}
#navContact {width: 67px;}

#navHome a:hover {background:url(../imgs/Interface/NavOver4.png) 0px 0px no-repeat;}
#navSuites a:hover {background:url(../imgs/Interface/NavOver4.png) -325px 0px no-repeat;}
#navMeet a:hover {background:url(../imgs/Interface/NavOver4.png) -449px 0px no-repeat;}
#navReservations a:hover {background:url(../imgs/Interface/NavOver4.png) -546px 0px no-repeat;}
#navHistory a:hover {background:url(../imgs/Interface/NavOver4.png) -644px 0px no-repeat;}
#navAttractions a:hover {background:url(../imgs/Interface/NavOver4.png) -611px 0px no-repeat;}
#navLocal a:hover {background:url(../imgs/Interface/NavOver4.png) -712px 0px no-repeat;}
#navMapDirections a:hover {background:url(../imgs/Interface/NavOver4.png) -812px 0px no-repeat;}
#navContact a:hover {background:url(../imgs/Interface/NavOver4.png) -904px 0px no-repeat;}

/* ------------- Global Content Container Properties ------------- */
#contentContainer{margin: 0px 0px 0px 0px;padding: 115px 20px 8px 20px;
	background-image: url(../Imgs/Interface/contentHeader7.png);background-repeat: no-repeat;}

/* ------------- Suites Properties ------------- 	*/
.suiteContainer{margin: 0px 0px 15px 0px;padding: 0px;width:928px;border: 1px solid #505c45; background-color: #fdf5e3;}
.suiteContent{margin: 0px; padding: 10px; width: 465px; text-align: justify; float: left;}
.suiteImg{float: right; margin: 10px 10px 10px 0px; width: 425px; border: 1px solid #505c45;}
.suiteView{float: right; margin: 0px 0px 10px 0px; width: 425px; text-align: center;}

/* ------------- About ------------- 	*/
.aboutL{float: left; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; width: 590px;}
.aboutR{float: left; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 30px; width: 305px;}

/* ------------- Suite Reservation Request ------------- 	*/
#guestReserveRequestInfo{float: left;padding: 0px 0px 0px 0px;margin: 5px 0px 10px 85px;width:375px;display:inline;}
#suiteReserveRequestInfo{float: left;padding: 0px 0px 0px 50px;margin: 5px 0px 10px 10px;border-left: 1px solid #CCCCCC;}

/* ------------- Map and Directions ------------- 	*/
ol{font-weight: bold;line-height: 18px; list-style-type: decimal; margin: 15px 0px 0px 35px;}
ol ul{font-weight: normal;padding: 0px 0px 2px 25px; list-style-type: disc;}
.map{float: right;margin: 30px 5px 0px 0px; border: 1px solid #CCCCCC;}

/* ------------- Lists ------------- 	*/
.copyList{list-style: disc; margin: 15px 0px 0px 0px;padding: 0px; line-height: 15px;}
.copyList li{margin: 0px 0px 0px 40px; padding: 0px 0px 8px 0px;}

/* ------------- Links ------------- 	*/
.lstLinks{list-style: none;margin: 0px;padding: 0px;}
.lstLinks li{margin: 0px 0px 15px 15px;border-bottom: 1px solid #CCCCCC;}
.lstLinks li:hover{background-color: #505c45; color: #FFFFFF; display: block;}
.lstLinks a{display: block; color: #666666;padding: 3px 5px 2px 5px; text-decoration: none;}
.lstLinks a:hover{display: block; color: #FFFFFF; text-decoration: none;}   

.lstDesc{list-style: none; margin: 0px; padding: 0px 0px 0px 0px;}
.lstDesc li{margin: 0px; width: auto; padding: 0px; border: none; background-color: Transparent;}
.lstDesc li:hover{margin: 0px; width: auto; padding: 0px; border: none; background-color: Transparent; color: #666666;}

/* ------------- Amenities ------------- 	*/
.lstAmenities{list-style: none;margin: 0px 0px 0px 0px;padding: 0px;}
.lstAmenities li{float: left; margin: 0px 25px 5px 25px; width: 180px;}

/* ------------- Contact ------------- 	*/
#contactForm{float: left; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; width: 450px;}
#contactInfo{float: left; padding: 0px 0px 0px 50px;margin: 0px 0px 0px 0px; width: 400px; border-left: 1px solid #CCCCCC;}
.txtAreaContainer{text-align: center;}

/* ------------- Global Footer Container Properties ------------- */
#footerImage{margin: 0px auto 0px auto;width: 973px;border-bottom: 1px solid #999999;}
#footer{margin: 2px auto 8px auto;width: 973px;padding: 0px 0px 0px 0px;color: #505c45;font-size: 11px;text-align: right;}
    
.fixer{clear: both;margin: 0px;padding: 0px;height: 0px;}
.smallText{font-size: 10px;}
.floatRight{float: right; margin: 0px 0px 10px 20px;}
