/* FONT SETTINGS */

p { /* STANDARD BODY TEXT */

	color: #845e44;

	/*
    font-family: arial, serif;
    font-size: 13px;*/
	font-size: 12px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	margin:15px 5px;
	line-height: 25px;

	letter-spacing: normal;
}

.phone {
    font-family: arial, serif;
    font-size: 13px;
	color: #845e44;
}

form#cse-search-box {
	margin-top: 1px;
}

.rolloutTitle {
	color: #845e44;
	font-family: times new roman, serif;
	font-size: 15px;
}

li { /* LIST ITEMS */
	list-style-type: disc;
	color: #845e44;
    font-family: times new roman, arial, serif;
    font-size: 12px;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

h1 { /* TITLE TEXT */
	text-align: left;
	color: #49250f;
	font-family: trajan, times new roman, serif;
	font-variant: small-caps;
	font-size: 32px;
	font-weight: normal;
	text-shadow: rgba(198,196,182,1) 1px 1px 0; 
}

h2 { /* SUB-TITLE TEXT */
	text-align: center;
	color: #000000;
	font-family: times new roman, serif;
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

.line { /* CSS Horizontal Rule */
display:block;
background:#aca899;/*NS FF OP */
color:#aca899;/*IE*/
border:none;/*FF NS OP*/
height:1px;/*FF NS OP*/
width: 70%;
margin-left: auto ;
margin-right: auto ;
margin-bottom: 5px;
margin-top: 5px;
}

.quickres {
	color: #845e44;
	font-family: arial, serif;
	font-weight: normal;
    font-size: 10px;
}

h3 { /* SMALL PRINT FONT */
	color: #845e44;
	top: 0;
    left: 0;
	font-family: arial, serif;
	font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

h4 { /* PACKAGE TITLE FONT */
	color: #4d4b49;
	font-family: times new roman, serif;
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: 1.5px;
	font-weight: normal;

}

h5 { /* LITTLE BASIC FONT */
	color: #845E44;
	font-family: arial, sans-serif;
	font-variant: small-caps;
	font-size: 8px;
	letter-spacing: 1.5px;
	font-weight: normal;
}

h6 { /* LITTLE NORMAL FONT */
	text-align: left;
	color: #845e44;
	top: 0;
    left: 0;
    font-family: times new roman, serif;
    font-size: 11px;
    line-height: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.menufont { /* Font for Menus */
	text-align: center;
	color: #845e44;
    font-family: times new roman, serif;
    font-size: 20px;
    line-height: 20px;
}

.st_spa td {
	color: #845e44;
    font-family: times new roman, serif;
    font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #e7e7d5;
	padding: 5 5 5 5;
}

.twitter_title { /* TWITTER NEWS FEED TITLE */	
	text-align: center;
	color: #49250f;
	font-family: times new roman, serif;
	font-variant: small-caps;
	background-color: #e7e7d5;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 1px;
	text-shadow: rgba(198,196,182,1) 1px 1px 0; 
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin: 0;
	padding: 2px 3px;
}

/* HYPERLINK TEXT */

/* Main Links in Text */
a:link {color: #49250f;}
a:visited {color: #49250f;}
a:hover {color: #845e44;}
a:active {color: #49250f;}

/* Bottom Links */

.link_bottom {color: #ffffff; font-family: verdana; font-size: 11px; font-variant: small-caps; }
.link_bottom a:link {color: #ffffff; }
.link_bottom a:visited {color: #ffffff; }
.link_bottom a:hover {color: #845e44; }
.link_bottom a:active {color: #ffffff; }

/* TOP NAVIGATION HOME AND SEARCH LINKS */

.toplinks
{ 
	text-align: left;
	color: #efefe2;
	top: 0;
    left: 0;
	font-type: bold;
    font-family: arial, serif;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
	padding-left: 0px;
	padding-right: 0px;
 }
 
 .toplinks a {color: #845e44;}
 .toplinks a:hover {color: #efefe2;}

/* LINK MENU SETTINGS */

#links {
	width: 100%; /* set width of menu */
	margin-left: -27px;
} 

ul {
	margin-top: -7px;
}

#link ul { /* remove bullets and list indents */
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

/* style, color and size links and headings to suit */
#links a {
	text-align: center;
	color: #4d4b49;
	font-family: Verdana, times new roman, serif;
	font-variant: caps;
	background-color: #efefe2;
	text-decoration: none;
	font-size: 10px;	
	display: block;
	width: 191px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin: 0;
	padding: 2px 3px;
}

#links a:hover {
	color: #fff;
	background-image: url('/atlanta-resort-gfx/test.gif');
	background-repeat: repeat;
}

#links div#linksOfferWrapper {
	background-color: #efefe2;
	border: 1px solid #fff;
	margin: 0px 0px;
	width: 189px;
	height: 205px;
	background: none;
}

#links div#linksOfferWrapper:hover {
	background-image: url('/atlanta-resort-gfx/test.gif');
}

#links div#linksOfferWrapper img.linksOffer {
	border: none;
	width: 181px;
	height: 197px;
	margin: 4px 4px;
}

#links div#linksOfferWrapper img.linksOffer:hover {
	cursor: pointer;
}

/* NEW BOX CONTAINER */

.newbox {
padding: 15px;
margin: 15px;
background-color:#efefe2;
border-width:0px;
border-color:#49250f;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
box-shadow:inset 1px 1px 2px #898989;
-moz-box-shadow:inset 1px 1px 2px #898989;
-webkit-box-shadow:inset 1px 1px 2px #898989;
/*Inner elements should not cover inner shadows*/
/*Chrome renders inset shadows incorrectly with border-radius*/
/*IE DOES NOT SUPPORT INSET SHADOWS*/
background: linear-gradient(top, transparent, #dfdfd3);
/*--OPERA & IE9 DO NOT SUPPORT GRADIENT BACKGROUNDS--*/
background: -moz-linear-gradient(top, #ffffff, #dfdfd3);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dfdfd3));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefe2');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefe2')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
}

/* WHITEBOX CONTAINER */
		
#liquid-round { 
	width:90%;
	margin:0px auto; 
	background:#fff url(http://www.chateauelan.com/graphics/box_atlanta_conference/leftside_north_atlanta_conference.gif) repeat-y left top;
} 
		
.boxtop { 
	width:100%; 
	height:20px; 
	background:url(http://www.chateauelan.com/graphics/box_atlanta_conference/top_north_atlanta_meeting_space.gif) no-repeat left top; 
} 
.boxtop span { 
	display:block; 
	position:relative; 
	height:20px;
	background:url(http://www.chateauelan.com/graphics/box_atlanta_conference/top-right_atlanta_teambuilding.gif) no-repeat right top; 
} 

.boxcenter-content {
	position: relative;
	background:url(http://www.chateauelan.com/graphics/box_atlanta_conference/rightside_atlanta_conference_space.gif) repeat-y right top; 
	padding:1px 20px 1px 25px;
	margin:-1px 0 -50px 0;
} 

.boxbottom {
	height:60px; 
	background:url(http://www.chateauelan.com/graphics/box_atlanta_conference/bottom_atlanta_meetings_golf.gif) no-repeat left bottom; 
}
 
.boxbottom span { 
	display:block; 
	position:relative;
	height:60px; 
	background:url(http://www.chateauelan.com/graphics/box_atlanta_conference/bottom-right_georgia_meeting_venue.gif) no-repeat right top; 
} 			

/* HORIZONTAL BAR */

hr {
	border: 0px solid #49250f;
	width: 75%;
}

/* LAYOUT SETTINGS */

body {
	width: 985px;
	margin:0 auto; padding:0;
	background: #000000;
}

#search { /* CONTAINER FOR TOP SEARCH AREA */
	width: 985px;
	height: 25px;
	background-color: #49250f;
}

div#loadBanner {
	background: url('/graphics/offer-loader.gif') no-repeat;
	background-position: center center;
}

#banner {
	margin:0; padding:0;
}

#container {
	width: 985px;
	position: relative;
}	

#black {
	position: relative;
	height: 100%;
	width: 100%;
	background: #000000;
	z-index: 2;
}

#main1 {
	margin:0; padding:0;
	background: #efefe2 url("/graphics/left.gif") top left repeat-y;
}

#main2 {
	margin:0; padding:0;
	background: #efefe2 url("/graphics/right.gif") top right repeat-y;
}

#left {
	background-color: #efefe2;
	background-image: url('/atlanta-resort-gfx/atlanta-luxury-resort.png');
	background-repeat: no-repeat;
	float:left;
	width:370px;
	margin:0;
	padding:0;
}

.top_left_image {
	z-index: 0;
	border: 0;
	vertical-align: top;
}

#offerNav {	z-index: 1; }

.top_left_graphic {
	position: relative;
	z-index: 1;
	border: 0;
	vertical-align: top;
}

#left_image { z-index: 0; }

#left_graphic {
	background-image: url('/atlanta-resort-gfx/atlanta-luxury-resort.png');
	background-repeat: no-repeat;
	z-index: 1;
}

.bottom_right_swoop_one_image {
	position: relative;
	margin-top: -50px;
	vertical-align: top;
}

.reg_image {
	margin-top: -47px;
	vertical-align: bottom;
}

#right {
	padding-top: 47px;
	background: #e7e7d5 url('/atlanta-resort-gfx/atlanta-meetings.gif');
	background-repeat: no-repeat;
	float:right;
	width:245px;
	margin:0;
}

#right2 { /* CONTAINER FOR RIGHT BOTTOM GRADIENT */
	background-image: url('/atlanta-resort-gfx/atlanta-hotel-resort.gif');
	background-repeat: no-repeat;
}

#middle {
	background-image: url('/atlanta-resort-gfx/golf-resort-atlanta.gif'); /* MAIN TEXT TOP GRAPHIC SWOOP */
	background-repeat: no-repeat;
	padding-top: 47px;
	background-color: #efefe2;
	margin-right: 245px;
	margin-left: 370px;
}

#wide {
	width: 740px;	
	background-image: url('/atlanta-resort-gfx/georgia-meeting-space.gif'); /* MAIN TEXT TOP GRAPHIC SWOOP */
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-bottom: -20px;
}

.column-in { 
	margin:0;
	padding:0.5em 1em;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

#divEmailTo {
	overflow: hidden;
	width: 200px;
	height: 200px;
	background: white;
	border: 1px solid #59351b;
	z-index: 1;
}

#emailLoading {
	position: absolute;
	left: 115px;
	bottom: 30px;
	margin: 0;
	padding: 0;
}

#emailSuccess {
	font-style: italic;
	position: absolute;
	left: 115px;
	bottom: 30px;
	margin: 0;
	padding: 0;
}

.emailText { vertical-align: top; }

.emailInput {
	background: #f8f8f8;
	border: 1px solid #59351b;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-right: 6px;
	font-family: verdana;
	font-size: 9px;
	margin-left: -10px;
}

#divEmailContent {
	color: #59351b;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#divWeather {
	padding-top: 2px;
	font-size: 8px;
	height: 150px;
	width: 200px;
	background: white;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #59351b;
	z-index: 2;
}

.tempTitle {
	font-size: 10px;
	color: black;
	font-family: verdana;
	padding: 0;
	margin: 0;
}

#high {	
	float: left;
	color: #59351b;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0;
	font-size: 18px;
}

#low {
	float: left;
	color: #59351b;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0;
	margin-left: 10px;
	font-size: 18px;
}

#details {
	float: left;
	margin-top: 10px;
}

#offersNav {
	position: absolute;
	left: 310px;
	top: 742px;
	z-index: 2;
}

#offersBar {
	position: absolute;
	top: 735px;
	z-index: 1;
}

#offersNum {
	position: absolute;
	font-family: arial;
	font-size: 10px;
	color: #e5e5e5;
	left: 262px;
	top: 746px;
	z-index: 2;
}

div#BGTest {
	background: url('/graphics/offer-loader.gif') no-repeat;
	background-position: center center;
}

#offer { zoom: 1; }

#overlay {
    background-color: #000000;
    position: absolute;
    margin: auto;
	width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

#quickEventDiv {
	font-size: 10px;
	font-family: verdana;
	color: #49250f;
	background: #efefe2;
	border: 5px #49250f solid;
	border-top-width: 18px;
	position: absolute;
	padding: 10px;
	z-index: 101;
	height: 350px;
	width: 350px;
	overflow: auto;
}

#quickEventDivClose {
	font-size: 10px;
	font-family: verdana;
	position: absolute;
	z-index: 102;
}

#quickEventDivClose a {	font-size: 10px; font-family: verdana; color: white; text-decoration: none;}
#quickEventDivClose a:hover { font-size: 10px; font-family: verdana; color: white; text-decoration: underline; }
#quickEventDivClose a:visited { font-size: 10px; font-family: verdana; color: white; text-decoration: none; }

.weatherLoader {
	float: left;
	margin-left: 80px;;
	margin-top: 60px;
}

#divWeatherContent {
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#Web20 { margin-top: 10px; }

.web20Font {
	font-family: verdana;
	font-size: 9px;
}

#bottom_rounded { /* CONTAINER FOR ROUNDED BOTTOM GRAPHIC OF BODY */
	width: 985px;
	height: 25px;
	background-image: url('/atlanta-resort-gfx/luxury-hotel-atlanta.gif');
	background-repeat: no-repeat;
	clear: both;
}

#bottom_links { /* CONTAINER FOR BOTTOM LINKS */
	margin: 20 0 0 0;
	padding-top: 15px;
	width: 985px;
	height: 40px;
	text-align: center;
	clear: both;
}

#footer {
	margin: 0;
	padding: 0;
	width: 985px;
	height: 155px;
	background-image: url('/atlanta-resort-gfx/atlanta-conference-center.gif');
	background-repeat: no-repeat;
	clear: both;
}

#footer_real { /* CONTAINER FOR BOTTOM GRAPHIC SWOOP */
	margin: 0;
	padding: 0;
	width: 100%;
	height: 156px;
	background-image: url('/atlanta-resort-gfx/atlanta-spa-golf-hotel.jpg');
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
}

/****************************/
/****************************/
/****************************/
/*  LAYOUT FOR GREYBOX CONTENT */
/****************************/
/****************************/
/****************************/
#grey_top_border {
	height: 72px;
	background:#efefe2;
	background-image: url('/atlanta-resort-gfx/chateau-elan-greybox_01.gif');
	background-repeat: no-repeat;
	clear: both;
}

.body_greybox {
	width: 100%;
	background: #efefe2;
	margin: 0 auto;
}

#grey_body {
	width: 760px;
	padding-left: 10px;
	padding-right: 10px;
	background:#efefe2;
}
		
#grey_bot_border {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 13px;
	background:#efefe2;
	background-image: url('/atlanta-resort-gfx/chateau-elan-greybox_04.gif');
	background-repeat: horizontal;
	clear: both;
}

#grey_footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	background:#efefe2;
	background-image: url('/atlanta-resort-gfx/chateau-elan-greybox_05.gif');
	background-repeat: horizontal;
	clear: both;
}

/* ALL PHOTO RELATED CSS */
.package_photo {
	padding-right: 15px;
	width: 150px;
	float: left;
}

.photoleft {
	padding-right: 15px;
	float: left;
}

.photoright {
	padding-left: 15px;
	float: right;
}

/* ################################### */
/* ################################### */
/* ################################### */
/* ################################### */
/*                                                                        */
/*                   SPA BLOG RELATED CSS                     */
/*                                                                        */
/* ################################### */
/* ################################### */
/* ################################### */
/* ################################### */

div#loginCheckBlog {
	font-size: 9px;
	background: white;
	border: 5px #909090 solid;
	position: absolute;
	z-index: 101;
	height: 40px;
	width: 450px;
}

div#loginCheckBlog input {
	font-size: 9px;
	font-family: verdana;
	margin-right: 10px;
	width: 60px;
}

div#loginCheckBlog input.invalid {
	background: #faa;
	font-size: 9px;
	font-family: verdana;
	margin-right: 10px;
	width: 60px;
}


div#loginCheckBlog input.login { width: 40px; }

div#loginCheckBlog form {
	margin: 10px;
	padding: 0;
}

div#spablog button {
	margin-left: 20px;
	border: 1px solid black;
	height: 17px;
	background: white;
	font-size: 9px;
	font-family: arial;
	width: 60px;
}

div#spablog div {
	font-size: 11px;
	color: black;
}

div#spablog div p {
	font-size: 11px;
	color: black;
}

div#spablog span.blogTitle {
	font-size: 15px;
	color: #49250f;
	font-weight: bold;
}

div#newspablog button {
	margin-top: -15px;
	padding-top: 2px;
	margin-bottom:  20px;
	border: 1px solid black;
	background: white;
	font-size: 9px;
	font-family: arial;
}

div#userAlert {
	font-family: Arial;
	font-size: 10px;
	background: white;
	border: 5px #909090 solid;
	position: absolute;
	z-index: 101;
	height: 75px;
	width: 510px;
	padding: 3px 0px 15px 5px;
}
div#userAlert div {
	font-weight: bold;
	background: #909090;
	padding: 0px 0px 3px 7px;
	margin: -5px 0px 5px -10px;
	color: white;
}
div#userAlert span#alertAutoClose {
	font-weight: normal;
	margin-left: 239px;
}
div#userAlert span#alertCount { font-weight: bold; }

div#userAlert button {
	margin-left: 10px;
	font-size: 8px;
	height: 17px;
	font-family: Arial;
	letter-spacing: 1px;
	padding-top: 1px;
	background: white;
	border: 1px black solid;
}

div#blogeditor {
	font-size: 9px;
	background: white;
	border: 5px #909090 solid;
	position: absolute;
	z-index: 101;
	height: 240px;
	width: 510px;
	padding: 3px 0px 5px 10px;
}

div#blogeditor input {
	font-family: verdana;
	font-size: 9px;
	margin-left: 2px;
	width: 275px;
	padding-left: 3px;
	border: 1px #adadad solid;
	height: 13px;
}

div#blogeditor button.savepublish {
	margin-left: 30px;
	font-size: 8px;
	height: 17px;
	font-family: Arial;
	letter-spacing: 1px;
	padding-top: 1px;
	background: white;
	border: 1px black solid;
}

div#blogeditor iframe {
	width: 500px;
	height: 170px;
	font-family: verdana;
	font-size: 11px;
	margin-bottom: 6px;
}

div#toolbar {
	text-align: left;
	margin: 0 auto;
	margin-bottom: 3px;
	height: 22px;
	width: 500px;
}
div#toolbar button { 
	margin: 0px 2px 0px 0px;
	padding: 0;
	font-family: verdana;
	font-size: 11px;
}
div#toolbar button.url { padding-right: 1px; }

div#toolbar button.italic {
	padding-left: 2px;
	height: 22px;
}

div#toolbar button.bold { height: 22px; }

div#toolbar button.underline { height: 22px; }

div#toolbar div#writtenBy {
	float: right;
	margin-right: 10px;
	margin-top: -20px;
}

div#toolbar div#writtenBy select {
	font-size: 9px;
	font-family: verdana;
}

div#titletop {
	font-weight: bold;
	background: #909090;
	padding: 0px 0px 3px 2px;
	margin: -5px 0px 5px -10px;
	color: white;
}

div#titletop span#cancelblog button.yeppers {
	margin-left: 357px;
	font-size: 8px;
	height: 17px;
	font-family: Arial;
	letter-spacing: 1px;
	padding-top: 1px;
	background: white;
	border: 1px black solid;
}


/* ###################################### */
/* ###################################### */
/* ###################################### */
/* ###################################### */
/*                                                                              */
/* The following styles are for the interactive property map! */
/*                                                                              */
/* ###################################### */
/* ###################################### */
/* ###################################### */
/* ###################################### */

div#pm_map {
	margin-top: -20px;
	width: 700px;
	height: 500px;
	border: 5px solid #49250f;
	background-image: url('/property/graphics/property-map.jpg');
	background-repeat: no-repeat;
}

div#pm_mapLoader {
	margin-top: 50px;
	width: 700px;
	height: 500px;
	border: 5px solid #49250f;
}

div#pm_plansBottomBar {
	height: 20px;
	padding-left: 5px;
	font-size: 10px;
	color: white;
	width: 705px;
	background: #49250f;
}

div#WzTtDiV {
box-shadow: 6px 6px 6px #575757;
-webkit-box-shadow: 6px 6px 6px #575757;
-moz-box-shadow: 6px 6px 6px #575757;
}

div#WzTtDiV  b,strong{
	color: #49250f;
}

div#WzTtDiV button{
	float: right;
	border: 1px solid black;
	height: 18px;
	background: white;
	font-size: 9px;
	padding-top: 3px;
	font-family: arial;
	margin-top: 0px;
	margin-right: 0px;
	width: 50px;
}

/* div#WzTtDiV button:hover {
	background: black;
	color: white;
	border: 1px solid white;
}*/

div#pm_plansBottomBar a { color: white; }

span.feedback { margin-left: 72px; }

div#pm_mapLoader > div#loader {
	font-family: verdana;
	font-size: 16px;
	color: #49250f;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 200px;
}

div#pm_mapLoader > div#loader img {
	margin-top: 20px;
	border: 0;
}