/*
Company:	Holiday Inn Express
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-color: #002596;
	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;
}

/* Main Footer Column */
.ft-main {
	float: left;
	width: 543px;
}

.ft-main-inner {padding: 16px 0 0 14px;}
#ft .phone {margin: 0 0 1.2em 0;}

/* Footer Weather Section */
.ft-side {
	float: right;
	color: #5b5b5b;
	padding: 30px 0 0 0;
}
.ft-side .logos p {
	float:right;
	margin-left:12px;
}
.ft-side .last {margin: 0;}


/* @end */

/* @group Modules */
/* Top Utility Nav */
.util-nav {
	background-color: #002596;
	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;
}

/* Logo */
.logo {
	padding: 19px 0 24px 0;
	position: relative;
}

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

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

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

/* Banner Main Column */
.banner-main {
	float: left;
	width: 250px;
	margin: 0 1px 0 0;
	background: #FFF url(../images/bg-banner-main.jpg) top 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: 0 17px;
	line-height: 50px;
	color: #FFF;
	margin: 0;
	font-size: 182%;
	background: #002697 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: #00309f;
	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;
}

.banner-side h2 {
	font-weight: normal;
	font-family: "Myriad Pro", Arial, sans-serif;
	padding: 0 23px;
	line-height: 50px;
	color: #FFF;
	margin: 0;
	font-size: 123.1%;
	background-color: #002596;
}

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

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

/* Side Column */
.side {
	float: right;
	width: 250px;
	color: #002596;
	padding: 25px 0 50px 0;
}

/* Side Section Boxes */
.side-section {
	padding: 0px 0 21px 0;
	background: #FFF url(../images/bg-side-section.jpg) top left repeat-x;
}

.side-section .content {padding: 0 16px;}

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

.side .continue {
	font-size: 93%;
	color: #002596!important;
}

.side-section p a:link, .side-section p a:visited {font-size: 100%;}

/* Side Column Headings */
.side h2 {
	font-size: 123.1%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 9px 0;
	padding: 18px 0 11px 16px;
	color: #FFF;
	background: #002697 url(../images/bg-side-h2.jpg) top left repeat-x;
}

.side h3 {
	font-size: 93%;
	margin: 0;
	color: #3d9b35;
}

.side h4, .sub_hdr, .textsmall strong {
	color: #3d9b35;
	font-size: 93%;
}

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

.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 .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 .trip-advisor {background: url(../images/icon-tripadvisor.gif) top left no-repeat; width: 27px; margin-top:6px}

/* 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;
}
.sign-up-form .btn {
	margin: 0;
	float:right;
	border:none;
	padding:0;
}

/* Trip Advisor Box */
.trip-advisor {
	margin: 25px 0 0 20px;
	width: 146px;
	color: #000;
}


/* @end */

/* @group Nav - Primary Navigation */
#nav {
	background-color: #002596;
	float: left;
	width: 100%;
	font-size: 112%;
	font-family: "Myriad Pro", Arial, sans-serif;
}

#nav ul {
	margin: 0;
}

#nav ul li {
	display: inline;
	list-style: none;
	float: left;
}

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

#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #FFF;
	line-height: 50px;
	padding: 0 37px;
	display: block;
}

#nav ul li:hover {
	background: #a3de50 url(../images/bg-nav-hover.jpg) top left repeat-x;
}

#nav ul li a:hover {
	background: #a3de50 url(../images/bg-nav-hover.jpg) top left repeat-x;
}
/* @end */

/* @group Default Headings */
.main h1 {
	font-size: 182%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight:  normal;
	color: #0072cf;
	margin: 0 0 1px 0;
 }
 
.main h2 {
	font-size: 153.9%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	color: #3d9b35;
	margin: 0 0 12px 0;
}
.main h3, .text strong {
	font-size: 138.5%;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
	color: #3d9b35;
	margin: 10px 0 0 0;
 }
/* @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: #387c2c;}
a:visited{ color: #387c2c;}
a:hover{ color: #387c2c; text-decoration: none;}
a:active{ color: #387c2c;}
/* @end */



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



hr { border:0; color:#002592; background-color:#002592; height:1px; margin-bottom:12px; margin-top:18px;
}

.photoborder {
	margin-left: 18px;
	margin-bottom: 10px;
	border:1px solid #002592;
	float:right;
	padding:6px;
}


/* @group Misc */
.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 */