body, html 	{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000000;}
body		{background: #000 url('../images/bgr_page.jpg') repeat-x; font-size: 12px;}

a 			{text-decoration: none; color: #f04b30;}
a:hover 	{color: #f04b30; text-decoration: underline;}

p 			{margin: 0 0 1.1em 0; padding: 0;}
td 			{vertical-align: top;}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #b20500;}
h1 {font-size : 18px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 16px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 14px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 12px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
.projectTitle {font-size: 40px; font-weight: normal; line-height: 1.0em; margin-bottom: 15px;}

.imgLeft 	{float: left; margin: 0 20px 15px 0;}
.imgRight 	{float: right; margin: 0 0 15px 20px;}

.redText {color: cc0000;}
.introPara {font-size: 14px; font-weight: bold;}

/* Basic layout definition */
#header,
#topNav,
#pageContent,
#footer {width: 960px; margin: 0 auto 0 auto; clear: both;}

/* Header */
#header 	{}
#tel 		{float: right;}
#tel img 	{}

/* Top Navigation */
#topNav 			{background: url('../images/bgr_topnav.gif') repeat-x; height: 30px;}
#topNav ul 			{margin: 0; padding: 0; list-style: none;}
#topNav li 			{float: left; padding: 0;}
#topNav a 			{color: #fff; font-weight: bold; font-size: 12px; padding: 0; text-decoration: none;}
#topNav a.selected,
#topNav a:hover 	{color: #FFF;}

#topNav ul.dropdown 		{position: absolute; top: 29px; background-color: #c60c00; z-index: 100; display: none;}
#topNav ul.dropdown li		{clear: both !important; border-bottom: 1px solid #f26e66; width: 100%;}
#topNav ul.dropdown a 		{display: block; padding: 4px 10px 4px 18px; text-decoration: none; color: #FFF; font-weight: bold;}
#topNav ul.dropdown a:hover {background-color: #000; color: #fff;}

/**
HOME PAGE
**/

/* Homepage Block */
#mainBanner 				{}
#mainBanner .leftPanel 		{width: 275px; height: 467px; float: left;}
#mainBanner .rightPanel 	{width: 230px; height: 467px; float: left;}


/* Slideshow */
#slideshow 					{position: relative; height: 467px; width: 455px; overflow: hidden; float: left;}
#slideshow ul 				{margin: 0; padding: 0; list-style: none;}
#slideshow li 				{position: absolute; top: 0; left: 0; z-index:1;}
#slideshow li.selected 		{z-index:3;}
#slideshow li.lastSelected 	{z-index:2;}
#slideshow #skin 			{position: absolute; top: 0; left: 0; z-index:10;}

#hpPanel 					{clear: both; background: url('../images/bgr_hp_content.jpg') no-repeat 0 0; color: #c8bcb8; padding: 0 0 15px 0;}
#hpPanel h1 				{color: #d09c89;}
#hpPanel .threeColGrid 		{}
#hpPanel .threeColGrid td 	{width: 33%; font-size: 11px; padding: 0 10px 0 10px;}
#hpPanel .thumbnail 		{float: left; border: 2px solid #FFF; margin: 0 15px 20px 0;}
#hpPanel .colOne,
#hpPanel .colTwo 			{border-right: 1px solid #71342f;}
#hpPanel .intro 			{font-size: 12px;}


/**
PAGE
**/

/* Page Banner */
#pageBanner 		{}
#pageBanner h1 		{color: #FFF; position: absolute; top: 60px; left: 670px; font-size: 24px; width: 280px; text-align: right;}

/* Page Content */
#pageContent 		{}
#mainCopy 			{background: #fff url('../images/bgr_page_content.jpg') repeat-x left bottom; padding: 25px 25px 25px 25px;}
#mainCopySlim 		{background: #fff url('../images/bgr_page_content.jpg') repeat-x left bottom; padding: 10px; height: 100%;}

/* Sub Navigation */
#rightPanel 				{width: 170px; float: right; padding: 0px 0px 0 20px; margin: 0px 0 30px 30px; font-size : 9pt; border-left: 1px solid #d7eff6; vertical-align: top; }
ul.subNav 					{list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.subNav li 				{border-bottom: 1px solid #d6d6d6; padding: 1px 0 2px 0;font-weight: bold;}
ul.subNav li a 				{font-size: 11px;}
ul.subNav li a:hover 		{text-decoration: none;}
ul.subNav h4 				{list-style: none; margin: 0 0 5px 0;}
ul.subNav a.selected 		{font-weight: bold;}
ul.subNav a.selected:hover 	{text-decoration:none;}

#pageTitle		{height: 41px; background: #eae7e1 url('../images/bgr_page_title.jpg') repeat-x 0 0;}
#pageTitle h1 	{padding: 7px 25px 0 25px; font-size: 22px; letter-spacing: -1px;}

#projectPreview 			{float: left; width: 575px; height: 553px; margin: 0 20px 0 0; position: relative; overflow: hidden;}
#projectPreview ul 			{margin: 0; padding: 0; list-style: none;}
#projectPreview li 			{position: absolute; top: 0; left: 0; z-index:1;}
#projectPreview li.selected {z-index:3;}
#projectPreview li.lastSelected 	{z-index:2;}

#projectList 				{width: 330px; float: left;}
#projectList td 			{font-size: 12px; padding: 0 0 30px 0;}
#projectList .thumbnail 	{margin: 0 15px 0 0;}
#projectList h2 			{margin: 0;}
#projectList h3 			{margin: 0 0 4px 0;}

#floorPlansGrid td 			{width: 25%;}
#floorPlansGrid h2,
#floorPlansGrid h3 			{margin: 0;}
#floorPlansGrid .thumbnail 	{margin: 0 0 15px 0; border: 1px solid #b7b7b7;}
#floorPlansGrid .descr 		{width: 200px;}

/* Gallery Panel */
#galleryPanel		{}
#galleryPanel td 	{padding: 0 0 15px 0;}

/* Floorplan Panel */
#floorplansPanel		{}
#floorplansPanel td 	{padding: 0 0 15px 0;}
#floorplansPanel img 	{border: 1px solid #ababab;}

/* Project Grid  */
.projectGrid td 			{}
.projectGrid .leftColumn 	{width: 630px;}
.projectGrid .rightColumn 	{width: 250px; padding: 0 0 0 30px;}
.projectGrid .mainPhoto 	{margin: 0 0 20px 0;}

.hightlightBlock 			{background: #cc0000; padding: 1px 2px 2px 2px; color: #fff; font-size: 11px; margin: 5px 0 0 0; font-weight: bold; line-height: 1.1em;}
.hightlightBlock a 			{color: #fff; text-decoration: none; display: block; background: #cc0000;}
.hightlightBlock a:hover 	{background: #ff0000;}

.highlightLink 			{color: #fff; padding: 1px 5px 2px 5px; margin: 5px 0 0 0; text-decoration: none; display: block; background: #cc0000; line-height: 1.1em; font-size: 11px; font-weight: bold;}
.highlightLink:hover 	{background: #ff0000; color: #fff; text-decoration: none;}

#PricingPanel 				{padding: 10px; margin: 10px 0 0 0; background: #f3f1ee; border: 4px solid #e5e1d9;}
#PricingPanel .pricingGrid 	{margin: 30px 0 0 0;}
#PricingPanel td 			{padding: 4px;}
#PricingPanel .priceLabel 	{background: #75716c; color: #fff; font-weight: bold; line-height: 1.0em;}
#PricingPanel .price 		{background: #990900; color: #fff; font-size: 16px; line-height: 1em; font-weight: bold; text-align: center; padding-top: 15px;}
#PricingPanel .price a 		{color: #fff;}
#PricingPanel .price a:hover {}
#PricingPanel h2 			{border-bottom: 1px solid #c3bfb8; padding-bottom: 5px;}

#locationPanel 		{border: 5px solid #75716c;}
#locationPanel td	{padding: 8px;}
#locationPanel .map {margin: 0 15px 0 0; border: 5px solid #fff;}

.bitTitle {font-size: 16px;}

/* Footer */
#footer 						{line-height: 1.1em; padding: 8px 0 8px 0; font-size: 11px; color: #828282;}
#footer #copyright 				{float: left;}
#footer #bottomLinks 			{padding-right: 0; color: #666; text-align: center;}
#footer #bottomLinks a 			{padding: 5px;}
#footer #socialMediaBar 		{text-align: center; padding: 0 0 10px 0;}
#footer #socialMediaBar a 		{color: #f04b30;}
#footer #socialMediaBar a:hover {color: #fff; text-decoration: none;}
#footer #socialMediaBar img 	{margin-left: 2px; margin-right: 2px; vertical-align: middle;}
#footer .disclaimer 			{text-align: center;}

/* Forms */
form 			{padding: 0px; margin: 0px;}
input, textarea {padding-left:2px; padding-right:2px; border: 1px solid #9e9e9e;}


