/* CSS Document - styles.css */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img { border: none; }

html,body { height: 100%; }
body {
	font: 11px/15px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
	background-color: #000;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
h1,
h2 { font-size: 18px; line-height: 18px; height: auto; }
h3 { font-size: 15px; line-height: 15px; height: auto; }
div { position: relative; height: 1%; }

a { text-decoration: none; font-weight: bold; }
big { font-weight: bold; }
p small { line-height: normal; }

/* Index/Layout */

#top,
#container,
.sdBottom,
#footerPart,
#footer,
#footer-nav { width: 782px; }

#top {
	margin: 0 auto;
	text-align: left;
}

#flash {
	background-color: #0f0f0f;
	height: 325px;
	border-bottom: 4px solid #fff;
}

#container {
	float: left;
	height: auto;
/*	background: #741304 url(../images/container-bg.jpg) repeat-x top left;*/
	background: #741304;
}
	
		/* Red */
		#homeContent { float: left; }
		#emailContent,
		#galleryContent { clear: both; width: 782px; }
		#archiveContent,
		#newsContent {
			float: left;
			background: url(../images/r-red-bg_news.jpg) repeat top left;
			width: 782px; height: auto;
		}
			#homeContent a,
			#emailContent a,
			#newsContent a,
			#archiveContent a,
			#galleryContent a { color: #f7ff75; }
			#homeContent a:hover,
			#emailContent a:hover,
			#newsContent a:hover,
			#archiveContent a:hover { color: #fafafa; text-decoration: underline; }
			div.redBg {
				float: left;
				background: url(../images/red-bg.jpg) no-repeat top left;
				width: 782px; height: auto;
			}
						div.redBgNews {
				float: left;
				background: url(../images/red-bg_news.jpg) no-repeat top left;
				width: 782px; height: auto;
			}

			#homeLeft {
				background: url(../images/img-san-diego.jpg);
				width: 310px; height: 422px;
			}
			#emailLeft {
				background: url(../images/img-join-list_sm.jpg); background-repeat:no-repeat;
				width: 190px; height: 269px;
			}
			#newsLeft,
			#archiveLeft { width: 213px; }
			#newsRight { width: 769px; }
			#archiveRight { width: 569px; }
			#homeRight {width: 450px; }
			#emailRight { width: 590px; }
				#homeRight h1,
				#emailRight h1,
				#newsRight h1,
				#archiveRight h1 { text-shadow: #000 2px 2px 2px; }
				#homeRight p,
				#emailRight p,
				#newsRight p,
				#archiveRight p {
					padding: 0 35px 12px 26px;
					font: 11px/19px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
				}
				#newsRight p strong { font-size: 13px; text-shadow: #000 2px 2px 2px; }
		/* Archive / Gallery */
		#galleryContent { float: left; width: 782px; }
 			#galleryContent h1 { text-shadow: #000 2px 2px 2px; }
			#galleryContent p {
				padding: 0 35px 12px 26px;
				font: 11px/19px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
			}
			
		
		/* Blue */	
		#retailContent,
		#contactContent {
			float: left;
			background: url(../images/r-blue-bg.jpg) repeat top left;
			width: 782px; height: auto;
		}
		
		#contactContent a,
			#contactContent a { color: #f7ff75; size:11px; }
			#contactContent a:hover,
			#contactContent a:hover { color: #fafafa; text-decoration: underline; }
			
			#retailContent a,
			#contactContent a { color: #f7ff75; }
			#retailContent a:hover,
			#contactContent a:hover { color: #fafafa; text-decoration: underline; }
			div.blueBg {
				float: left;
				background: url(../images/blue-bg.jpg) no-repeat top left;
				width: 782px; height: auto;
			}
			#retailLeft,
			#contactLeft { width: 213px; }
				#retailLeft p,
				#contactLeft p { padding: 0 12px 12px 25px; }
			#retailRight,
			#contactRight { width: 569px; }
				#retailRight h1,
				#contactRight h1 { text-shadow: #333 2px 2px 2px; }
				#retailRight p,
				#contactRight p {
					padding: 0 35px 12px 26px;
					font: 11px/19px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
				}
				
		/* Brown/Peach */
		#residentialContent,
		#siteKeyContent,
		#featuresContent,
		#floorPlansContent,
		#locationContent,
		#teamContent,
		#videoContent {
			float: left;
			background: url(../images/r-brown-bg.jpg) repeat top left;
			width: 782px; height: auto;
		}
			#residentialContent a,
			#siteKeyContent a,
			#featuresContent a,
			#floorPlansContent a,
			#locationContent a,
			#teamContent a,
			#videoContent a { color: #a51400; }
			#residentialContent a:hover,
			#siteKeyContent a:hover,
			#featuresContent a:hover,
			#floorPlansContent a:hover,
			#teamContent a:hover,
			#locationContent a:hover,
			#teamContent a:hover,
			#videoContent a:hover { color: #fafafa; text-decoration: underline; }
			div.brownBg {
				float: left;
				background: url(../images/brown-bg.jpg) no-repeat top left;
				width: 782px; height: auto;
			}
			#resLeft,
			#siteKeyLeft,
			#featuresLeft,
			#floorPlansLeft,
			#locationLeft,
			#teamLeft,
			#videoLeft { width: 213px; }
				#resLeft p,
				#siteKeyLeft p,
				#featuresLeft p,
				#floorPlansLeft p,
				#locationLeft p,
				#teamLeft p,
				#videoLeft p { padding: 0 12px 12px 25px; }
			#resRight,
			#siteKeyRight,
			#featuresRight,
			#floorPlansRight,
			#locationRight,
			#teamRight,
			#videoRight { width: 569px; color: #000; }
				#resRight h2,
				#siteKeyRight h2,
				#featuresRight h2,
				#floorPlansRight h2,
				#locationRight h2,
				#teamRight h2,
				#videoRight h2 { text-shadow: #fff 2px 2px 2px; }
				#featuresRight h3,
				#teamRight h3 { padding: 2px 35px 5px 26px; text-shadow: #fff 2px 2px 2px; }
				#featuresRight ul { padding: 0 35px 14px 42px; list-style: outside disc; }
					#featuresRight li { margin-bottom: 5px; }
				#resRight p,
				#siteKeyRight p,
				#featuresRight p,
				#floorPlansRight p,
				#floorPlansRight table,
				#locationRight p,
				  #locationRight ul { padding: 0 35px 14px 42px; list-style: outside disc; }

				#teamRight p,
				#videoRight p,
				#videoRight object,
				#videoRight embed,				
				#videoRight table {
					padding: 0 35px 12px 26px;
					font: 11px/19px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
				}
					#floorPlansRight table td,
					#videoRight table td { padding: 10px 32px 10px 0; }
				
				.sdBottom { height: 48px; background: url(../images/txt-san-diego.jpg) no-repeat; clear: both; }

	#footer {
		background: url(../images/footer-bg.jpg) repeat-x; height: 36px;
		margin: 0 auto;
		text-align: left;
	}
		#footerAddress {
			background: url(../images/footer.jpg);
			width: 391px; height: 36px;
		}
			#footerAddress span { display: none; }
	#footer-nav {
		margin: 0 auto; text-align: left; color: #222;
	}
		#footer-nav  ul { padding: 4px 0 0; }
		#footer-nav li {
			padding: 0 2px 0 5px;
			display: inline;
			font-size: 11px; line-height: 11px;
			border-left: 1px solid #333;
		}
		#footer-nav li.none { border-left: none; }
		#footer-nav a { color: #6a6a6a; }
		#footer-nav a:hover { color: #fafafa; text-decoration: underline; }

/* Headers */
.hdr-default { background-repeat: no-repeat; height: 64px; }
	.hdr-default span { display: none; }
#hdr-archive { background-image: url(../images/hdr/archive.jpg); }
#hdr-contact { background-image: url(../images/hdr/contact.jpg); }
#hdr-email-list { background-image: url(../images/hdr/email-list.jpg); }
#hdr-available-units { background-image: url(../images/hdr/available-units.jpg); }
#hdr-features { background-image: url(../images/hdr/features.jpg); }
#hdr-featuredHomes {  background-image:url(../images/hdr/featuredHomes.jpg); } 




#hdr-floorplans { background-image: url(../images/hdr/floorplans.jpg); }
#hdr-gallery { background-image: url(../images/hdr/gallery.jpg); }
#hdr-gen-info { background-image: url(../images/hdr/gen-info.jpg); }
#hdr-home { background-image: url(../images/hdr/home.jpg); }
#hdr-news { background-image: url(../images/hdr/news.jpg); }
#hdr-retail { background-image: url(../images/hdr/retail.jpg); }
#hdr-site-key-plan { background-image: url(../images/hdr/site-key-plan.jpg); }
#hdr-icon-team { background-image: url(../images/hdr/icon-team.jpg); }
#hdr-location { background-image: url(../images/hdr/location.jpg); }
#hdr-video { background-image: url(../images/hdr/video.jpg); }
#hdr-virtual-tours { background-image: url(../images/hdr/virtual-tours.jpg); }
#hdr-lobby { background-image: url(../images/hdr/lobby.jpg); }
#hdr-one-bed { background-image: url(../images/hdr/one-bed.jpg); }
#hdr-two-bed { background-image: url(../images/hdr/two-bed.jpg); }
#hdr-townhome { background-image: url(../images/hdr/townhome.jpg); }
#hdr-loft { background-image: url(../images/hdr/loft.jpg); }
#hdr-live-work { background-image: url(../images/hdr/live-work.jpg); }
#hdr-exterior { background-image: url(../images/hdr/exterior.jpg); }

/* Classes */

.float { float: left; }
.clear { clear: both; }
.rule { margin: 12px 35px 12px 26px; border-bottom: 2px solid #9a3727; }
	.rule hr { display: none; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.img-left { float: left; padding: 0 7px 1px 0; }
.img-right { float: right; padding: 0 0 1px 7px; }
img.border { border: 5px solid #000; }

table.tbl-au td { padding: .25em .5em; border-bottom: 1px solid #a74333; }
table.tbl-au td table td { border: none !important; }

/* Overlay */

#overlay { position: relative; top: -385px; margin: 0 auto; width: 683px; height: 192px; }

/* Unit Container */

.unit-container,
.uc-img
{
	float: left;
	width: 193px;
	height: 191px;
	position: relative;
}

.unit-container { background: transparent url('../images/unit-container.png') no-repeat top left; }

.sm-unit-container,
.sm-uc-img
{
	float: left;
	width: 65px;
	height: 64px;
	position: relative;
}

.sm-uc-img { margin: 2px; }
	
.sm-unit-container { background: transparent url('../images/sm-unit-container.png') no-repeat top left; }

.lg-unit-container,
.lg-uc-img
{
	float: left;
	width: 333px;
	height: 250px;
	position: relative;
}

.lg-unit-container { background: transparent url('../images/lg-unit-container.png') no-repeat top left; }

	.uc-label
	{
		color: #fff !important;
		text-decoration: none !important;
		display: block;
		width: 193px;
		height: 191px;
	}
		.uc-label strong
		{
			font: bold 14px/15px "Helvetica", "Arial", sans-serif;
			position: relative;
			top: 138px;
			left: 18px;
		}
		.uc-label em
		{
			position: relative;
			top: 136px;
			left: 18px;
		}
		
/* View Options */

#view-options
{
	position: absolute;
	width: 176px;
	height: 15px;
	right: 28px;
}
	#view-options li
	{
		float: left; 
		padding-right: .65em;
	}

	#view-options li img { vertical-align: middle; }

	#view-options a:hover { text-decoration: none !important; }

/* Pagination */

ul.pagination
{
	position: relative;
	width: 450px;
	padding: .5em 0;
	left: 28%;
}

	ul.pagination li
	{
		float: left;
		display: inline;
	}

	ul.pagination li a
	{
		float: left;
		display: inline;
		padding: .35em .45em;
		margin-right: .5em;
		border: 1px solid #80937b;
		color: #27627f;
	}
	
	ul.pagination li a:hover
	{
		background-color: #333;
		color: #ccc;
		text-decoration: none !important;
	}
	
	ul.pagination li a.active
	{
		background-color: #bdcebe;
		color: #000 !important;
	}


/* Pod Items */

.pod
{
	width: 202px;
	margin: 1.5em 2.5em 1.5em 0;
	float: left;
}
	.pod-first { margin-left: 3.75em; }
	
	.pod p { padding: 0 0 0 12px !important; }
	
	.pod table
	{
		width: 193px;
		margin-left: 12px;
		clear: both;
	}
	
		.pod table tr td p { padding: 0 !important; }
		
	.pod span { color: #fff !important; }
	
	.pod em { font-style: normal !important; }
	
.btn-more-info { margin-top: 12px; }