/* 
FILENAME: styles.css
DESCRIPTION: This stylesheet creates styles of the Loop Road Lodge page.
AUTHORS: Christine Masters, christinemasters.com
LAST MODIFIED DATE: 2.17.09
*/

/* General */

body {margin: auto 0px; background-image: url(../img/background.jpg)}
.background {background: url(../img/transparent30.png)}

/* Header */

#header {background: #492B0E url(../img/header_bg.jpg); height: 235px; position: relative; display: block;}

h1 {text-indent: -10000px;}

a {color: #492B0E; text-decoration: none;}
a:hover { color: #B5A38C; text-decoration: underline;}


/* Navigation */

#navigation {position: absolute;}
#navigation ul {list-style: none; margin: 0px; padding: 0px; position: relative; top: 153px; left: 170px;}
#navigation li {float: left; width: 130px; margin: 0px; padding: 0px; text-align: center; font: bold 12px Tahoma,Geneva,Kalimati,sans-serif;}
#navigation li a {display: block; padding: 5px 10px; color: #fff; text-decoration: none; margin-right: 6px; color: #B5A38C; background: #492B0E;}

/* Content */

h2 {
	background: url(../img/transparent_rust.png) repeat-x; 
	margin-top: 20px;
	margin-bottom: 10px; 
	padding: 15px 20px; #
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: bold 18px Tahoma,Geneva,Kalimati,sans-serif;
	color: #fff;
}
h2 a {color: #fff; text-decoration: none;}
h2 a:hover {color: #7C6A52; text-decoration: underline;}

h5 {
	background: url(../img/transparent_rust.png) repeat-x; 
	margin-top: 0px;
	margin-bottom: 10px; 
	padding: 5px 20px; #
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: bold 14px Tahoma,Geneva,Kalimati,sans-serif;
	color: #fff;
	width: 230px;
}
h5 a {color: #fff; text-decoration: none;}
h5 a:hover {color: #7C6A52; text-decoration: underline;}

#nag {
	background: url(../img/transparent_rust.png) repeat-x; 
	margin-top: 20px;
	margin-bottom: 10px; 
	padding: 15px 10px; #
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: bold 12px Tahoma,Geneva,Kalimati,sans-serif;
	color: #fff;
}
#nag a {color: #fff; text-decoration: none;}
#nag a:hover {color: #7C6A52; text-decoration: underline;}

#intro {margin: 20px 0;}
.intro_content {background: url(../img/transparent_g.png) repeat-x; padding: 20px;}
.features {padding-bottom: 15px;}
.intro_content dt {font: bold 18px Tahoma,Geneva,Kalimati,sans-serif; color: #492B0E; margin-bottom: 15px;}
.intro_content img {border: solid 1px #7C6A52; padding: 1px; margin: 0 0 15px 0;}
.intro_content img:hover {border: solid 1px #492B0E;}
.intro_content dd {font: normal 12px/18px Tahoma,Geneva,Kalimati,sans-serif; color: #492B0E; background: url(../img/indicator.gif) no-repeat 0 .45em; padding: 0 0 10px 15px; margin-bottom: 10px; display: block; border-bottom: 1px dotted #B5A38C;}
.intro_content dd.photo {background: none; padding: 0; margin: 0; border-bottom: none;}
.intro_content dd.last {border-bottom: none;}
.intro_content dd strong {font-weight: bold;}


#slider {margin: 20px 0;}
#slider li {list-style: none;}

/* Front Page Slideshow */

#slider {
    width: 600px; /* important to be same as image width */
    height: 458px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {position: absolute; top: 0; margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	border: 4px solid #492B0E;
	background-color: #492B0E;
}
.sliderImage span {
    position: absolute;
font: 10px/15px Tahoma,Geneva,Kalimati,sans-serif;
    padding: 10px 13px;
    width: 574px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0; left: 0;}
.bottom {bottom: 0; left: 0;}
.left {top: 0; left: 0; width: 110px !important; height: 440px;}
.right { right: 0; bottom: 0;width: 90px !important; height: 440px;
}

/* About The Area */
#map {margin: 20px 0; border: 3px solid #492B0E; background-image:url(../img/background.jpg);}

/* Ammenities and Rates*/
.ammenities, .rates {margin: 20px 0;}
.ammenities dl, .rates dl {list-style-type: disc;}
.ammenities dt, .rates dt {font: bold 14px/18px Tahoma,Geneva,Kalimati,sans-serif; color: #492B0E; background: url(../img/indicator.gif) no-repeat 0 .45em; padding: 0 0 10px 15px; display: block;}
.ammenities dd, .rates dd {background: url(../img/bullet.gif) no-repeat center left; padding: 0 0 0 10px; display: block; line-height: 20px; margin: 0 0 0 15px;}
.rates dd.note {font-style: italic; margin-top: 15px; background: none;}

/* Footer */

#footer {background: #492B0E url(../img/footer_bg.jpg); height: 284px; position: relative; display: block;}
#footer ul {margin-left: 30px;}
#footer li {margin: 20px 0;}
#footer li p {background: url(../img/transparent30.png); padding: 15px; color:#7C6A52; }
#footer li strong {
	background: url(../img/decoration.gif) no-repeat;
	padding: 20px 0 0 0;
	font: normal 14px Tahoma,Geneva,Kalimati,sans-serif; 
	color: #492B0E; 
	display: block; 
	margin: 0 0 15px 0;
}
#footer li img {border: solid 1px #7C6A52; padding: 1px; float: left; margin: 0 10px 8px 0; width: 100px;}
#footer li img:hover {border: solid 1px #492B0E;}