@import 'lib/reset.css';
@import 'lib/typography.css';
@import '/lib/css/global-footer.css';
@import "/lib/css/thickbox.css";
@import "/lib/css/jquery.validationEngine.css";


/***********************************************/
/* Global Rules	                               */
/***********************************************/

html,body {
	background: #fffef1;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:100%; /* needed for container min-height */
}

sup {
	line-height: 0; /* keep the leading consistent in a paragraph */
	font-size: 8px;
}

a.btn:link, a.btn:visited, a.btn:active {
	background: transparent url(../images/bg-btn.jpg) no-repeat;
	display: block;
	width: 154px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 11.5px;
	font-weight: bold;
	padding: 2px 0 0 0;
	text-transform: uppercase;
	color: #fff;
}

a.btn:hover {
	text-decoration: underline;

}

a.btn-video:link, a.btn-video:visited, a.btn-video:active {
	background: transparent url(../images/bg-btn-video.jpg) no-repeat;
	display: block;
	width: 200px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 11.5px;
	font-weight: bold;
	padding: 2px 0 0 0;
	text-transform: uppercase;
	color: #fff;
}

a.btn-video:hover {
	text-decoration: underline;

}

a.btn-black:link, a.btn-black:visited, a.btn-black:active {
	background: transparent url(../images/bg-btn-black.jpg) no-repeat;
	display: block;
	width: 111px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 11.5px;
	font-weight: bold;
	padding: 2px 0 0 0;
	text-transform: uppercase;
	color: #fff;
}

a.btn-black:hover {
	text-decoration: underline;

}

/***********************************************/
/* Layout 	                                   */
/***********************************************/

#container { 
	width: 1012px;
	padding: 0;
	position:relative; /* needed for footer positioning*/
	margin: 20px auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/***********************************************/
/* nav	 	                                   */
/***********************************************/


#nav, #nav ul { /* all lists */
	font-family:"Sabon", "Times New Roman", Times, serif;
	width: 1012px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

#nav a {
	display: block;
	font-size: 14px;
	color: #3f3e3d;
	text-decoration: none;
}

#nav a:hover {
	color: #8c7350;
}

#nav li { /* all list items */
	float: left;
	padding: 12px 0 12px 31px;
	
}

#nav li ul { /* second-level lists */
	background-color: #fffef1;
	width: 175px;
	position: absolute;
	padding: 10px 0 10px 0;
	margin: 0 0 0 -8px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	margin: 0;
	padding: 3px 15px 0 15px;
}

#nav li ul a {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
}

#nav li ul a:hover {
	text-decoration: underline;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#home #nav-home a,
#living #nav-living a,
#location #nav-location a,
#residences #nav-residences a,
#events #nav-events a,
#contact #nav-contact a {
	color: #8c7350;
 }


/***********************************************/
/* content	                                   */
/***********************************************/

#content {
	width: 1000px;
	padding: 5px;
	background: #fff;
	border: solid 1px #d4d3d0;
	clear: both;
	overflow: hidden;
}

/***********************************************/
/* flash content                               */
/***********************************************/

#flashcontent {
	width: 1000px;
	margin-bottom: 5px;
}

/***********************************************/
/* copyHolder                                  */
/***********************************************/

#copyHolder {
	width: 721px;
	padding: 25px 0px 18px 35px;
	float: left;

}

#copyHolder img {
	float: left;
	margin: 0 15px 10px 0;

}


#copyHolder h1 {
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

#copyHolder h2 {
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	color: #7a634e;
}


#copyHolder h2 a {
	color: #7a634e;
	text-decoration: none;
}

#copyHolder h2 a:hover {
	text-decoration: underline;
}

#copyHolder p {
	width: 640px;
	font-size: 11.5px;
	line-height: 20px;
	
}

#copyHolder ul {
	font-size: 11.5px;
	margin: 0 0 18px 18px;
	list-style-image: url(../images/diamond.gif);
	
}

#copyHolder ul.shops {
	float: left;
	width: 200px;	
}

#copyHolder ul li img {
	float: none;
	margin: 0 3px 0 0;
}

#copyHolder ul li a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#copyHolder ul li a:hover {
	color: #8c7350;
	text-decoration: underline;
}

#copyHolder ul ul li a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

#copyHolder ul ul li a:hover {
	color: #8c7350;
	text-decoration: underline;
}


#copyHolder p a {
	color: #8c7350;
	text-decoration: none;
}

#copyHolder p a:hover {
	text-decoration: underline;
}

#copyHolder ol {
	clear: both;
}

#copyHolder ol li {
	float: left;
	margin: 5px 30px 0px 0px;
}

#copyHolder ol li.first {
	width: 311px;
}

#copyHolder ol li.last {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	float: none;
}

#copyHolder p.note {
	font-size: 10px;
	padding: 0;
	margin: 18px 0 5px 0;
	line-height: normal;
	
}

#copyHolder label a {
	color: #8c7350;
	font-weight: normal;
	text-decoration: none;
}

#copyHolder label a:hover {
	text-decoration: underline;
}

#globalfooter p.disclaimer {
	font-size: 9px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 35px 0px 50px 0px;
}

#copyHolder #page a {
	color: #8c7350;
	text-decoration: none;
}

#copyHolder #page a:hover {
	text-decoration: underline;
}

/***********************************************/
/* policyHolder 	                           */
/***********************************************/

#policyHolder {
	width: 400px;
	padding: 25px 0px 18px 35px;

}

#policyHolder p {
	width: 390px;
	font-size: 11.5px;
	line-height: 20px;
}

/***********************************************/
/* form styles                                 */
/***********************************************/

#formHolder { padding: 20px; margin: 0; width: 280px;}
#formHolder h2 {
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	color: #7a634e;
}

#formHolder form { width: 280px;}

form {
	width: 505px;
}

label {
	font-size: 10px;
	display : block;
	margin: 0px 0px 3px 0px;
}

label.fix {
	display: inline;
	margin: 0px 0px 3px 0px;
}

input, select, textarea {
	font-size: 10px;
	border: solid 1px #c5c5c5;
	color: #71706b; 
	font-weight: normal;
	background: #fff;
	padding: 1px;
}

input, select {
	width: 200px;
}

.radio-fix {
	width: 10px;
	border: none;
	background: none;
	width:auto;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 20px 0px 20px 0px;
	width: 430px;
}

.btn {
	cursor: pointer;
	border: none;
	background: transparent url(../images/bg-btn.jpg) no-repeat;
	display: block;
	width: 154px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 11.5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

/***********************************************/
/* form	validation		                       */
/***********************************************/


input.required, textarea.required, select.required {
	border: 1px solid #7f9db9; 
}

input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #c9002b;
	color : #c9002b;
}

input.validation-passed, textarea.validation-passed, select.validation-passed {
}

.validation-advice {
	font-size: 11.5px;
	width: 114px;
	color : #c9002b;
	padding: 2px 0px 2px 0px;
}

.custom-advice {

}


/***********************************************/
/* sidebar                                     */
/***********************************************/

#sidebar {
	font-weight: normal;
	background: transparent url(../images/bg-diamond.gif) repeat-y;
	width: 224px;
	padding: 30px 10px 30px 10px;
	float: right;
	text-align: center;
	color: #fff;
}

#sidebar h3 {
	font-family:"Sabon", "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 11px 0;
	color: #fff;	
}

#sidebar p {
	font-size: 11.5px;
	margin: 0 0 30px 0;

}

#sidebar p.smallnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin: 0 0 10px 0;

}

#sidebar p.phone {
	font-family:"Sabon", "Times New Roman", Times, serif;
	margin: 0 0 1px 0;
	font-weight: bold;
	font-size: 18px;
	color: #a68f6f;

}

.ptt {
	margin: 0 auto;
}

#contactbar {
	font-weight: normal;
	width: 224px;
	padding: 20px 10px 30px 10px;
	float: right;
	text-align: center;
}



/* Thickbox
-------------------------------------------------------------- */
#TB_title {color: #fffef1; background-color: #a68f6f; height: 27px; border: none;}
#TB_window {border: 4px solid #fffef1;}
#TB_window a:link {color: #fffef1;}
#TB_window a:visited {color: #fffef1;}
#TB_window a:hover {color: #fffef1;}
#TB_window a:active {color: #fffef1;}
#TB_window a:focus{color: #fffef1;}