/*
Company:	Holiday Inn
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #fff;
}
body {
	background-color: #fff;
}
/* @end */

/* @group Layout */
#container {
	width: 850px;
	margin: 0 auto;
}

/* Footer */
#ft {
	font-size: 93%;
	padding: 0 0 30px 0;
}

/* Footer Navigation */
.ft-nav {
	background: #3e9b34 url(../images/bg-ft-nav.gif) top left repeat-x;
	padding: 0 0 0 11px;
}

.ft-nav ul {margin: 0;}

.ft-nav ul li {
	list-style: none;
	float: left;
	padding: 16px 5px 16px 5px;
	background: url(../images/bg-ft-nav-li.gif) center right no-repeat;
}

.ft-nav ul .last {background: none;}

.ft-nav ul li a:link, .ft-nav ul li a:visited {
	text-decoration: none;
	color: #FFF;
}
.ft-nav ul li a:hover {
	text-decoration:underline;
}
/* Main Footer Column */
.ft-main {
	float: left;
	width: 543px;
	color:#5b5b5b;
}

.ft-main-inner {padding: 16px 0 0 14px;}


/* Footer Weather Section */
.ft-side {
	float: right;
	color: #5b5b5b;
	padding: 30px 0 0 0;
}

.weather {
	font-size: 93%;
	font-family: Tahoma, Arial, sans-serif;
}
.weather td {
	width:70px;
}

/* @end */

/* @group Modules */
/* Top Utility Nav */
.util-nav {
	background: #3e9c34 url(../images/bg-util-nav.gif) top left repeat-x;
	font-size: 93%;
}

.util-nav-inner {
	width: 850px;
	margin: 0 auto;
}

.util-nav ul {
	float: right;
	text-align: right;
	margin: 0;
}

.util-nav ul li {
	list-style: none;
	float: left;
	padding: 6px 5px;
	background: url(../images/bg-util-nav-li.gif) center right no-repeat;
}

.util-nav ul .last {
	padding: 6px 0 6px 5px;
	background: none;
}

.util-nav ul li a:link, .util-nav ul li a:visited {
	text-decoration: none;
	color: #FFF;
	float: left;
	display: block;
}
.util-nav ul li a:hover {
	text-decoration:underline;
}
/* Logo */
.logo {
	padding: 12px 0 5px 0;
	position: relative;
}

.logo a {
	float: left;
	width: 116px;
	height: 74px;
	margin: 0 26px 0 0;
	display: block;
	background: url(../images/bg-logo.gif) top left no-repeat;
	text-indent: -9999px;
}

.logo p {
	float: left;
	color: #7e696d;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 116%;
	margin: 0;
	padding: 46px 0 0 0;
}

.logo p strong {
	font-size: 145%;
	font-weight: normal;
}

/* Banner Styles */
.banner {
	background: url(../images/bg-banner.gif) top left repeat-y;
}

/* Banner Main Column */
.banner-main {
	float: left;
	width: 250px;
	margin: 0 1px 0 0;
	background: #d1d4d3 url(../images/bg-banner-main.jpg) bottom left repeat-x;
}

.banner-main-content {padding: 14px 18px 0 18px;}

.banner-main h2 {
	font-weight: normal;
	font-family: "Myriad Pro", Arial, sans-serif;
	padding: 12px 17px;
	color: #FFF;
	margin: 0;
	font-size: 182%;
	background: #3e9b34 url(../images/bg-banner-h2.gif) top left repeat-x;
}

.banner-main p {
	font-size: 116%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: bold;
	color: #387c2c;
	margin: 0;
}

/* Banner-Main Form Styles */
.banner-main label {
	font-size: 85%;
	text-transform: uppercase;
	display: block;
}

.banner-main input {
	background-color: #eaeaea;
	border: 1px solid #b0b0b0;
	width: 92px;
	padding: 3px;
	font-size: 77%;
	vertical-align: middle;
}

.banner-main .form-item {
	float: left;
	margin: 0 17px 0 0;
	width: 98px;
}

.banner-main .last {margin: 0 -3px 0 0;}

.banner-main .form-item-horiz {
	clear: left;
	padding: 7px 0 14px 0;
}

.banner-main .form-item-horiz label {
	display: inline;
	padding: 0 5px 0 0;
}

.banner-main .btn {
	vertical-align: top;
	float: right;
	padding: 0;
	border: none;
}

.banner-main .tel {padding: 0 0 20px 0;}

.banner-main .tel p span {
	width: 100px;
	display: block;
	float: left;
	text-transform: uppercase;
}

/* Banner Side Column */
.banner-side {
	float: left;
	width: 599px;
	height: 275px;
	margin: 0 -3px -3px 0;
}

/* Main Column */
.main {
	float: right;
	width: 575px;
	margin: 0 0 0 25px;
	padding: 25px 0 50px 0;
	color: #7e696d;
}

.main  p {font-size: 93%;}
.main ul {font-size: 93%;}
.main ol {font-size: 93%;}

/* Side Column */
.side {
	float: right;
	width: 250px;
	background: url(../images/bg-side.jpg) top left repeat-x;
	color: #7e696d;
	padding: 0 0 50px 0;
}

.side-inner {padding: 16px 12px 0 11px;}

/* Side Section Boxes */
.side-section {
	border: 1px solid #397c2d;
	padding: 10px 12px 14px 12px;
	margin: 0 0 13px 0;
	background-color: #FFF;
}

/* Side Column Typography and Links */
.side-section p {
	font-size: 93%;
	line-height: 1.3em;
}

.side a {
	color: #e37c00!important;
}

/* Side Column Headings */
.side h2, .textsmall strong, .anyText strong {
	font-size: 116%;
	font-family: "Myriad Pro", Arial, sans-serif;
	margin: 0 0 9px 0;
	color: #387c2c;
	text-transform: uppercase;
}

.side h3 {
	font-size: 93%;
	margin: 0;
}

.side h4 {
	color: #387c2c;
	font-size: 93%;
}

/* Connect With Us */
.side .connect {
	margin: 0;
	padding: 10px 0 0 ;
}

.side .connect li {
	float: left;
	list-style: none;
	margin: 0 13px 0 0;
}

.side .connect li a:link, .side .connect li a:visited  {
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 25px;
}

.side .connect .facebook {background: url(../images/icon-facebook.gif) top left no-repeat;}
.side .connect .youtube{background: url(../images/icon-youtube.gif) top left no-repeat; width:60px;}
.side .connect .youtube a{width:60px!important;}
.side .connect .twitter {background: url(../images/icon-twitter.gif) top left no-repeat;}
.side .connect .blog {background: url(../images/icon-rss.gif) top left no-repeat;}
.side .connect .tripadvisor {background: url(../images/icon-tripadvisor.gif) top left no-repeat; width: 27px;}

/* Side Form Styles */
.side input {
	background-color: #FFF;
	border: 1px solid #adadad;
	padding: 3px;
	font-size: 77%;
}

.side .btn {
	margin: 0;
	padding: 0;
	border: none;
}

.sign-up-form {
	padding: 0 0 18px 0;
}

.sign-up-form input {
	float: left;
}

.sign-up-form .email {
	width: 100px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}

/* @end */

/* @group Nav - Primary Navigation */
#nav {
	border-top: 9px solid #387c2c;
	background: #7dbc0b url(../images/bg-nav.gif) bottom left repeat-x;
	float: left;
	width: 100%;
	font-size: 116%;
	font-family: "Myriad Pro", Arial, sans-serif;
}

#nav ul {
	margin: 0;
}

#nav ul li {
	display: inline;
	list-style: none;
	float: left;
	border-right: 1px solid #FFF;
}

#nav ul .last {
	border-right: none;
}

#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #FFF;
	line-height: 34px;
	padding: 0 17px;
	display: block;
}
/* @end */

/* @group Default Headings */
.main h1 {
	font-size: 182%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight:  normal;
	color: #387c2c;
	margin: 0 0 6px 0;
 }
 
.main h2 {
	font-size: 153.9%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	color: #77b900;
	margin: 0 0 12px 0;
}
.main h3, .text strong, .text b {
	font-size: 138.5%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	color: #77b900;
	margin: 10px 0 0 0;
 }
 
.textsmall a:link {
	color:#7e696d;
} 
/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Lists */
.no-style {
	margin: 0;
}

.no-style li {
	list-style: none;
}

.main ul {
	margin-top: 0;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link{ color: #7e696d;}
a:visited{ color: #7e696d;}
a:hover{ color: #e37c00; text-decoration: none;}
a:active{ color: #7e696d;}
/* @end */

/* @classes which define the calendar styles */
.main table {border-collapse:collapse; width:100%;}
.inputFormButton { font-size:11px; color: #ffffff; background-color:#387c2c; border: 1px #387c2c solid; padding: 4px 8px 4px 8px; }
.todayColorIn { color: #ffffff; background-color: #387c2c; font-weight:bold } /* font color for the current date for current month */
.monthYear { background-color:#387c2c; color:#FFFFFF; font-size: 120%; font-family: "Myriad Pro", Arial, sans-serif; font-weight: normal;}


/* @end */
/* @group Misc */

.photoborder {
	margin-left: 18px;
	margin-top: 12px;
	border:1px solid #77b900;
	background-color:#f8f8f8;
	float:right;
	padding:6px;
}
hr { border:0; color:#77b900; background-color:#77b900; height:1px; margin-bottom:12px;
	margin-top:18px;
}
.screen-reader {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */