/* Custom stylesheet for the Wyndeham Group website
 * @author name <dieter@dio5.com>
 * --------------------------------------------------------------- */
html{
	background:#646464;
}

body {
	background:#646464;
	font:13px Helvetica, Arial, sans-serif;
	color:#1e1e1e;
}

.container{
	position:relative;
	width:950px;
	padding:0 16px;
	margin:0 auto;
	background:url(../images/main_bg.gif) repeat-y left top;
}

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


/* HEADER
 * --------------------------------------------------------------- */

#Header{
	height:125px;
	position:relative;
}

h1#Logo{
	width:278px;
	position:absolute;
	top:43px;
	left:33px;
}

h1#Logo.cp{
	top:38px;
}

#Header p{
	position:absolute;
	left:520px;
	top:57px;
	font-size:16px;
	line-height:22px;
	color:#a3a3a3;
}

#Header p em{
	font-size:20px;
	font-style:normal;
}

#TopCompanies{
	/* visually in header, but html at bottom */
	position:absolute;
	top:52px;
	left:720px
}

#TopCompanies a{
	margin:0 6px 0 0;
}

#SkipLinks{
	position:absolute;
	text-indent:-30000px;
}

/* NAV
 * --------------------------------------------------------------- */

.nav li a{
	color:#fff;
	text-decoration:none;
	display:block;
}

/* Main NAV
 * --------------------------------------------- */

/* -- FIRST LEVEL */

#Main.nav{
	position:relative;
	height:44px;
	background:url(../images/main_nav.gif) repeat-x left top;
	padding:0 0 0 15px;
	z-index:10000;
}

#Main.nav li{
	position:relative;
	float:left;
}

#Main.nav a{
	float:left;
	position:relative;
	font:18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:34px;
	padding:10px 18px 0;
}

#Main.nav a:hover,
#Main.nav a:focus,
#Main.nav li.current a,
#Main.nav li.section a{
	background:url(../images/main_nav.gif) repeat-x left -44px;
}

/* -- SECOND LEVEL */

#Main.nav ul{
	position:absolute;
	left:0;
	top:44px;
	padding:0 0 4px;
	background:#3c3c3c;
	width:180px;
	display:none;
}

#Main.nav li:hover ul{
	display:block;
}

#Main.nav ul li{
	float:none;
}

#Main.nav ul li a{
	padding:0 0 0 18px;
	background:#3c3c3c;
	font:13px Helvetica, Arial, sans-serif;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #6f6f6f;
	float:none;
}

#Main.nav li.current ul a,
#Main.nav li.section ul a{
	background:#3c3c3c;	
}

#Main.nav a.children,
#Main.nav li.current ul a.children,
#Main.nav li.section ul a.children{
	background:#3c3c3c url(../images/menu_arrow.gif) no-repeat 95% top;
}

#Main.nav li ul a:hover,
#Main.nav li ul a:focus,
#Main.nav li.current ul a:hover,
#Main.nav li.section ul a:hover,
#Main.nav li.current ul a:focus,
#Main.nav li.section ul a:focus{
	background:#747474;
}

/* -- THIRD LEVEL */

#Main.nav li:hover ul ul{
	left:180px;
	top:0;
	display:none;
	background:#747474;
}

#Main.nav ul li:hover ul{
	display:block;
}

#Main.nav ul ul a, 
#Main.nav li.current ul ul a,
#Main.nav li.section ul ul a{
	background:#747474;
	border-bottom:1px solid #969696;
}

#Main.nav li ul ul a:hover,
#Main.nav li ul ul a:focus,
#Main.nav li.current ul ul a:hover,
#Main.nav li.section ul ul a:hover,
#Main.nav li.current ul ul a:focus,
#Main.nav li.section ul ul a:focus{
	background:#aeaeae;
}

/* Sub NAV
 * --------------------------------------------- */

#Sub.nav{
	background:#a5a5a5;
	padding:14px 0 2px;
	margin:0 0 20px;
}

#Sub.nav a{
	font-weight:bold;
	height:29px;
	line-height:29px;
	border-bottom:1px solid #cdcdcd;
	padding:0 8px 0 18px;
}

#Sub.nav a:hover,
#Sub.nav a:focus,
#Sub.nav a.current,
#Sub.nav a.section{
	background:#17a66e;	
}

#Sub.nav ul{
	padding:8px 0 18px;
	margin:0 0 2px;
	background:#7b7b7b url(../images/menu-grey.gif) repeat-x left bottom;
	border-bottom:1px solid #cdcdcd;
}

#Sub.nav ul a{
	padding:0 8px 0 32px;
	border:none;
	font-size:12px;
	height:auto;
	line-height:22px;
}

/* Footer NAV
 * --------------------------------------------- */

#Footer .nav{
	position:relative;
	overflow:hidden;
	margin:0 0 26px;	
}

#Footer .nav .col{
	float:left;
	width:240px;
	margin:0 60px 0 0;
}

#Footer .nav .col-2{
	margin:0 50px 0 0;
}

#Footer .nav ul{
	margin:0 0 0 21px;
}

#Footer .nav a{
	font-weight:normal;
}

#Footer .nav a:hover,
#Footer .nav a:focus{
	color:#000;
	text-decoration:underline;
}

/* CONTENT
 * --------------------------------------------------------------- */

p#BreadCrumbs{
	margin:-10px 0 8px;
	font-size:11px;	
}

#Content{
	position:relative;
	overflow:hidden;
	background:url(../images/faux_col.gif) repeat-y left top;
}

.HomePage #Content{
	background-image:none;
}

#Content img.logo{
	float:right;
	margin:0 0 16px 18px;
}

/* MAINCONTENT
 * --------------------------------------------------------------- */

#MainContent{
	background:#fff;
	width:617px;
	float:right;
	padding:0 50px 120px;
}

/* HOMEPAGE
 * --------------------------------------------- */

.HomePage #EyeCatcher{
	border-bottom:19px solid #000;
	height:224px;
	position:relative;
	overflow:hidden;
	background:#00b3b7;
}

#EyeCatcher p#Tagline{
	width:390px;
	line-height:1.3;
	position:absolute;
	top:40px;
	left:50px;
	z-index:2222;
}

#EyeCatcher p#Tagline strong{
	font:normal 38px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color:#fff;
}

#EyeCatcher p#Tagline em{
	display:block;
	font:normal 26px Helvetica, Arial, sans-serif;
	margin:20px 0 0;
}

#BannerImages{
	position:relative;
	height:224px;
	overflow:hidden;
}

.HomePage #Flash{
	position:absolute;
	left:0;
	top:0;
	width:964px;
	height:224px;
	z-index:2223;
}

.HomePage #MainContent{
	position:relative;
	float:none;
	width:850px;
	padding:35px 50px;
	overflow:hidden;
}


.HomePage #ShortCuts{
	position:relative;
	background:#efefef;
	padding:35px 50px;
	overflow:hidden;
}

.HomePage #ShortCuts p{
	color:#adabab;
	font-size:14px;
	margin:0 0 18px;
}

.HomePage #ShortCuts h2{
	font:26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	line-height:1.1;
	color:#05abba;
	margin:0 0 18px;
}

.HomePage .col{
	float:left;
	width:400px;
	margin:0 40px 0 0;
}

.HomePage #ShortCuts .last{
	width:410px;
}

.HomePage #ShortCuts .last ul{
	margin:0 0 0 4px;
}

.HomePage #ShortCuts .last p{
	margin:0 0 18px 4px;
}

.HomePage h3{
	margin:0 0 3px;
}

.HomePage h3 a{
	color:#ff597d;
	font-size:16px;
}

.HomePage h3 a:hover{
	background:#33cc66;
	color:#fff;
}

/* FEATUREDITEMS (SectionHomePage)
 * --------------------------------------------- */

#FeaturedItems{
	overflow:hidden;
	position:relative;
	margin:0 0 16px 0;
}

#FeaturedItems li{
	padding:0 10px 0 0;
	margin:0 0 8px 0;
	list-style:none;
	position:relative;
}

#FeaturedItems h2{
	margin:0 0 3px 48px; 
}

#FeaturedItems h2 a{
	font-size:20px;
}

#FeaturedItems .button{
	position:absolute;
	left:0;
	top:2px;
}

#FeaturedItems p{
	font-size:12px;
	font-weight:bold;
	margin:0 0 14px 48px;
}

/* NEWS
 * --------------------------------------------- */

#Content ol.hfeed{
	margin:0;
}

.hfeed li.hentry{
	margin:0 0 48px;
	list-style:none;
	clear:both;
}

.HomePage li.hentry{
	margin:0;
}

#Content .hentry h2{
	margin:0;
}

.hentry p.published{
	color:#adabab;
	font-size:12px;
	margin:0 0 12px;
}

.hentry .holder{
	position:relative;

}

.photo{
	float: left; 
	padding: 0 20px 10px 0
}

.hentry .photo{
	border:1px solid #b9b9b9;
	float: left;
	padding:0;
	margin: 0 25px 10px 0;
}

/* PAGINATION 
 * -------------------------------------------------------------- */

.pagination{
	position:relative;
	float:right;
	top:0;
	clear:both;
}

#Content .pagination ol, #Content .pagination ol li{
	display:inline;
	margin:0;
}

.pagination strong{
	color:#c6c6c6;
}

/* ASIDE
 * --------------------------------------------------------------- */

.aside{
	width:233px;
	background:#dedede;
	float:left;
	color:#a5a5a5;
}

.aside h2{
	font-weight:bold;
	color:#a5a5a5;
}

#NewsArchive{
	padding:30px 35px;
	font-weight:bold;
}

#NewsArchive h3{
	font-weight:bold;
	color: #fe3547;
}

#NewsArchive .section h3 a{
	color:#a5a5a5;
}

#NewsArchive ol{
	margin:12px 0 12px 24px;
}

#NewsArchive a:hover,
#NewsArchive a.section,
#NewsArchive a:focus{
	color:#a5a5a5;
}

/* WIDGETS
 * --------------------------------------------------------------- */

#Certifications{
	margin:0 0 20px 20px;
}

#Certifications img{
	margin:0 10px 10px 0;
}

.vcard{
	background:#e9e9e9;
	margin:20px;
	padding:20px;
}

.fn{
	display:none;
}

.vcard h2, .vcard p{
	font-weight:bold;
	color:#454545;
}

.vcard p .type, .vcard .google-map{
	font-weight:normal;
}

.vcard a{
	color:#3f9eb6;
}

/* FOOTER
 * --------------------------------------------------------------- */

#Footer{
	position:relative;
	background:#9d9d9d url(../images/footer_grad.gif) repeat-x;
	color:#fff;
	padding:40px 56px 10px;
	border-top:1px solid #fff;
}

#Footer h2{
	font-size:18px;
	margin:0 0 10px;
}

#Footer p{
	font-size:12px;
	margin:0;
	clear:both;
}

#Footer a{
	color:#fff;
}

/* GENERAL / TYPOGRAPHY
 * --------------------------------------------------------------- */

a{ 
 	text-decoration: none;
	font-weight:bold; 
	color: #fe3547;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

p, h2{
	margin:0 0 18px;
	line-height:1.3;
}

.last,
.container div .last,
#Footer .nav .last{
	margin:0;
}

div.left{
	float:left;
}

div.right{
	float:right;
	width:430px;
}


/* FORMS
 * --------------------------------------------------------------- */
form{
	margin-bottom:45px;	
}

input.text, textarea, select{
	background:#f6f6f6 url(../images/short_grad.gif) repeat-x left top;
	border:1px solid #7c7c7c;
	width:288px;
	padding:6px;
	font-size:16px;
}

textarea{
	background:#f6f6f6 url(../images/long_grad.gif) repeat-x left top;
}

input.text:focus, textarea:focus{
	background:#fff;
	border-color:#17a66e;
}

form .field{
	position:relative;
	overflow:hidden;
	margin:0 0 15px;
}

.typography label.left{
	display:block;
	float:left;
	text-align:right;
	width:260px;
	font-size:16px;
	padding:7px 0;
}

.GroupContactPage label.left{
	width:100px;
}

.Actions{
	overflow:hidden;
}

input.action{
	background:url(../images/send.gif) no-repeat left top;
	width:145px;
	height:36px;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	float:right;
	margin:0 36px 0 0;
}

.GroupContactPage input.action{
	margin:0 10px 0 0;
}

div.middleColumn{
	float:right;
	width:302px;
	margin:0 36px 0 0;
}

.GroupContactPage div.middleColumn{
	margin:0 10px 0 0;
}

.message, .required, .bad{
	display:block;
	color:#f00;
	width:300px;
}

.typography ul.optionset{
	margin:9px 0 0 0;
}

.typography ul.optionset li{
	list-style:none;
}

label.FormHeading{
	display:block;
	font-size: 16px;
	color:#3f9eb6;
	margin:0 0 22px 136px;
	line-height:1.1;	
}

.success{
	background:#e2ffef url(../images/tick.gif) no-repeat 10px 10px;
	border:1px solid #c3e9d4;
	padding:20px 20px 0 50px;
	margin:0 0 20px;
}

.success p{
	font-weight:bold;
}