@media screen and (max-width:1000px)
{
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#menutop {color: #009900; font-size:13px; font-weight: normal; text-align:right; padding:10px 0 0 0;}
#headline-outer { background-color: #D8D5CE; box-shadow: 1px 1px 2px 1px #000000; height: 70px; margin-top:0px; width: 100%;}
#nav-outer {background-color: #303030; height:45px; margin-top:auto; position:inherit; right: 0; top: 0; width:100%;}

#header {background-image: url("../images/bghdlnd.png"); background-repeat: repeat-y; border-bottom:none; color: #000000; font-size: 18px; font-weight: bold; height: 100px; line-height: 15px; margin: 0 auto; width:94%;}
.phonenumber {background-color: #097AC3; color: #FFFFFF; float: left;font-size: 16px;
font-weight: bold; height: 20px; margin:0px; padding:8px; width: auto;}
#headrht {float: right; height:auto; width:50%;}
.bookroom {float: right; height:auto; width:auto; padding:7px 0 7px 0; margin:0px;}
.book {float: left; height:auto; padding:0px; width:auto; margin:0 0 0 20px;}

#logo {height: 60px; width:94%; float:left; text-align:center; padding:5px 0 0 0;}
#tagline {color: #808080; font-size:12px; font-weight: normal; height:auto; width:100%; float:left;}
#head-outer {background-color: #ECE8DD; color: #000000; height:auto; padding-top:0px;
position:inherit; right: 0; top: 0; width: 100%; z-index: 500;}
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#headline{margin:10px 0 0 0; width:100%; float:left;}

#headline h1 {
	font-size: 24px;
	height: 30px;
	margin: 0 auto;
	padding: 18px 3% 10px;
	text-align: left;
	width: 94%;
}
#aside {float: right; padding:3%; width:94%;}
#slide {font-size: 12px; font-weight: bold; padding: 2%; width:94%;}
#slide img{ width:100%; height:auto;}
#choice{ width:100%; float:left; height:auto;}
#choice img{width:100%; height:auto;}
#headlft {float: left; height: 100px; width:50%;}
#nav {margin: 0 auto; width: 950px; display:none;}
.book{ display:none;}
.book1{ display:block; padding:1px 10px; width: 110px; height:auto; float: left;}
}


@media screen and (max-width:768px)
{
#menutop {color: #009900; font-size:13px; font-weight: normal; text-align:right; padding:10px 0 0 0;}
#headline-outer { background-color: #D8D5CE; box-shadow: 1px 1px 2px 1px #000000; height: 70px; margin-top:0px; width: 100%;}
#nav-outer {background-color: #303030; height:45px; margin-top:0px; position: inherit; right: 0; top: 0; width: 100%;}
#header {background-image: url("../images/bghdlnd.png"); background-repeat: repeat-y; border-bottom:none; color: #000000; font-size: 18px; font-weight: bold; height: 100px; line-height: 15px; margin: 0 auto; width:94%;}
.phonenumber {background-color: #097AC3; color: #FFFFFF; float: left;font-size: 16px;
font-weight: bold; height: 20px; margin:0px; padding:8px; width: auto;}
#headrht {float: right; height:auto; width:50%;}
.bookroom {float: right; height:auto; width:95%; padding:7px 0 7px 0; margin:0px;}
.book {float: left; height:auto; padding:0px; width:auto; margin:0 0 0 20px;}

#logo {height: 60px; width:94%; float:left; text-align:center; padding:5px 0 0 0;}
#tagline {color: #808080; font-size:11px; font-weight: normal; height:auto; width:100%; float:left;}
#head-outer {background-color: #ECE8DD; color: #000000; height:auto; padding-top:0px;
position:inherit; right: 0; top: 0; width: 100%; z-index: 500;}
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#headline{margin:10px 0 0 0; width:100%; float:left;}

#headline h1 {  font-size: 24px; height: 30px; margin: 0 auto; padding: 18px 3% 10px; text-align: left; width: 94%;}
#aside {float: right; padding:3%; width:94%;}
#slide {font-size: 12px; font-weight: bold; padding: 2%; width:94%;}
#slide img{ width:100%; height:auto;}
#choice{ width:100%; float:left; height:auto;}
#choice img{width:100%; height:auto;}
#headlft {float: left; height: 100px; width:50%;}
#nav {margin: 0 auto; width: 950px; display:none;}

}

@media screen and (max-width:600px)
{
#menutop {color: #009900; font-size: 14px; font-weight: normal; text-align:center;}
#headline-outer {background-color: #D8D5CE; box-shadow: 1px 1px 2px 1px #000000; height: 70px; margin-top:161px; width: 100%;}
#nav-outer {background-color: #303030; height:54px; margin-top:0px; position:inherit; right: 0; top: 0; width: 100%;}
#header {background-image: url("../images/bghdlnd.png"); background-repeat: repeat-y; border-bottom:none; color: #000000; font-size: 18px; font-weight: bold; height: 100px; line-height: 15px; margin: 0 auto; width:94%;}
.phonenumber {background-color: #097AC3; color: #FFFFFF; float: left;font-size: 16px;
font-weight: bold; height: 20px; margin:0px; padding:8px; width: auto;}
#headrht {float: right; height:auto; width:100%;}
.bookroom {float: right; height:auto; width:60%; padding:7px 20% 7px 20%; margin:0px;}
.book {float: left; height:auto; padding:0px; width:auto; margin:0 0 0 20px;}

#logo {height: 60px; width:94%; float:left; text-align:center; padding:5px 0 0 0;}
#tagline {color: #808080; font-size:11px; font-weight: normal; height:auto; width:100%; float:left;}
#head-outer {background-color: #ECE8DD; color: #000000; height:auto; padding-top:0px;
position:inherit; right: 0; top: 0; width: 100%; z-index: 500; float:left;}
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#headline{margin:10px 0 0 0; width:94%; float:left; padding:0 3%;}

#headline h1 {  font-size: 24px; height: 30px; margin: 0 auto; padding: 18px 3% 10px; text-align: left; width: 94%;}
#aside {float: right; padding:3%; width:94%;}
#slide {font-size: 12px; font-weight: bold; padding: 2%; width:94%;}
#slide img{ width:100%; height:auto;}
#choice{ width:100%; float:left; height:auto;}
#choice img{width:100%; height:auto;}
#headlft {float: left; height: 100px; width:100%;}
#nav {margin: 0 auto; width: 950px; display:none;}
}

@media screen and (max-width:480px)
{
#headline-outer { background-color: #D8D5CE; box-shadow: 1px 1px 2px 1px #000000; height: 70px; margin-top:161px; width: 100%;}
#nav-outer {background-color: #303030; height:54px; margin-top:auto; position:inherit; right: 0; top: 0; width: 100%;}
#header {background-image: url("../images/bghdlnd.png"); background-repeat: repeat-y; border-bottom:none; color: #000000; font-size: 18px; font-weight: bold; height: 100px; line-height: 15px; margin: 0 auto; width:94%;}
.phonenumber {background-color: #097AC3; color: #FFFFFF; float: left;font-size: 16px;
font-weight: bold; height: 20px; margin:0px; padding:8px; width: auto;}
#headrht {float: right; height:auto; width:100%;}
.bookroom {float: right; height:auto; width:92%; padding:7px 4% 7px 4%; margin:0px;}
.book {float: left; height:auto; padding:0px; width:auto; margin:0px;}

#logo {height: 60px; width:94%; float:left; text-align:center; padding:5px 0 0 0;}
#tagline {color: #808080; font-size:11px; font-weight: normal; height:auto; width:100%; float:left;}
#head-outer {background-color: #ECE8DD; color: #000000; height:auto; padding-top:0px;
position:inherit; right: 0; top: 0; width: 100%; z-index: 500; float:left;}
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#headline{margin:10px 0 0 0; width:100%; float:left; padding:0px;}

#headline h1 { font-size: 20px; height:auto; margin: 0 auto; padding: 18px 3% 10px; text-align: left; width: 94%;}
#aside {float: right; padding:3%; width:94%;}
#slide {font-size: 12px; font-weight: bold; padding: 2%; width:94%;}
#slide img{ width:100%; height:auto;}
#choice{ width:100%; float:left; height:auto;}
#choice img{width:100%; height:auto;}
#headlft {float: left; height: 100px; width:100%;}
#nav {margin: 0 auto; width: 950px; display:none;}

}


@media screen and (max-width:320px)
{
#headline-outer { background-color: #D8D5CE; box-shadow: 1px 1px 2px 1px #000000; height: 70px; margin-top:161px; width: 100%;}
#nav-outer {background-color: #303030; height:54px; margin-top:auto; position:inherit; right: 0; top: 0; width: 100%;}
#header {background-image: url("../images/bghdlnd.png"); background-repeat: repeat-y; border-bottom:none; color: #000000; font-size: 18px; font-weight: bold; height: 100px; line-height: 15px; margin: 0 auto; width:94%;}
.phonenumber {background-color: #097AC3; color: #FFFFFF; float: left;font-size: 16px;
font-weight: bold; height: 20px; margin:0px; padding:8px; width: auto;}
#headrht {float: right; height:auto; width:100%;}
.bookroom {float: right; height:auto; width:92%; padding:7px 4% 7px 4%; margin:0px;}
.book {float: left; height:auto; padding:0px; width:auto; margin:0px;}

#logo {height: 60px; width:94%; float:left; text-align:center; padding:5px 0 0 0;}
#tagline {color: #808080; font-size:11px; font-weight: normal; height:auto; width:100%; float:left;}
#head-outer {background-color: #ECE8DD; color: #000000; height:auto; padding-top:0px;
position:inherit; right: 0; top: 0; width: 100%; z-index: 500; float:left;}
#outerWrapper {background-color: #FFFFFF; box-shadow: 1px 1px 6px 2px #C0C0C0; margin: 0 auto; text-align: left; width:94%;}
#headline{margin:10px 0 0 0; width:100%; float:left; padding:0px;}

#headline h1 {font-size: 20px; height:auto; margin: 0 auto; padding: 18px 3% 10px; text-align: left; width: 94%;}
#aside {float: right; padding:3%; width:94%;}
#slide {font-size: 12px; font-weight: bold; padding: 2%; width:94%;}
#slide img{ width:100%; height:auto;}
#choice{ width:100%; float:left; height:auto;}
#choice img{width:100%; height:auto;}
#headlft {float: left; height: 100px; width:100%;}
#nav {margin: 0 auto; width: 950px; display:none;}
}