/*
Company:	Synergy
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
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 {
	color: #3f3f3f;
}
/* @end */

/* Head */
#logo {
	width: 950px;
	height: 147px;
	position: relative;
	margin: 0 auto;
}

#logo span {
	position: absolute;
	top: 61px;
	left: 438px;
}

#logo span a {
	display: block;
	width: 434px;
	height: 60px;
	text-indent: -9999px;
	background: url(../images/bg-slogan.gif) top left no-repeat;
}

div#logo h2 {
	position: absolute;
	top: 17px;
	left: 0;
	margin: 0;
	padding: 0;
 }
 
div#logo h2 a {
	display: block;
	width: 122px;
	height: 112px;
	background: url(../images/bg-logo.gif) top left no-repeat;
	text-indent: -9999px;
}

/* Body */
#bd {
	width: 950px;
	margin: 0 auto;
}

#bd-inner {
	padding: 0 25px 0 0;
}

/* Footer */
#ft {
	width: 950px;
	margin: 0 auto;
	color: #5d5f61;
	font-size: 77%;
}

#ft-inner {padding: 50px 0 0 200px;}

#ft-inner a:link, #ft-inner a:visited {
	color: #05375b;
	text-decoration: none;
}

#ft-inner a:hover {text-decoration: underline;}
/* @end */

/* @group Modules */
/* feature-bar */
#feature-bar {background: #e4e4e4 url(../images/bg-feature-bar.jpg) top center no-repeat;}

#feature-bar-inner {
	width: 950px;
	margin: 0 auto;
}

.feature-description {
	float: left;
	color: #05375b;
	width: 153px;
	margin: 0 36px 0 0;
	padding: 69px 0 0 0;
	line-height: 1.4em;
}

.feature-description strong {
	font-size: 116%;
	display: block;
	font-style: italic;
	margin: 0 0 7px 0;
}

.feature-description em {font-size: 108%;}

#feature-bar .homepage {
	height: 375px;
	overflow: hidden;
}

/* call-out heading universal styles */
#feature-bar .homepage div h3 {
	margin: 0;
	padding: 0;
}

#feature-bar .homepage div h3 a {
	display: block;
	text-indent: -9999px;
	height: 39px;
}
/* management-services */
#management-services {
	float: left;
	width: 254px;
}

#management-services h3 a {
	width: 254px;
	background: url(../images/bg-management-services.gif) top left no-repeat;
}

/* consulting-services */
#consulting-services {
	float: left;
	width: 253px;
}

#consulting-services h3 a {
	width: 253px;
	background: url(../images/bg-consulting-services.gif) top left no-repeat;
}

/* synergy-culture */
#synergy-culture {
	float: left;
	width: 254px;
}

#synergy-culture h3 a {
	width: 254px;
	background: url(../images/bg-synergy-culture.gif) top left no-repeat;
}

/* body title bar */
#bd-title-bar-col-1 {
	float: left;
	width: 157px;
	margin: 0 43px 0 0;
}

#bd-title-bar-col-2 {
	float: left;
	width: 750px;
}

#bd-title-bar-col-2 h1 {
	font-size: 138.5%;
	margin: 0 0 4px 0;
	color: #0864a3;
	font-weight: bold;
}


#bd-title-bar {border-bottom: 1px solid #b1b2b3;}

#bd-title-bar .subpage {padding: 10px 0 0 0;}

#bd-title-bar-inner {
	width: 950px;
	margin: 0 auto;
	padding: 3px 0 0 0;
}

#bd-title-bar h1 { 
	color: #0965a6;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 12px 0 9px 0;
	margin: 0;
	
}

#bd-title-bar h1 span {
	margin-left: 80px;
	font-size: 93%;
	text-transform: none;
	letter-spacing: 0;
	color: #05375b;
}

#bd-title-bar h1 span a {
	padding: 0 2px;
}
#bd-title-bar h1 span a.active {
	font-weight: bold;
}
#bd-title-bar h1 span a:link, #bd-title-bar h2 span a:visited {
	color: #05375b;
	text-decoration: none;
}
#bd-title-bar h1 span a:hover {
	text-decoration: none;
}

#telephone {
	color: #0864a3;
	font-weight: bold;
	font-size: 138.5%;
	padding: 8px 0 0 0;
	margin: 0;
}

/* hotel portfolio badge */
#hotel-portfolio-badge h3 {
	float: right;
	padding: 0;
	margin: 0 0 0 9px;
}

#hotel-portfolio-badge h3 a {
	display: block;
	width: 164px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/bg-hotel-portfolio-badge.gif) top left no-repeat;
}

#hotel-portfolio-badge ul {
	float: right;
	padding: 0;
	margin: 0;
}

#hotel-portfolio-badge ul li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#hotel-portfolio-badge ul li a {
	text-indent: -9999px;
	display: block;
	height: 44px;
}

#hotel-portfolio-badge ul .staybridge-suites a {
	width: 69px;
	background: url(../images/staybridge-suites-thumb.gif) top left no-repeat;
	margin: 0 5px 0 0;
}

#hotel-portfolio-badge ul .homewood-suites a {
	width: 71px;
	background: url(../images/homewood-suites-thumb.gif) top left no-repeat;
	margin: 0 7px 0 0;
}

#hotel-portfolio-badge ul .holiday-inn-express a {
	width: 72px;
	background: url(../images/holiday-inn-express-thumb.gif) top left no-repeat;
	margin: 0 5px 0 0;
}

#hotel-portfolio-badge ul .candlewood-suites a {
	width: 69px;
	background: url(../images/candlewood-suites-thumb.gif) top left no-repeat;
}

/* main column styles */
#main {
	width: 725px;
	float: right;
	margin: 0 0 0 43px;
	padding: 17px 0 0 0;
}

#main #content-col-1 {
	width: 316px;
	float: left;
	margin: 0 42px 0 0;
}

#main #content-col-2 {
	width: 316px;
	float: left;
}

/* sidebar styles */
#sidebar {
	width: 157px;
	float: right;
	padding: 12px 0 0 0;
}

#sidebar a:link, #sidebar a:visited {color: #0965a6; text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}

#sidebar .icon {display: block; text-indent: -9999px;}

#sidebar .facebook {
	float: left;
	width: 37px;
	height: 38px;
	background: url(../images/ico-facebook.gif) top left no-repeat;
	margin: 0 10px 8px 0;
}

#sidebar .twitter {
	float: left;
	width: 36px;
	height: 37px;
	background: url(../images/ico-twitter.gif) top left no-repeat;
}

#sidebar .flickr {
	clear: left;
	width: 89px;
	height: 38px;
	background: url(../images/ico-flickr.gif) top left no-repeat;
	margin: 0 0 2px 0;
}

#sidebar .side-album {margin: 0 0 10px 0;}

/* hotel portfolio */

.portfolio-item {
	margin: 0 0 26px 0;
}

.portfolio-item dl, .portfolio-item dl dt, .portfolio-item dl dd {
	margin: 0;
	padding: 0;
}

.portfolio-item dl dt {
	color: #0864a3;
	font-weight: bold;
	padding: 16px 0 0 0;
}

.portfolio-item dl dd a:link, .portfolio-item dl dd a:visited  {
	color: #3f3f3f;
}
/* @end */

/* @group Nav */
#nav {
	background-color: #05375b;
}

#nav-inner {
	width: 950px;
	margin: 0 auto;
}

#nav-inner a:link, #nav-inner a:visited {
	color: #FFF;
	text-decoration: none;
}

#nav-inner ul, #nav-inner ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-inner ul {
	width: 843px;
	float: left;
}

#nav-inner ul li {
	float: left;
	background: url(../images/bg-nav.gif) center right no-repeat;
	padding: 0 10px 0 6px;
}

#nav-inner ul .first {
	padding: 0 10px 0 0;
}

#nav-inner ul .last {
	padding: 0 0 0 6px;
	background: none;
}

#nav-inner ul li a {
	float: left;
	padding: 8px 0;
}

#nav-inner ul li a:hover, #nav-inner ul .current a {
	background: #0965a6 url(../images/bg-nav-active-left.gif) top left no-repeat;
}

#nav-inner ul li a span {
	padding: 8px 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.2em;
}

#nav-inner ul li a:hover span, #nav-inner ul .current a span {
	background: url(../images/bg-nav-active-right.gif) top right no-repeat;
}

#corporate-login-link {
	float: right;
	padding: 8px 0;
}
/* @end */

/* @group Default Headings */
div#main h1 {
	font-size: 138.5%;
	margin: 0 0 4px 0;
	color: #0864a3;
	font-weight: bold;
}
div#main h1 a:link, div#main h1 a:visited {
	color: #0864a3;
	text-decoration: none;
}
div#main h1 a:hover {
	text-decoration: underline;
}
div#main h2 {
	font-size: 100%;
	margin: 0 0 10px 0;
	color: #0864a3;
	font-weight: bold;
}
div#main h3 {
	font-size: 100%;
	color: #0864a3;
	margin: 0 0 10px 0;
	font-weight: normal;
}
div#main h4 {
	font-size: 108%;
	color: #868485;
	margin: 0 0 10px 0;
	font-weight: normal;
}
h5 { }
h6 { }
/* @end */

/* @group Common Text Styles */
div#main p {
	line-height: 140%;
}
/* @end */

/* @group Default Lists */
div#main li {
	line-height: 150%;
}
div#main ul {
	margin-left: 16px;
	clear: both;
}
div#main ol {
	margin-left: 22px;
	clear: both;
}
/* @end */

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

/* @group Default Links - link visited hover active */
a:link, a:visited{ color: #3f3f3f; text-decoration: underline; }
a:hover{ text-decoration: none; }
a:active{ }
/* @end */

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