/* @group General Styles */

html {
	background: url('images/bg.png') repeat-x;
}

body.tundra {
	background: url('images/dallas-bg.jpg') no-repeat top center;
	margin: 0 auto;
}

h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

#todo {
	width: 960px;
	min-height: 550px;
	margin: 0 auto;
	font-family: "Lucida Sans", "Helvetica", Helvetica, sans-serif;
}

#holiday-inn-express-logo {
	width: 223px;
	height: 113px;
	padding-top: 8px;
	float: left;
}

#header-right {
	float: right;
	width: 735px;
	height: 129px;
}

#address {
	float: right;
	margin-top: 24px;
	color: #b9b9b9;
	font-size: 20px;
	font-family: helvetica, sans-serif;
}

#social-media {
	float: right;
	clear: both;
	height: 41px;
	width: auto;
	margin-top: 25px;
}

.sm-icon {
	float: right;
	width: 41px;
	height: 41px;
	margin-left: 5px;
	background-position: top;
}

.sm-icon:hover {background-position: 0 -41px;}
.sm-icon:active {background-position: bottom;}

#facebook.sm-icon {background-image: url(images/facebook.png);}
#rss.sm-icon {background-image: url(images/rss.png);}
#twitter.sm-icon {background-image: url(images/twitter.png);}


/* MENUBAR */

#menubar {
	clear: both;
	float: left;
	height: 44px;
	width: 960px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: helvetica, sans-serif;
}

#menubar ul li span:hover,#menubar ul li span.current {
	background-position: bottom left;
}

#menubar ul li span {
	float: left;
	height: 30px;
	padding: 14px 25px 0 25px;
	background: url(images/menubar-bg.png) top left repeat-x;
}

#main-title {
	clear: both;
	width: 960px;
	height: 67px;
	padding-top: 34px;
}

#main-title h2 {
	color: white;
	font-size: 27px;
	text-align: center;
	-moz-text-shadow: 3px 3px 4px #000;
	-webkit-tex-shadow: 3px 3px 4px #000;
	text-shadow: 3px 3px 4px #000;
}

/* BANNER */

#banner {
	float: left;
	width: 720px;
	height: 359px;
	margin-right: 4px;
}

#banner-right {
	float: left;
	width: 236px;
	height: 359px;
	background: url(images/banner-side.png) no-repeat;
}

#booking-calendar {
	height: 176px;
	width: 225px;
	padding-left: 30px;
	padding-top: 16px;
	margin-bottom: 63px;
}

#booking-calendar td {font-size: 13px;color: black;}
#booking-calendar h3 {color: white; margin-bottom: 5px;}

#email-signup {
	height: 104px;
	width: 220px;
	padding-left: 16px;
}

#email-signup h3 {color:white; text-transform: uppercase;}
#email-signup h4 {color: white; text-transform: uppercase; font-weight: normal; font-size: 13px;}
#email-signup img {margin-top:18px;margin-left:16px;}

#banner-shadow {
	clear: both;
	float: left;
	width: 720px;
	height: 83px;
	margin-bottom: 12px;
	background: url(images/banner-shadow.png) no-repeat;
}

/* MAIN CONTENT */

#mainer {
	float: left;
	clear: both;
	width: 960px;;
}

#mainer-content {
	float: left;
	width: 695px;
	min-height: 350px;
	margin-right: 21px;
}

#mainer-content.gallery {
	width: 700px;
	margin-right: 16px;
}

#mainer-content hr {
	float: left;
	width: 695px;
	height: 1px;
	border: none;
	background-color: #d0d0d0;
}

#mainer-content .content-area {height: auto; clear: both; margin-bottom: 30px; float: left; width:695px;}
#mainer-content ul {padding-bottom: 8px;}
#mainer-content ul li {color: #656a64; list-style-type: disc; list-style-position: outside; margin-left: 40px; font-size: 14px; line-height: 1.7;}
#mainer-content h1 {color: #155dd2; display:inline;}
#mainer-content h1 em {color: #155dd2; font-size: 16px; font-weight: normal;}
#mainer-content h2 {color: #155dd2; display: inline;}
#mainer-content em, #mainer-content b {color: #155dd2;}
#mainer-content img {float: left; padding: 3px; margin: 0 9px 0px 0; border: #d0d0d0 1px solid;}
#mainer-content p a {color: #3da433; text-decoration: underline;}
#mainer-content p {color: #656a64; font-size: 14px; line-height: 1.7; padding-bottom:8px; text-align: justify;}
#mainer-content p.center-italic {font-style: italic; text-align: center;}


#mainer-content img.gal {margin-right: 4px; margin-bottom: 4px;}
#mainer-content img.gal-last {margin-right: 0px; margin-bottom: 4px;}

#mainer-content img.gal:hover, #mainer-content img.gal-last:hover {background: #afffa6;}

.book-now {
	background: #ffc700;
	border: #ffc700 1px solid;
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px 9px;
	margin: 0 auto;
}

.book-now:hover {background: #ffeaaf;}

/* SIDEBAR */

#sidebar {
	float: left;
	width: 244px;
	min-height: 300px;
}

#sidebar span {
	display: block;
}

.sidebar-btn {
	width: 239px;
	height: 86px;
	padding: 3px;
	border: #d0d0d0 1px solid;
	background: url(images/sidebar-bg.png) top left no-repeat;
	margin-bottom: 3px;
}

.sidebar-btn:hover {background-position: bottom;}
.sidebar-btn h3 {color:white; font-size:16px; text-align:center;margin-top:29px;}
.sidebar-btn p {color:white; font-size:12px; text-align:center;}

#sidebar img {margin:5px 0 0 5px; border:#052864 1px solid; float: left;}



/* FOOTER */

#footer-bg {
	clear: both;
	min-height: 100px;
	padding-top:45px;
	margin: 0 auto;
	background: url(images/footer-bg.jpg) repeat-x;
}

#footer-dark-bg {
	clear: both;
	height: 103px;
	padding-top: 10px;
	margin: 0 auto;
	background: url(images/footer-dark-bg.jpg) repeat;
}

.footer {
	width: 960px;
	margin: 0 auto;
	color: white;
	font-family: "Lucida Sans", Helvetica, sans-serif;
	font-size: 12px;
}

.footer .links {padding-top:4px;}

.footer a {
	text-decoration: underline;
}

.text-center {text-align:center;}

.breaker {
	height:12px;
	clear: both;
}


/* ========= iFrame CSS ========== */

#i-reservation {
	width: 400px;
	margin: 10px auto;
	background: red;
}