/* @override 
	http://www.huntersfriendresort/test/style.css
*/


/* ------------------------ type selectors ------------------------ */

html {background:#ddd5c2 url("images/bgHtml.jpg") top center repeat-x; }

html#inside {background:#ddd5c2 url("images/inside-bgHtml.jpg") top center repeat-x; }

/* html {background:#ddd5c2 url("images/inside-bgHtml.jpg") top center repeat-x; } */

body { 
	background:transparent url("images/inside-bgBody.jpg") top center no-repeat;
	text-align:center; 
	font:12px/20px Helvetica,Verdana,Arial,sans-serif;
	color:#181818;
	margin-top: 0px;
}

body.home { 
	background:transparent url("images/bgBody.jpg") top center no-repeat;
	text-align:center; 
	font:12px/20px Helvetica,Verdana,Arial,sans-serif;
	color:#181818;
	margin-top: 0px;
}

h1	{ font-size:30px; font-weight: normal; line-height:30px; color:#494949}
h2	{ font-size:22px; font-weight: normal; line-height:24px; color:#494949}
h3	{ font-size:18px; font-weight: normal; color:#494949}
h4	{ font-size:16px; font-weight: bold; font-style: italic; color:#494949}
h5	{ font-size:10px; font-weight: normal; color:#494949}

a {
	color:#57481b;
	text-decoration:underline;
	outline:none;
}

a:hover { text-decoration:none; }


/* ------------------------ classes ------------------------ */

.clear	{ 
	clear:both;
}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
}

img.alignleft { 
	float:left; 
	margin:2px 10px 10px 0px;
}

img.alignright { 
	float:right; 
	margin:5px 0px 10px 10px; 
}


/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

#everything {
	width:980px;
	margin:0 auto;
	text-align:left;
}


/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ horizontal sprite nav ------------------------ */

#navmain { 
	background:url("images/nav.png") no-repeat; 
	width:980px; 
	height:53px;
	padding:0px;
	margin-top: 5px; 
}

#navmain li, #navmain a {
	height:53px;
	display:block;
}

#navmain li {
	float:left;
	list-style:none;
	display:inline;
	position:relative;
	z-index: 100;
}

#navmain a {
	text-indent: -9999px;
}

#nav-01 { width: 69px;} 
#nav-02 { width: 164px;}
#nav-03 { width: 123px;}
#nav-04 { width: 111px;}
#nav-05 { width: 153px;}
#nav-06 { width: 61px;}
#nav-07 { width: 60px;}
#nav-08 { width: 138px;}
#nav-09 { width: 101px;} 

/*-------------- (0px) X position of button / (-53px) height of image from above ------------- */

#nav-01 a:hover { background:url("images/nav.png") 0px -53px no-repeat; }
#nav-02 a:hover { background:url("images/nav.png") -69px -53px no-repeat; }
#nav-03 a:hover { background:url("images/nav.png") -233px -53px no-repeat; }
#nav-04 a:hover { background:url("images/nav.png") -356px -53px no-repeat; }
#nav-05 a:hover { background:url("images/nav.png") -467px -53px no-repeat; }
#nav-06 a:hover { background:url("images/nav.png") -620px -53px no-repeat; }
#nav-07 a:hover { background:url("images/nav.png") -681px -53px no-repeat; }
#nav-08 a:hover { background:url("images/nav.png") -879px -53px no-repeat; }
#nav-09 a:hover { background:url("images/nav.png") -101px -53px no-repeat; }

#navShadow { 
	background:url("images/navShadow.png") no-repeat; 
	width:980px; 
	height:33px;
	margin:0px;
	padding:0px; 
}


/* ------------------------ son of suckerfish: dropdown nav ------------------------ */

#navmain li ul {
	position:relative;
	left:-9999px;
	background-color: #181818 !important;
	/* background: -moz-linear-gradient(center top , #FFFFFF, #D4B6A5) repeat scroll 0 0 transparent !important; */
	z-index: 4000;
}

#navmain li ul li {
	height: 26px; /* Height of each drop down nav item */
	margin-bottom: 0px;
}

#navmain li ul li a {
	width:100%;
	height:26px; /* Height of each drop down nav item, should match above */
	line-height:26px; /* Height of each drop down nav item again, should match above */
	font-size:1.0em;
	color:#ffffff;
	text-decoration:none;
	text-indent: 20px;
}

#navmain li:hover ul, #navmain li.sfHover ul	{ left: 0px; }

#navmain li ul li a:hover { 
	background-image:none!important;
	background-color:#ffffff!important;
	color: #181818!important;
	text-decoration:none;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li {
	width: 180px;
}

#nav-03 ul, #nav-03 li {
	width: 200px;
}

#nav-05 ul, #nav-05 li {
	width: 200px;
}

#nav-08 ul, #nav-08 li {
	width: 140px;
}

#nav-02 ul {
	float: left;
	display: block;
	background-color:#ddd5c2;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#nav-03 ul {
	float: left;
	display: block;
	background-color:#ddd5c2;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#nav-05 ul {
	float: left;
	display: block;
	background-color:#ddd5c2;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#nav-08 ul {
	float: left;
	display: block;
	background-color:#ddd5c2;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* ------------------------ masthead framework ------------------------ */

#titleLogo {
	background: url("images/logoTop.jpg") no-repeat;
	width: 414px;
	height: 100px;
	margin-left: 283px;
	text-indent: -9999px;\
	display:block;
}

#titleLogo li, #titleLogo a {
	display:block;
	float:left;
	list-style:none;
	position:relative;
}

#logo {
	width: 210px;
	height: 180px!important;
	margin-top: 0px;
	margin-left: 0px;
	display:block;
}

#titleCallNow {
    background: url("images/titleCallNow.png") no-repeat;
    width: 217px;
	height: 81px;
	float: right;
	margin-top: -180px;
	text-indent: -9999px;
}

#header {
	height:558px;
	width: 980px;
	margin: 0 auto;
	/* overflow: hidden; */
	position: relative;
}

#inside #header {
	height:418px;
	width: 980px;
	margin: 0 auto;
	/* overflow: hidden; */
	position: relative;
}

#header a {	
	display:block;
	/* height:435px; */
}

#slides {
	height: 405px;
	width: 980px;
	display: block;
	overflow: hidden;
	z-index: 10;
	position: relative;
	left: 0;
	top: -20px;
	margin-bottom: -25px;
}

#slides div, #slides a {
	display: block;
	height: 405px;
	width: 980px;
	text-indent: -9999px;
}

#slide01 { background: url("images/slide07.jpg") no-repeat; }
#slide02 { background: url("images/slide02.jpg") no-repeat; }
#slide03 { background: url("images/slide03.jpg") no-repeat; }
#slide04 { background: url("images/slide04.jpg") no-repeat; }
#slide05 { background: url("images/slide05.jpg") no-repeat; }
#slide06 { background: url("images/slide06.jpg") no-repeat; }

#slide01 #clickhere {
	margin: 356px 0 0 325px;
	background: none;
	width: 120px;
	height: 20px;
}

#slides-nav {
	position: relative;
	left: 836px;
	top: 380px;
	z-index: 1000;
}

#slides-nav a {
	padding: 0px 4px;
	background: #ffffff;
	background: rgba(255,255,255,0.2);
	border: 1px solid #ffffff!important;
	display: block;
	height: 18px;
	color: #ffffff;
	line-height: 18px;
	float: left;
	margin-right: 6px;
	text-decoration: none;
}

#slides-nav a.activeSlide {
	background: #ddd5c2;
	background: rgba(221,213,194,0.8);
	color: #181818;
}

#insideHeader {
	background:url("images/insideHeader01.jpg") no-repeat;
	height: 265px;
	width: 980px;
	display: block;
	z-index: 2;
	position: relative;
	left: 0;
	margin-bottom: -5px;
}

body.our-resort-properties  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.hunters-friend-resort  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.rockwood-condos  #insideHeader { background:url("images/insideHeader-Rockwood.jpg") no-repeat; }
body.table-rock-condos  #insideHeader { background:url("images/insideHeader-TableRockCondos.jpg") no-repeat; }

body.perks  #insideHeader { background:url("images/insideHeader-fishing-on-table-rock-lake.jpg") no-repeat; }

body.events-and-attractions  #insideHeader { background:url("images/insideHeader-silver-dollar-city.jpg") no-repeat; }
body.branson-bow-bash  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.dulcimer-festival  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.indian-rally-at-indian-point  #insideHeader { background:url("images/insideHeader-IRIP.jpg") no-repeat; }
body.kids-fest  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.silver-dollar-city  #insideHeader { background:url("images/insideHeader-silver-dollar-city.jpg") no-repeat; }
body.an-old-time-christmas #insideHeader { background:url("images/insideHeader-christmas.jpg") no-repeat; }
body.national-harvest-festival #insideHeader { background:url("images/insideHeader-National-Harvest-Festival.jpg") no-repeat; }
body.the-fabulous-four  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.refer-a-friend-from-facebook #insideHeader { background:url("images/insideHeader-facebook.jpg") no-repeat; }
body.hunters-friend-thanks-our-military  #insideHeader { background:url("images/insideHeader-Military.jpg") no-repeat; }

body.faqs  #insideHeader { background:url("images/insideHeader-showboat-branson-belle.jpg") no-repeat; }

body.photo-gallery  #insideHeader { background:url("images/insideHeader-silver-dollar-city-train.jpg") no-repeat; }

body.rooms-and-rates  #insideHeader { background:url("images/insideHeader-ledge-at-table-rock-lake.jpg") no-repeat; }
body.apartments  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.condos  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.kitchenettes  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.motels  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }

body.special-packages  #insideHeader { background:url("images/insideHeader-silver-dollar-city.jpg") no-repeat; }
body.777  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }
body.get-the-commission #insideHeader { background:url("images/insideHeader-affiliate-marketing.jpg") no-repeat; }

body.contact-us  #insideHeader { background:url("images/insideHeader01.jpg") no-repeat; }



/* ------------------------ content framework ------------------------ */

#content {
	width:980px;
	height: auto;
	background: url("images/contentTopBg.png") no-repeat center top, url("images/contentEndSwoosh.jpg") no-repeat center bottom transparent;
	margin-top: 32px;
	padding-bottom: 61px;
	float:left;
}

#content p { margin:0px 0px 20px 0px; }

#content h3, content h4, #content h5, #content h6, #content dl { margin:20px 30px 10px 26px; }

#content ul {
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 0;
}

#content ul li {
    list-style-image: url("images/bullet.png") no-repeat scroll 0 5px transparent;
    font-size: 13px;
    line-height: 150%;
    list-style: none outside none;
    padding-left: 22px;
}

#main {
	width: 668px;
	height: auto;
	margin: 0;
	float: left;
	display: inline;
}

#main p {
	margin:0px 0px 20px 0px;
}

#main h1 {
	margin:21px 0px 2px 17px;
	clear: both;
}

#main h5 {
	margin: -84px 33px 13px 0px;
	float: right;
}

#main h7 {
	margin: 0px 33px -50px 0px;
	float: right;
}

#inside #main h1 {
	margin:41px 0px 2px 17px;
	clear: both;
}

#inside #main h2 {
	margin: 0px 0px 10px 0px;
	width: 600px;
	float: left;
}

#inside #main h3 {
	margin: 0px 0px 10px 0px;
	float: left;
}

#inside #main h4 {
	margin: 0px 0px 10px 0px;
	float: left;
}

#inside #main h5 {
	margin: -70px 33px 0px 0px;
	float: right;
}

#inside #content ul {
    float: left;
    margin: 10px 0px 10px 0px;
	width: 614px;
    padding: 0;
}

#inside #content ul li {
    background: url("images/bullet.png") no-repeat scroll 0 6px transparent;
    font-size: 13px;
    line-height: 150%;
	margin: 0px 0px 10px 10px;
    padding-left: 22px;
}

#titlePageTitleStyle {
    background: url("images/titlePageTitleStyle.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 368px;
	display: block;
}

#titleBackToTop {
    background: url("images/btnBackToTop.png") no-repeat scroll right bottom transparent;
    height: 41px;
    width: 182px;
	display: block;
	margin: -72px 33px 0px 0px;
	float: right;
	text-indent: -9999px;
}

#titleBackToTop a {
    height: 41px;
    width: 182px;
	display: block;
	text-indent: -9999px;
}

#titleWelcomeToBranson {
    background: url("images/titleWelcomeToBranson1.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 368px;
	display: block;
}

#titleCallNow {
    background: url("images/titleCallNow.png") no-repeat scroll 0 0 transparent;
    height: 71px;
    text-indent: -9999px;
    width: 204px;
	display: block;
}

#btnReserveOnline {
    background: url("images/btnReserveOnline.png") no-repeat;
	width: 550px;
	height: 192px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#table {
	width: 500px;
	height: auto;
	margin-left: 65px;
}

.hr {
    background: url("images/hrBody.png") no-repeat scroll 0 0 transparent;
    clear: both;
    display: block;
	width: 614px;
    height: 28px;
    margin: 10px 0px 10px 0px;
}

#mainBoxShadow {
	background: url("images/mainBoxShadow.png") no-repeat;
	width: 980px;
	height: 91px;
}

#article {
	float: left;
	width: 614px;
	margin-left: 39px;
	margin-top: 18px;
	margin-right: 15px;
}

#article h2 {
	text-align: left;
	margin:21px 0px 10px 0px;
	color: #494949;
}

#article h3 {
	text-align: left;
	margin:21px 0px 10px 0px;
	color: #494949;
}

#content div.block {
    background: url("images/content-quote-block.png") no-repeat scroll 0 0 transparent;
    color: #464135;
    display: inline;
    float: left;
    font-size: 22px;
    font-style: italic;
    line-height: 24px;
    padding-bottom: 8px;
	margin-left: 46px;
    width: 522px;
}
#content div.q {
    background: url("images/content-quote-box.png") no-repeat scroll 0 bottom transparent;
    display: inline;
    float: left;
    font-size:18px;
	font-weight: normal;
	line-height:24px;
	color:#494949;
    margin: 0 0;
    min-height: 130px;
    padding: 20px 20px 30px 52px;
}

#content div.cite {
    display: inline;
    float: left;
    font-size:18px;
	font-weight: normal;
	line-height:16px;
	font-style: normal;
	color:#494949;
    margin: 0px 0px 6px 280px;
	padding: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

#content div.citeLocation {
    display: inline;
    float: left;
    font-size:10px;
	font-weight: normal;
	line-height:10px;
	font-style: normal;
	color:#494949;
    margin: 0px 0px 4px 280px;
	padding: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

#content div.citeLocation a {
    color:#57481b;
	text-decoration:none;
}

#content div.citeLocation a:hover {
    color:#57481b;
	text-decoration:underline;
}


/* ------------------------ sidebar framework ------------------------ */

#aside {
	width:312px;
	height:auto;
	float:left;
	display: block;
}

#aside .box {
    background: url("images/box-wrap.png") repeat-y scroll 0 0 transparent;
    border: medium none;
    margin: 0px auto 0;
    width: 312px;
}

#aside .box-btm {
    background: url("images/box-btm.png") no-repeat scroll center bottom transparent;
    padding: 0px 0px 10px 0px;
}

#aside p, aside h1, aside h3, aside h6, aside ul, aside dl { margin:0px 26px 10px 26px; }

#aside h2 {
	margin:0px 0px 0px 0px;
}

#aside h4 {
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-align:left;
	margin-top: 10px;
	margin-left: 26px;
}

#aside h5 {
	margin:0px 0px 0px 0px;
	text-align:left;
	margin-left: 26px;
}

#aside .divider {
	background: url("images/hrAside.gif") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 292px;
	margin: 10px 0px 10px 10px;
}

#titleVirtualTourist {
    background: url("images/titleSavings.jpg") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#btnVideos {
    background: url("images/btnsavings.jpg") no-repeat;
	width: 282px;
	height: 203px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#titleReservations {
    background: url("images/titleReservations.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#btnReservations {
    background: url("images/btnReservations.png") no-repeat;
	width: 250px;
	height: 158px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#titleAttractions {
    background: url("images/titleAttractions.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#btnSilverDollarCity {
    background: url("images/btnSilverDollarCity.png") no-repeat;
	width: 260px;
	height: 156px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#titleEvents {
    background: url("images/titleEvents.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#btnIRIP {
    background: url("images/btnIRIP.png") no-repeat;
	width: 220px;
	height: 205px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#titleTestimonials {
    background: url("images/titleTestimonials.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#aside div.block {
    background: url("images/aside-quote-block.png") no-repeat scroll 0 0 transparent;
    color: #464135;
    display: inline;
    float: left;
    font-size: 22px;
    font-style: italic;
    line-height: 24px;
    padding-bottom: 20px;
	margin-top: 20px;
	margin-left: 15px;
    width: 281px;
}

#aside div.q {
    background: url("images/aside-quote-box.png") no-repeat scroll 0 bottom transparent;
    display: inline;
    float: left;
    font-size:18px;
	font-weight: normal;
	line-height:24px;
	color:#494949;
    margin: 0 0;
    min-height: 65px;
    padding: 20px 50px 30px 50px;
    width: 210px;
}

#aside div.cite {
    display: inline;
    float: left;
    font-size:18px;
	font-weight: normal;
	line-height:16px;
	font-style: normal;
	color:#494949;
    margin: 0px 0px 6px 50px;
	padding: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

#aside div.citeLocation {
    display: inline;
    float: left;
    font-size:10px;
	font-weight: normal;
	line-height:10px;
	font-style: normal;
	color:#494949;
    margin: 0px 0px 4px 50px;
	padding: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

#aside div.citeLocation a {
    color:#57481b;
	text-decoration:none;
}

#aside div.citeLocation a:hover {
    color:#57481b;
	text-decoration:underline;
}

#titleJoinNetwork {
    background: url("images/titleJoinNetwork.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    text-indent: -9999px;
    width: 297px;
}

#online-network {
    width: 228px;
	margin-left: 20px;
	padding-bottom: 90px;
}

.socialMedia {
    float: left;
    height: 83px;
    text-indent: -9999px;
    width: 76px;
}

#online-network a.socialMedia:hover {
    background-position: left bottom;
}

#facebook {
    background: url("images/facebook.png") no-repeat scroll 0 0 transparent;
}

#twitter {
    background: url("images/twitter.png") no-repeat scroll 0 0 transparent;
}

#yelp {
    background: url("images/yelp.png") no-repeat scroll 0 0 transparent;
}



/* ------------------------footer framework ------------------------ */

#footer {
    background: url("images/bg-footer.png") repeat-x scroll 0 0 #181818;
	clear: both;
    width: 100%;
}

#footer-wrap {
    clear: both;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 40px auto;
    width: 980px;
}

#footer p {
    color: #FFFFFF;
	text-align: center;
}

#footer a {
    color: #FFFFFF;
}

#footer ul {
    border-top: 1px solid #2e2e2e;
    float: left;
	text-align: left;
    list-style: none outside none;
    margin: 10px 10px 0;
    width: 297px;
}

#footer ul#middle-ul {
    width: 326px;
}

#footer li {
    border-bottom: 1px solid #2e2e2e;
	text-align: left;
}

#footer li.seperator {
    border-top: 1px solid #2e2e2e;
    margin-top: 30px;
}

#footer li a {
    background: url("images/footer-bullet.png") no-repeat scroll 10px center transparent;
    display: block;
    padding: 5px 0 5px 30px;
    text-decoration: none;
}

#footer li.title a {
    background: none repeat scroll 0 0 transparent;
    padding-left: 10px;
	text-transform: uppercase;
}

#footer li a:hover {
    background-color: #0d0d0d;
}

#footer-hr {
	background:url("images/hrFooter.png") no-repeat;
	width: 980px;
	height: 42px;
    margin: 0 0 20px 0;
	display:block;
}