/*
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 */

.photoborder {
	float:right;
	padding:4px;
	margin-left:12px;
	border:1px solid #8f8f8f;
}
/* Head */
#logo {
	width: 950px;
	height: 128px;
	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: 12px;
	left: 0;
	margin: 0;
	padding: 0;
 }
 
div#logo h2 a {
	display: block;
	width: 171px;
	height: 94px;
	background: url(../images/bg-logo.gif) top left no-repeat;
	text-indent: -9999px;
}

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

#bd-inner {

}

/* Footer */
#ft {
	border-top:1px solid #b1b2b3;
	margin: 0 auto;
	color: #5d5f61;
	font-size: 77%;
	margin-top:22px;
	text-align:center;
}

#ft-inner {
	width:950px;
	margin:auto;
	text-align:left;
	padding: 20px 0 40px 120px;}

#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: #3f3f3f;
	width: 153px;
	margin: 0 36px 0 0;
	padding: 8px 0 0 0;
	line-height: 1.4em;
}

.feature-description strong {
	color:#005caa;
}

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

#feature-bar .homepage {
	height: 211px;
	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 */
#interior-masthead {
	float: left;
	width: 507px;
}

/* 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;
}

/* booking */
#booking {
	float: left;
	width: 254px;
	height:211px;
	background: url(../images/bknd-booking.jpg) bottom right no-repeat;
}
#booking .pad {
	padding:0 20px 0 30px;
}
#booking h3 a {
	width: 254px;
	background: url(../images/bg-booking.gif) top left no-repeat;
}
#booking label {
	font-size: 85%;
	text-transform: uppercase;
	display: block;
	color:#ffffff;
	margin-top:12px;
	margin-bottom:2px;
}
#booking .btn {
	vertical-align: top;
	float: left;
	padding: 0;
	border: none;
	margin-top:8px;
}
#booking .right {
	vertical-align: top;
	float: right;
	padding: 0;
	border: none;
	margin-top:8px;
}
#booking input {
	background-color: #eaeaea;
	border: 1px solid #b0b0b0;
	width: 110px;
	padding: 3px;
	font-size: 77%;
	vertical-align: middle;

}
/* 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;
}



/* main column styles */
#main {
	width: 465px;
	float: left;
	margin: 0 0 0 45px;
	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;
}
#wide {
	width: 715px;
	float: left;
	margin: 0 0 0 45px;
	padding: 17px 0 0 0;
}

/* right column styles */
#rightcol {
	width: 250px;
	float: right;
	margin: 30px 0 0 0;
}
#areainfo {
	border: 1px solid #8f8f8f;
	background-image:url(../images/bknd-rightcol.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:20px 10px 90px 20px;
	font-size: 90%;
	line-height: 140%;
}

div#areainfo h2 {
	margin: 0 0 10px 0;
	color: #0864a3;
	font-weight: bold;
}

div#areainfo a:link, div#areainfo a:visited, div#areainfo a:active {
	text-decoration:none;
}
div#areainfo a:hover {
	text-decoration:underline
}
/* sidebar styles */
#sidebar {
	width: 157px;
	float: left;
	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 .aaa {
	float: left;
	width: 65px;
	height: 38px;
	background: url(../images/ico-aaa.gif) top left no-repeat;
	margin: 0 0 2px 0;
}

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

#sidebar .weather table {
	width:150px;
	font-size:10px;
}


/* @end */

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

#nav-inner {
	width: 950px;
	margin: 0 auto;
}
#nav-inner ul {
	margin: 0;
}
#nav-inner ul li {
	float: left;
	display: inline;
}
#nav-inner ul li a {
	display: block;
	line-height: 22px;
	padding: 4px 20px 4px 10px;
}
#nav-inner ul li a:link, #nav-inner ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	text-transform:uppercase;
}
#nav-inner ul li:hover a:link, #nav-inner ul li:hover a:visited, #nav-inner ul li.sfhover a:link, #nav-inner ul li.sfhover a:visited, #nav-inner ul li.active a:link, #nav-inner ul li.active a:visited {
	color: #ffffff;
}

/* Nav Drop Down */
#nav-inner ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #05375b;
	z-index: 500;
	width: 180px;
}
#nav-inner ul li ul { /* second-level lists */
	position: absolute;
	left: -999em;
}
#nav-inner ul li ul li {
	background-image: none;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}
#nav-inner ul li ul li a {
	text-align: left;
	line-height: 22px;
	padding: 6px 20px 6px 10px;
	margin: 0;
	font-size: 100%;
	display: block;
	font-weight: normal;
	background-image: none!important;
	border-bottom: 1px solid #ffffff;
}
#nav-inner ul li ul li a:link, #nav-inner ul li ul li a:visited {
	color: #ffffff!important;
}
#nav-inner ul li:hover ul, #nav-inner ul li.sfhover ul {
	left: auto;
}
#nav-inner ul li ul li a:hover {
	padding: 6px 20px 6px 10px;
	background: url(../images/nav-inner-drop-dots.gif) no-repeat 8px 50% #54ab4e!important;
	color: #fff!important;
}

/* Fix for sticky IE drop downs */
div#nav ul li:hover, div#nav ul li.sfhover {position: static;}
/* @end */

/* @group Default Headings */
div#main h1, div#wide 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, .text strong {
	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 */