/* /////////////////////////////////////////////

Author: Erik Guthrie (Ritetek Enterprises, Inc.)
Client: Jade Group, Inc.
Copyright: All Rights Reserved.

//////////////////////////////////////////////*/

/* Mass Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
	min-width: 980px;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Basic Structure */

body {
	font-size: 62.5%;
	min-width: 1000px;
	background: #343129;
}

#wrapper {
	position: relative;
	float: left;
	width: 990px;
	margin: 0 0 30px -500px;
	left: 50%;
	border-right: 5px solid #413d33;
	border-bottom: 5px solid #413d33;
	border-left: 5px solid #413d33;
}

#masthead {
	position: relative;
	float: left;
	width: 100%;
	height: 374px;
	background: url(masthead-luxury.jpg) top left no-repeat;
}

#contact #masthead {
	background: url(masthead-contact.jpg) top left no-repeat;
}

#renovations #masthead {
	background: url(masthead-renovations.jpg) top left no-repeat;
}

#designBuild #masthead {
	background: url(masthead-designBuild.jpg) top left no-repeat;
}

#projects #masthead {
	background: url(masthead-projects.jpg) top left no-repeat;
}

#projectManagement #masthead {
	background: url(masthead-projectManagement.jpg) top left no-repeat;
}

#about #masthead {
	background: url(masthead-about.jpg) top left no-repeat;
}

#content {
	position: relative;
	float: left;
	width: 100%;
	background: #f7f7f7 url(footer.jpg) bottom left no-repeat;;
}

#content #mainContent {
	position: relative;
	float: left;
	width: 100%;
}

#content #mainContent #navigation,
#content #mainContent ul#mainNav {
	display: block;
	position: relative;
	float: left;
	width: 230px;
}

#content #mainContent #pageContent {
	position: relative;
	float: left;
	width: 720px;
	min-height: 250px;	
	padding: 22px 20px 0 20px;
	background: url(pageContent-shadow.gif) top left no-repeat;
}

/* Masthead */

#masthead {
	overflow: hidden;
}

#masthead h1,
#masthead h2,
#masthead p {
	display: none;
}

#masthead div#topNav {
	position: relative;
	float: right;
	margin: 28px 0 0 0;
	width: 290px;
	height: 38px;
}

#masthead div#topNav ul,
#masthead div#topNav ul li,
#masthead div#topNav ul li a {
	display: block;
	position: relative;
	float: left;	
}

#masthead div#topNav ul {
	margin-left: 40px;
}

* html #masthead div#topNav ul { 
	margin-left: 20px;
}

#masthead div#topNav ul li a {
	height: 38px;
	font: normal 1.2em/38px Arial, sans-serif;
	margin: 0 17px;
	text-decoration: none;
	color: white;
}

* html #masthead div#topNav ul li a {
	margin-left: 4px;
}

#masthead div#topNav ul li a:hover {
	text-decoration: underline;
}

/* Main Navigation */

ul#mainNav {
	padding-top: 22px;
}

ul#mainNav li,
ul#mainNav li a {
	display: block;
	position: relative;
	float: left;
}

ul#mainNav li a {
	width: 230px;;
	height: 40px;
	font: bold 14px/40px Arial, sans-serif;
	text-indent: 40px;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: -0.0125em;
}

ul#mainNav li a:hover {
	color: #493210;
	background: url(mainNav-r2.gif) 17px 15px no-repeat;
}

#navigation img.navImg {
	display: block;
	position: relative;
	float: left;
	margin: 25px 0 0 40px;
}

* html #navigation img.navImg {
	margin-left: 20px;
}

/* Typography */

#content p {
	font: normal 1.2em/1.5em Arial, sans-serif;
	color: #403b32;
	margin: 10px 0;
}

#content a {
	font-size: 1em;
	text-decoration: underline;
	color: #734f19;
}

#content a:hover {
	text-decoration: none;
}

#content h2 {
	font: bold 2.4em/1.5em Arial, sans-serif;
	color: #D09146;
	margin: 0 0 10px 0;
	clear: both;
}

#content h3 {
	font: bold 1.6em/1.5em Arial, sans-serif;
	margin: 22px 0 0 0;
	color: #493210;
}

#content h4 {
	font: bold 1.3em/1.5em Arial, sans-serif;
	margin: 18px 0 0 0;
	color: #734F19;
}

#content p em {
	text-align: center;
	font-size: 1.1em;
}

#content #pageContent p.standOut {
	padding: 8px 0;
	text-align: center;
	margin: 14px 86px;
	background: #d1ccc3;
	color: ;
}

#content #pageContent p.homeTestimonial {
	display: block;
	width: 680px;
	height: 70px;
	position: relative;
	font-size: 12px;
	color: #734F19;
}

#content #pageContent p.homeTestimonial a {
	display: block;
	position: absolute;
	float: right;
	height: 28px;
	width: 28px;
	margin: 20px 0 0 44px;
	top: 0;
	left: 0;
	background: url(downloadLetter-pdf.gif) center center no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#content #pageContent p.homeTestimonial span {
	margin-left: 84px;
	font-size: 11px;
	color: #493210;
}

#content #pageContent ul {
	padding: 0;
	margin: 0 0 12px 0;
}

#content #pageContent ul li {
	list-style: disc;
	font: normal 1.1em/1.4em Arial, sans-serif;
	margin: 0 0 0 34px;
	color: #5c5851;
}

#content #pageContent ul.large {
	padding: 0;
	margin: 12px 0 18px 0;
}

#content #pageContent ul.large li {
	list-style: disc;
	font: normal 1.2em/1.5em Arial, sans-serif;
	margin: 0 0 0 16px;
	color: #403B32;
}

/* Home Page */

a.recentProjects {
	display: block;
	float: left;
	width: 618px;
	height: 208px;
	margin: 10px 0 20px 50px;
	background: url(home-recentProjects.jpg) bottom left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

* html a.recentProjects {
	margin-left: 25px;
}

a.recentProjects:hover {
	background: url(home-recentProjects.jpg) top left no-repeat;
}

/* Service Categories */

#serviceCategories {
	position: relative;
	float: left;
	width: 100%;
	height: 150px;	
	margin: 0 0 24px 0;
}

#serviceCategories ul,
#serviceCategories ul li,
#serviceCategories ul li a {
	display: block;
	position: relative;
	float: left;
}

#serviceCategories ul {
	width: 930px;
	margin: 0 0 0 30px;
}

* html #serviceCategories ul {
	margin-left: 15px;
}

#serviceCategories ul li {
	width: 160px;
	height: 126px;
	padding: 0 0 0 130px;
	margin: 10px;
}

* html #serviceCategories ul li {
	margin-left: 5px;
}

#serviceCategories ul li.designBuild {
	background: url(service-designBuild.jpg) 18px 22px no-repeat;
}

#serviceCategories ul li.projectManagement {
	background: url(service-projectManagement.jpg) 18px 22px no-repeat;
}

#serviceCategories ul li.renovations {
	background: url(service-renovations.jpg) 18px 22px no-repeat;
}

#serviceCategories ul li a {
	width: 160px;
	height: 26px;
	font: normal 1.4em/26px Arial, sans-serif;
	text-decoration: none;
	color: #d09146;
}

#serviceCategories ul li a.readMore {
	display: block;
	position: absolute;
	float: left;
	width: 270px;
	height: 146px;
	margin: -126px 0 0 -110px;
	background: url(button-readMore.gif) 110px 124px no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

* html #serviceCategories ul li a.readMore {
	margin-left: -55px;
}

/* Main Content / Page Content */

#content #mainContent {
	min-height: 400px;
}


/* Contact Form */

#contactForm {
	position: relative;
	float: left;
	width: 646px;
	margin: 10px 16px 40px 16px;
}

* html #contactForm {
	margin-left: 5px;
}

#contactForm label {
	display: block;
	float: left;
	position: relative;
	height: 24px;
	width: 147px;
	margin: 4px 0;
	padding: 12px 10px 10px 10px;
	font: bold 12px/12px Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	color: #474237;
}

#contactForm label span.small {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #a99d83;
}

#contactForm input {
	display: block;
	float: left;
	position: relative;
	height: 20px;
	width: 257px;
	margin: 14px 193px 14px 0;
	padding: 4px 2px 0 5px;
	font: bold 14px/22px Arial, Helvetica, Geneva, sans-serif;
	color: #D09146;
	border: 1px solid #a99d83;
}

#contactForm input#submitButton {
	display: block;
	float: left;
	position: relative;
	height: 40px;
	width: 167px;
	margin: 8px 0 0 0;
	padding: 0 10px;
	font: bold 12px/40px Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	color: white;
	background: #D09146;
	border: 0;
	cursor: pointer;
}

* html #contactForm input#submitButton {
	width: 156px;
	margin-left: -1px;
}

#contactForm input#submitButton:hover {
	background: #E3763F;
}

#contactForm div.verifyBox {
	position: relative;
	float: left;
	width: 163px;
	height: 64px;
	margin: 0;
	padding: 2px;
	background: #d5cbb4;
}

#contactForm div.verifyBox label {
	margin: 5px 0;
	padding: 0 10px 0 0;
	text-align: right;
	height: 18px;
	width: 153px;
}

#contactForm div.verifyBox input {
	width: 35px;
	height: 24px;
	margin: 0 0 0 6px;
	border: 1px solid #eee;
	font: bold 12px/18px Arial, Helvetica, Geneva, sans-serif;
}

* html #contactForm div.verifyBox input {
	margin-left: 3px;
}

#contactForm div.verifyBox img {
	display: block;
	position: relative;
	float: right;
	margin: 0 6px 0 0;
	width: 100px;
	height: 30px;
}

* html #contactForm div.verifyBox img {
	margin-right: 3px;
}

#contactForm #messageBody {
	display: block;
	position: relative;
	float: right;
	margin: 14px 0 0 0;
	padding: 5px;
	width: 467px;
	height: 170px;
	border: 1px solid #a99d83;
	font: normal 1em/1.5em Arial, Helvetica, Geneva, sans-serif;
	color: #525252;
}

#requestStatus {

}


/* Contact Us Page */

div.locations,
div.staff {
	position: relative;
	float: left;
	width: 262px;
	margin: 0 0 30px 0;
}

div.staff {
	float: right;
	width: 458px;
}


/* Footer */

#footer {
	position: relative;
	float: left;
	height: 120px;
	width: 100%;
}

#footer div.copyright,
#footer div.links {
	position: relative;
	float: left;
	height: 32px;
	margin-top: 74px;
	margin-left: 16px;
}

* html #footer div.copyright {
	margin-left: 9px;
}

#footer div.copyright p {
	font: normal 12px/32px Arial, sans-serif;
	color: black;
}

#footer div.links {
	float: right;
	margin-left: 0;
	margin-right: 16px;
}

* html #footer div.links {
	margin-right: 8px;
}

#footer div.links p {
	font: bold 12px/32px Arial, sans-serif;
	color: #493210;
}

#footer div.links a {
	font: bold 12px/32px Arial, sans-serif;
	color: white;
	text-decoration: none;
}

#footer div.links a:hover {
	text-decoration: underline;	
}

/* Project Landing - Map Baloon */

#content div.mapBaloon {
	
}

#content div.mapBaloon h3,
#content div.mapBaloon h4,
#content div.mapBaloon p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

/* Project Landing - Brand Headers */

#content dt#embassySuites,
#content dt#clarion,
#content dt#extendedStayAmerica,
#content dt#georgianTerrace,
#content dt#hampton,
#content dt#hilton,
#content dt#laQuinta,
#content dt#sheriton,
#content dt#marriott {
	display: block;
	position: relative;
	width: 170px;
	height: 110px;
	margin: 20px 0 20px 30px;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
}

#content h3#embassySuites,
#content h3#clarion,
#content h3#extendedStayAmerica,
#content h3#georgianTerrace,
#content h3#hampton,
#content h3#hilton,
#content h3#laQuinta,
#content h3#sheriton,
#content h3#marriott {
	display: block;
	position: relative;
	float: left;
	width: 170px;
	height: 110px;
	margin: 10px 20px 0 10px;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
}

#content div#projectListing h3 {
	padding: 14px 0 20px 0;
}

#content dt#embassySuites,
#content h3#embassySuites {
	background: url(brand-embassy.gif) center center no-repeat;
}

#content dt#clarion,
#content h3#clarion {
	background: url(brand-clarion.gif) center center no-repeat;
}

#content dt#extendedStayAmerica,
#content h3#extendedStayAmerica {
	background: url(brand-esa.gif) center center no-repeat;
}

#content dt#georgianTerrace,
#content h3#georgianTerrace {
	background: url(brand-georgian.gif) center center no-repeat;
}

#content dt#hampton,
#content h3#hampton {
	background: url(brand-hampton.gif) center center no-repeat;
}

#content dt#hilton,
#content h3#hilton {
	background: url(brand-hilton.gif) center center no-repeat;
}

#content dt#laQuinta,
#content h3#laQuinta {
	background: url(brand-laQuinta.gif) center center no-repeat;
}

#content dt#sheriton,
#content h3#sheriton {
	background: url(brand-sheraton.gif) center center no-repeat;
}

#content dt#marriott,
#content h3#marriott {
	background: url(brand-marriott.gif) center center no-repeat;
}

#content div#projectListing #leftColumn,
#content div#projectListing #rightColumn {
	position: relative;
	float: left;
	width: 320px;
	margin: 0 14px;
}

* html #content div#projectListing #leftColumn,
* html #content div#projectListing #rightColumn {
	margin-left: 7px;
}


#content div#projectListing h4,
#content div#projectListing p {
	font-size: 11px;
	margin: 0;
}

#content div#projectListing h4 {
	font-size: 12px;
	margin-top: 12px;
	line-height: 16px;
	clear: left;
}

#content div#projectListing h4.photos {
	background: url(photos.gif) center left no-repeat;
	margin-left: -20px;
	text-indent: 20px;
}

#content div#projectListing a {
	display: block;
	width: 59px;
	height: 16px;
	margin: 4px 0 2px 0;
	text-indent: -999em;
	overflow: hidden;
	background: url(button-readMore.gif) top left no-repeat;
}

#content div#projectsMap {
	position: relative;
	width: 710px;
	height: 510px;
}

#content div#projectsMapShadow {
	position: relative;
	width: 710px;
	height: 510px;
	padding: 5px;
	background: url(projectsMap-background.gif) top left no-repeat;
}

/* Project Landing - Tab Content */

#content #pageContent a#backToProjectsLink {
	display: block;
	width: 59px;
	height: 16px;
	text-indent: -999em;
	overflow: hidden;
	background: url(button-back.gif) top left no-repeat;
	margin-left: 14px;
}

#content #pageContent a#backToProjectsLink:hover {
	text-decoration: none;
}

div#projectDetails #productDetails {
	position: relative;
	float: right;
	width: 503px;	
}

div#photoGallery div.tabContent,
div#projectDetails.tabContent {
	float: left;
	position: relative;
	width: 656px;
	z-index: 3;
}

* html div#projectDetails.tabContent {
	padding-left: 5px;
	width: 498px;
}

#content #pageContent div#photoGallery {
	position: relative;
	float: left;
}

div#photoGallery ul.tabs {
	position: relative;
}

#content #pageContent div#projectDetails.tabbedContent ul,
#content #pageContent div#projectDetails.tabbedContent ul li,
#content #pageContent div#photoGallery.tabbedContent ul,
#content #pageContent div#photoGallery.tabbedContent ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content #pageContent div#projectDetails.tabbedContent ul,
#content #pageContent div#photoGallery.tabbedContent ul {
	width: 450px;	
}

* html #content #pageContent div#projectDetails.tabbedContent ul,
* html #content #pageContent div#photoGallery.tabbedContent ul {
	margin-left: 0;
}

#content #pageContent div#projectDetails.tabbedContent ul li,
#content #pageContent div#photoGallery.tabbedContent ul li {
	margin: 0 2px 0 0;
	padding: 2px 8px;
	height: 12px;
	color: white;
	background: url(projectsTab-r1.gif) top left repeat-x;
	cursor: pointer;
	font: bold 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

#content #pageContent div#projectDetails.tabbedContent ul.tabs li:hover,
#content #pageContent div#photoGallery.tabbedContent ul.tabs li:hover {
	text-decoration: underline;
	cursor: pointer;
}

#content #pageContent div#projectDetails.tabbedContent ul.tabs li.active,
#content #pageContent div#projectDetails.tabbedContent ul.tabs li.active:hover,
#content #pageContent div#photoGallery.tabbedContent ul.tabs li.active,
#content #pageContent div#photoGallery.tabbedContent ul.tabs li.active:hover {
	background: url(projectsTab-r2.gif) top left repeat-x;
	color: white;
	text-decoration: none;
	cursor: default;
}

#content #pageContent div#projectDetails.tabbedContent {
	float: left;
	position: relative;
	width: 478px;
	padding: 10px;
}

* html #content #pageContent div#projectDetails.tabbedContent {
	width: 477px;
	margin-left: -3px;
	padding-right: 0;
}

#content #pageContent div#projectDetails.tabbedContent div.tabContent {
	position: relative;
	float: left;
}

#content #pageContent div#projectDetails.tabbedContent li {
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	line-height: 1.7em;
	font-style: italic;
}

#content #pageContent div#projectDetails.tabbedContent h5 {
	font-family: "Trebuchet MS";
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.7em;
	margin: 0;
	padding: 0 5px 0 0;
}

#content #pageContent div#projectDetails.tabbedContent a {
	color: #268a9f;
	text-decoration: none;
}

#content #pageContent div#projectDetails.tabbedContent a:hover {
	background: white;
}

#content #pageContent #mapLegend {
	position: relative;
	float: left;
	width: 450px;
	height: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(projects-mapLegend.gif) center center no-repeat;
	overflow: hidden;
}

* html #content #pageContent #mapLegend {

}

#content #pageContent #mapLegend p {
	text-indent: -999em;	
}

/* Project Details - Photos */

div#projectDetails div.mainPhoto {
	position: relative;
	float: left;
	width: 186px;
	padding: 1px;
	border: 1px solid #e9e9e9;
}

div#projectDetails div.thumbnails,
div#photoGallery div.thumbnails {
	float: left;
	position: relative;
	width: 400px;
}

div#photoGallery div.thumbnails {
	width: 700px;
}

div#projectDetails div.thumbnails a,
div#photoGallery div.thumbnails a {
	display: block;
	position: relative;
	float: left;
	padding: 1px;
	border: 1px solid #e9e9e9;
	margin: 3px 5px;
}

div#projectDetails div.thumbnails a:hover,
div#photoGallery div.thumbnails a:hover {
	border-color: #734F19;
}

#content div#photoGallery h3 {
	margin-top: 0;
	padding-top: 6px;
	clear: left;
}

#content div#photoGallery h4 {
	clear: left;
	padding: 18px 0 8px 0;
	margin: 0;
	text-indent: 6px;
}


/* Projects Landing */

#destinationsLanding #destinationLists {
	position: relative;
	float: left;
	width: 500px;
}

#destinationsLanding #destinationLists ul {
	display: block;
	float: left;
	width: 150px;
}

* html #destinationsLanding #destinationLists ul {
	margin-left: 10px;
}

#destinationsLanding #destinationLists ul li {
	font-size: 10px;	
}

#destinationsLanding #destinationLists ul li a {
	color: #474747;
	text-decoration: underline;
}

#destinationsLanding #destinationLists ul li a:hover {
	color: #999;
	text-decoration: none;
}

#destinationsLanding #destinationLists p {
	display: block;
	float: left;
	height: 23px;
	padding: 5px 0;
	margin: 10px 0 4px 10px;
	font: 11px/23px Lucida Grande,Trebuchet,Lucida Sans Unicode,Geneva,Arial,sans-serif;
	text-indent: 10px;
	color: #268A9F;
	background: url(contentBox-headerBG.gif) top left repeat-x;
	width: 150px;
	position: relative;
}

* html #destinationsLanding #destinationLists p {
	margin-left: 5px;
}

/* Site Map */

#generalPages,
#projectPages {
	position: relative;
	float: left;
	width: 250px;
	margin: 0 0 0 10px;
}

* html #generalPages,
* html #projectPages {
	margin-left: 5px;
}

#projectPages {
	width: 450px;
}

#content #pageContent #generalPages h3,
#content #pageContent #projectPages h3 a {
	font: bold 16px/24px Arial, sans-serif;
	color: #734F19;
	text-decoration: none;
}

#content #pageContent #generalPages h3 {
	margin-bottom: 20px;
}

#content #pageContent #projectPages h3 a {
	text-decoration: none;
}

#content #pageContent #projectPages h3 a:hover {
	text-decoration: underline;
}

#content #pageContent #generalPages ul li a,
#content #pageContent #projectPages ul li a {
	font: normal 14px/18px Arial, sans-serif;
	text-transform: capitalize;
}

#content #pageContent #projectPages ul li {
	list-style: none;
	margin-left: 15px;
}

#content #pageContent #projectPages ul li ul li {
	list-style: disc;
	margin-left: 35px;
}

#content #pageContent #projectPages ul li h3 {
	font-size: 14px;
}

/* @end */

/* Credits 

div.credits {
	position: relative;
	float: left;
	height: 20px;
	width: 100%;
	text-align: center;
	font: normal 1em/20px Arial, sans-serif;
	color: #6b6554;
}

div.credits a {
	text-decoration: underline;
	font-weight: normal;
	color: #6b6554;
}

div.credits a:hover {
	text-decoration: none;
}

*/