﻿@charset "utf-8";

/*********************/
/*** NORMALIZATION ***/
/*********************/
/* Normalizes margin, padding */
body, div, dl, dt, dd, uo, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
/* Normalizes font-style for headers */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
/* Removes list-style for lists */
ol, ul {list-style:none;}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
/* Removes 
Duncan - I removed this because cell spacing was being removed which didn't look good in FF for db pages/tables*/
/*table {border-collapse:collapse; border-spacing:0;}*/
/* Removes border from fieldset and img */
fieldset, img {border:0;}
/* Left-aligns text in caption and th */
caption, th {text-align:left;}
/* Removes quotation marks from q */
q:after, q:after {content:'';}




/*** CSS LAYOUT ***/
html, body, #container 	{margin:0; padding:0; height:100%; border:none;}

html 		{background:#301701 url(../media/bg_header.gif) repeat-x;}
body 		{/*position:absolute; top:50%; left:0px; width:100%; margin-top:-340px; text-align:left;*/
			scrollbar-face-color:#301707; 
			scrollbar-arrow-color:#ffffff; 
			scrollbar-track-color:#4a1f02; 
			scrollbar-shadow-color:#ffffff; 
			scrollbar-highlight-color:#ffffff; 
			scrollbar-3dlight-color:#301707; 
			scrollbar-darkshadow-Color:#301707; 
			}

#container				{position:absolute; margin:0 auto; width:100%; text-align:left; vertical-align:middle;}

div#wrapper				{position:relative; margin:0 auto; width:850px; height:685px; background-color:#ffffff; text-align:left;}
div#wrapperb			{position:relative; margin:0 auto; width:850px; height:685px; background-color:#ffffff; text-align:left;}
div#columnFull			{position:absolute; top:28px; left:15px; width:820px; height:632px; background-color:#301701;}
div#columnLeft			{position:absolute; top:28px; left:15px; width:575px; height:632px; background-color:#301701;}
div#columnLeftb			{position:absolute; top:28px; left:15px; width:575px; height:632px; background-color:#301701;}
div#columnLeft img#builder	{position:absolute; top:216px; left:35px; width:420px; height:200px;}

div#columnRight			{position:absolute; overflow:hidden; top:28px; left:593px; width:242px; height:632px; background-color:#301701;}
div#columnRight p		{margin:0; padding:0px 10px 10px 10px; line-height:1.5em;}

div#logoCharlie			{position:relative; top:0px; left:0px; width:242px; height:142px; border-bottom: 3px solid #ffffff;}
div#homeTag				{position:relative; top:0px; left:0px; width:242px; height:142px; border-bottom: 3px solid #ffffff;}

div#logoGGH				{position:relative; top:660px; left:645px; width:190px; height:25px;}



div#news				{text-align:right; margin:0px 10px 10px 10px;  padding:0px 0px 3px 0px; border-bottom: 1px solid #fff;}
div#news a 				{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#41C4DC;}
div#news a:hover	 	{text-decoration:none; color:#ffffff;}
div#news p				{text-align:left; margin:0; padding:0; font: normal 8pt/1.5 Arial, sans-serif;}
div#news h1				{text-align:left; margin:0; padding:25px 0px 15px 0px;}
div#news img			{text-align:left; margin:0; padding:5px 0px 0px 0px;}

div#rightNav				{text-align:left; height:100px; margin:0px 10px 0px 10px;}
div#rightNav a 				{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#ffffff;}
div#rightNav a.on			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#41C4DC;}
div#rightNav a:hover	 	{text-decoration:none; color:#41C4DC;}
div#rightNav h1				{margin:0; padding:10px 0px 3px 0px;}
div#rightNav h1 a 			{text-decoration:none; color:#41C4DC; line-height:7pt;}
div#rightNav h1 a:hover	 	{text-decoration:none; color:#ffffff;}


div#rightContent				{position:relative; top:0; left:10px; width:222px; text-align:left; height:365px;}
div#rightContent p				{margin:0; padding:0; font: normal 10pt/1.5 Arial, sans-serif;}
div#rightContent div#scroll		{position:absolute; height:310px; width:225px; left:0; bottom:0; overflow-x:hidden; overflow-y:scroll;}
div#rightContent div#scroll p	{margin:0; padding-right:5px; font: normal 10pt/1.5 Arial, sans-serif;}
div#rightContent div  			{position:absolute; left:0; bottom:0;}
div#rightContent div a 			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#41C4DC;}
div#rightContent div a:hover	{text-decoration:none; color:#ffffff;}
div#rightContent div p			{margin:0; padding:0; font: normal 10pt/1.5 Arial, sans-serif;}
div#rightContent div h2			{margin:0; padding:0px 0px 25px 0px;}
div#rightContent img#header		{margin:0; padding:30px 0px 40px 0px;}

div#rightContent img#headerct	{margin:0; padding:15px 0px 10px 0px;}



div#leftCopy					{position:absolute; top:30px; left:40px; width:500px; height:500px;}
div#leftCopyb					{position:absolute; top:5px; left:20px; width:550px; }
div#leftCopyb p					{margin:10px 0px 20px 0px; padding:0; font: normal 9pt/1.5 Arial, sans-serif;}
div#leftCopy p					{text-align:left; margin:10px 0px 20px 0px; padding:0; font: normal 9pt/1.5 Arial, sans-serif;}
div#leftCopy p img				{margin:0px 0px 300px 20px;}
div#leftCopy p img#tag			{margin:0px 0px 75px 20px;}

div#rightPlans					{position:relative; top:30px; width:242px; text-align:center;}





/*** NAVIGATION ***/
div#topNav 						{position:absolute; top:0px; left:15px; margin:0; padding:0; border:0; height:28px;}
div#topNav  ul 					{margin:0; padding:0; list-style:none; line-height:28px;}
div#topNav  li 					{float:left; margin:0; padding:0px 10px 0px 0px; text-align:center;}
div#topNav  li a 				{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#301701;}
div#topNav 	li a:hover 			{text-decoration:none; color:#41C4DC;}

div#register					{position:absolute; top:0px; left: 605px; margin:0; padding:0; border:0; height:28px;}
div#register  ul 				{margin:0; padding:0; list-style:none; line-height:28px;}
div#register  li 				{float:left; margin:0; padding:0; text-align:center;}
div#register  li a 				{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#41C4DC;}
div#register  li a:hover 		{text-decoration:none; color:#301701;}

div#globalNav 					{position:absolute; top:0px; left:700px; margin:0; padding:0; border:0; height:28px;}
div#globalNav  ul 				{margin:0; padding:0; list-style:none; line-height:28px;}
div#globalNav  li 				{float:left; margin:0; padding:0px 10px 0px 0px; text-align:center;}
div#globalNav  li a 			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#301701;}
div#globalNav  li a:hover 		{text-decoration:none; color:#41C4DC;}

div#globalSkip 					{position:absolute; top:0px; left:785px; margin:0; padding:0px 0px 0px 0px; border:0; height:28px; width:50px; text-align:right;}
div#globalSkip	a	 			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#301701; line-height:28px;}
div#globalSkip  a:hover 		{text-decoration:none; color:#41C4DC;}

div#footerNav 					{position:absolute; top:665px; left:15px; width:600px; margin:0; padding:0; border:0; height:12px;}
div#footerNav  	ul 				{margin:0; padding:0; list-style:none; line-height:12px;}
div#footerNav  	li 				{float:left; margin:0; padding:0px 10px 0px 0px; text-align:center;}
div#footerNav	li a 			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#301701;}
div#footerNav	li a:hover 		{text-decoration:none; color:#41C4DC;}

div#audio 						{position:absolute; top:10px; left:797px; margin:0; padding:0; border:0; height:8px; width:40px;}

div#planNav 					{position:relative; top:0px; margin: 0 auto; padding-bottom:40px; width:120px;}
div#planNav ul 					{margin:0; padding:0; list-style:none;}
div#planNav li 					{width:120px; text-align:left; margin:0px; padding-bottom:3px;}
div#planNav	li a 				{display:block; text-indent:5px; text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#41C4DC; line-height:15px; border: 1px solid #4a1f02;}
div#planNav	li a.on				{display:block; text-indent:5px; text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#ffffff; line-height:15px; border: 1px solid #ffffff;}
div#planNav	li a:hover 			{text-decoration:none; color:#ffffff; border: 1px solid #ffffff;}

div#plansList					{position:relative;  margin: 0 auto; width:140px; text-align:left;}



/*** TOP NAV ON STATES ***/
#architecture #navArchitecture a,
#neighbourhood #navNeighbourhood a,
#amenities #navAmenities a,
#view #navView a,
#plans #navPlans a,
#interiors #navInteriors a,
#builder #navBuilder a,
#team #navTeam a,
#new #navNew a, 
#contact #navContact a,
#video #navVideo a,
#privacy #navPrivacy a, {color:#41C4DC;}


table#floorPlans			{width:160px; margin-top:10px;}
table#floorPlans a 			{text-decoration:none; font: bold 7pt/1.5 Arial, sans-serif; color:#ffffff;}
table#floorPlans a:hover	{text-decoration:none; color:#41C4DC;}



a:link 			{text-decoration:none; color:#ffffff;}
a:hover, a:hover:visited 		{text-decoration:none; color:#41C4DC;}
a:visited 			{text-decoration:none; color:#ffffff;}

/*** SEARCH BOX ***/
div#searchbox					{
	/*position:relative;*/
	width:150px;
	text-align:center;
	line-height: 15px;
}

/******************/
/*** TYPOGRAPHY ***/
/******************/

body {font: 8pt/1.5 Arial, sans-serif; color:#ffffff;}

h1 {font-size:7pt; line-height:7pt; font-weight:bold; color:#41C4DC; text-transform:uppercase;}
h2 {font-size:9pt; line-height:9pt; font-weight:bold; color:#41C4DC;}

.ct1 {font: Arial, sans-serif; font-size:7pt; line-height:1.6; font-weight:bold; color:#41C4DC; }

.ct2 {font: Arial, sans-serif; font-size:8pt; line-height:1.6; font-weight:bold; color:#FFFFFF; }

.ct3 {font: Arial, sans-serif; font-size:8pt; line-height:1.6; font-weight:bold; color:#FFFFFF; }

strong {font-weight:bold;}



div#galleryHeader p {color:#000000; font-size:8pt; letter-spacing:0px; margin-top:0.5em;
}
.small_b {
	font-size: 9px;
	color: #999999;
	text-transform: lowercase;
}
.small_b_upper {
	font-size: 9px;
	color: #999999;
	text-transform: uppercase;
	text-align: right;
}
.small_c {
	font-size: 9px;
	color: #999999;
}
.bold {
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #CCCCCC;
}
A.model-link {
	color: #41C4DC;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
A.model-link:hover {
	color: #FFFFFF;
	text-transform: uppercase;
}
.tb_bg {
	background-color: #3F2001;
	text-indent: 5px;
}
A.previous-link {
	color: #41C4DC;
	text-transform: uppercase;
	font-size: 9px;
/*	border: 1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;*/
}
.search_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #41C4DC;
	background-color: #301701;
	width: 120px;
	border: 1px solid #4a1f02;
}
.submit-btn {
	height: 14px;
	width: 67px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #301701;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
A.previous-link:hover {
	color: #FFFFFF;
	text-transform: uppercase;
}
div#previous-page {
	/*	text-align: right;*/
	position: relative;
}
div#pdf-page {
	/*	text-align: right;*/
	position: relative;
	left: 400px;
	width: 300px;
}
.plan_results {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
.green {
	color: #009900;
}
.wide-250 {
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.font-12 {
	font-size: 12px;
}
.red, .red_bold {
	font-size: 9px;
	color: #623100;
}

a.blue {
	color: #41C4DC;
}
a.blue:visited, a.blue:active {
	color: #41C4DC;
}
a.blue:hover, a.blue:hover:visited {
	color: #FFFFFF;
}
.blue_text {
	color: #41C4DC;
}
.blue_text_18 {
	color: #41C4DC;
	font-size:18px;
}



