@charset "UTF-8";
/* CSS Document containing rules for all browsers
   Layout markup by Jason Hogue and original concept design by James Re at Highchair designhaus */

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

body {
	background-color: rgb(217,212,198);
	color: #666; 
	font-size: 10px; 
	line-height: 12px; 	
}
img, img a, a img { border: none; }
a { text-decoration: none; }
a:hover {  }

#southangell {
	width: 1000px; 
	margin: 0 auto 2em auto; 
	background-color: #fff; 
}
#header {
	background: top right repeat url("/lib/cssimages/bluestripes.png") transparent; 
	min-height: 115px; 
}
	img#logo { 
		float: left; 
		padding: 0 1em 0 0; 
	}
	#header h1 {
		padding: 50px 10px 0 0; 
		color: #444; 
		font: italic 2.4em "Times New Roman", Times, serif; 
	}
	#navigation {
		clear: both;
		text-align: right; 
		margin: .5em; 
		padding: 0 .3em .2em .3em; 
		font: normal 15px "Times New Roman", Times, serif;
	}
	#navigation a {
		margin: 0 .3em 0 0; 
		padding: 0 .4em 0 0; 
		text-decoration: none; 
		border-right: 1px solid #444;  
		color: #444; 
	}
		#navigation a.last { border-right: none; padding: 0; }
		#navigation a:hover { color: #00aecb; } 
		#navigation a.tour { color: #00aecb; }
		#navigation a.tour:hover { color: #000; text-decoration: none; }
	#subnav { padding: 5px 0 0 0; }
	#subnav a { color: #666; }
	#subnav a:hover { color: #b65; }
	
#wrapper, #unitshome, #unitpage {
	margin: 1em 0 0 0; 
}
	#left, #right {
		font-size: 13px; 
		line-height: 24px; 
	}
		#left #images { line-height: 0px; }
		#left #images img { margin: 0 -4px 0 0; }
		#left .threesidebyside img { width: 243px; }
		
		#left p.twitterbug { padding: 8px 0 8px 10px; font-size: 1.2em; font-weight: bold; }
			#left p.twitterbug a { color: #222; }
			#left p.twitterbug a:hover { color: #b65; }
			#left p.twitterbug a img { padding-right: 6px; }
	
	#right { float: right; }
		#right h2, #left h2 {
			color: #b65;
			font: italic 24px "Times New Roman", Times, serif; 
		}
			#right h2.red, #left h2.red { color: #c87; }
			#unitshome #right h2, #unitshome #left h2 { color: #00aecb; padding: 5px 0 8px 0; }
		#right p, #right ul, #left p, #left ul { padding: 0 10px 8px 0; }
			#left p, #left ul, #left h2 { padding-left: 10px; }
		#right ul, #right li, #left ul, #left li { margin: 0 0 0 14px; }
		#right a, #left a { color: #00aecb; }
		#right a:hover, #left a:hover { color: #000; }
		
		a.virtualtour {  }
		
		#right font.blue { color: #00aecb; } 
		#hometext { padding: 17px 0; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: center; }
		#hometext p { line-height: 18px; }
		#updatenav { padding: 10px 0; } 
		#updatenav a { 
			font: bold 16px Arial, Helvetica, sans-serif; 
			padding: 3px 3px 1px 3px;
			margin: 0 2px 0 0; 
			background-color: #999; 
			color: #fff; 
		}
		#updatenav a:hover { 
			background-color: #00aecb; 
		}
		
#wrapper #left, #unitpage #left { width: 730px; }
#wrapper #right, #unitpage #right { width: 250px; }
#unitshome { background-color: #ffd; }
	#unitshome #left { width: 504px; }
	#unitshome #right { width: 484px; }
#unitpage { background-color: #fafacc; /*background: top right repeat url("/lib/cssimages/right_blueback.jpg") #fafacc;*/ }
	#unitpage #right { padding: 14px 0 0 0; }
	
	dl#residences { padding: 8px 0 0 0; }
		dl#residences a { color: #333; }
		dl#residences a:hover { color: #00aecb; }
		dl#residences dt {
			color: #c87; 
			font-size: 24px; 
			margin: 7px 0 -19px 0; 
		}
		dl#residences dd {
			margin: 0 0 0 56px; 
		}
		div.sold, div.reserved {
			display: inline; 
			font: normal 13px "Times New Roman", Times, serif; 
			padding: 2px 3px 1px 3px; 
			border: 1px solid #444; 
		}
			div.sold {
				letter-spacing: 2px; 
				background-color: #c87; 
				color: #000; 
			}
			div.reserved {
				background-color: #00aecb; 
				color: #fff; 
			}
	dl#upgrades { 
		margin: 0 10px 10px 0; 
		line-height: 18px; 
		border-bottom: 1px solid #996; 
	}
		dl#upgrades dt { border-top: 1px solid #996; }
		dl#upgrades dd { margin: -18px 0 0 200px; }
		dl#upgrades dd font { font-weight: bold; color: #c87; }
	
	form#contactform { }
		dl#contact { padding: 0 0 10px 0; }
		dl#contact dt {
			margin: 5px 0 -21px 0;
		}
		dl#contact dd {
			margin: 0 0 0 78px;
		}
			dl#contact dd input, dl#contact dd textarea {
				padding: 1px; 
				width: 320px; 
			}
			dl#contact dd input[type="submit"] {
				width: 80px; 
				font: normal 13px "Times New Roman", Times, serif; 
				padding: 2px 3px 1px 3px; 
				background-color: #00aecb; 
				color: #fff; 
				border: 1px solid #444;
			}
			dl#contact dd input[type="submit"]:hover {
				background-color: #00aecb; 
				color: #000; 
			}
	
div.hr {
	background: top center no-repeat url("/lib/cssimages/horizrule.jpg") transparent; 
	height: 15px; 
}
div.clearit {
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
}
	#footer {
		height: 1.6em; 
		padding: .4em 0; 
		background-color: rgb(217,212,198);
		border-left: 2.4em solid #b65; 
	}
		#footer h5 { 
			color: #888; 
			padding: 1px 0 0 6px; 
			font: normal 11px Arial, Helvetica, sans-serif; 
		}

a.pdf { background: top left no-repeat url("/lib/cssimages/pdf-icon.png") transparent; padding: 0 0 0 14px; }

/* ! Static positioned Armory bar - - - */
#armory_link_ring {
	position: fixed; 
	bottom: 0px; 
	right: 0px; 
	background-color: #b65; 
	color: #ccc; 
	padding: 4px 6px 3px 6px; 
	-webkit-border-top-left-radius: 5px; 
}
	#armory_link_ring a { color: #ccc; text-decoration: none; margin: 0 2px; }
	#armory_link_ring a:hover { text-decoration: underline; }