@charset "UTF-8";
/* Charleston Homes CSS 2010 */

body {
	margin: 0;
  	padding: 0;
}

img {
	border:none;
}

#header {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:113px;
	text-align:center;
	background-image:url(../images/headers/master-header.jpg);
}

#menu {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:610px;
	height:31px;
	text-align:center;
	background-color:#FFF;
	z-index:80
}

#sddm
{	margin: 0;
	padding: 0;
	text-align:center;
	z-index: 30
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 100 13px helvetica;
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 8px 10px;
	width: 80px;
	background: #FFF;
	color:#000;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background:#DEB408;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #DEB408;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 8px 0px 8px 10px;
		padding-left:14px;
		width: 128px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #DEB408;
		color: #000;
		font: 100 13px helvetica;}

	#sddm div a:hover
	{	background: #1a120b;
		color: #DEB408;
}

#main1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:912px;
	text-align:center;
	background-color:#e3e2c6;
	z-index:1
}

#yellowbar {
	position:absolute;
	top:333px;
	left:0px;
	width:20px;
	height:580px;
	background:url(../images/yellow-chevron-bar.jpg) #deb408;
	background-repeat:no-repeat;
	z-index:6
}

#commpicker {
	position:absolute;
	top:50px;
	left:473px;
	width:383px;
	height:447px;
	z-index:6;
	background-color: #eee;
}

#flex {
	position:absolute;
	top:0px;
	left:0px;
	width:295px;
	height:262px;
	background-image:url(../images/stew-mill/flex-elv1.jpg);
	background-repeat:no-repeat;
	z-index:7;
}

#terrace {
	position:absolute;
	top:0px;
	left:295px;
	width:295px;
	height:262px;
	background-image:url(../images/stew-mill/terrace-elv1.jpg);
	background-repeat:no-repeat;
	z-index:7;
}

#garden {
	position:absolute;
	top:0px;
	left:590px;
	width:295px;
	height:262px;
	background-image:url(../images/stew-mill/garden-elv1.jpg);
	background-repeat:no-repeat;
	z-index:7;
}



#submenu {
	background-color:#24180c;
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:50px;
}

#submenulinks {
	position:absolute;
	left:55px;
	top:18px;
	width:673px;
	height:35px;
	text-align:left;
}

.yellowlinks a {
	font: 500 15px helvetica;
	color:#DEB408;
	text-decoration:none;
}

.yellowlinks a:hover {
	font: 500 15px helvetica;
	color:#FFF;
	text-decoration:none;
}

#main2 {
	position:absolute;
	top:69px;
	left:12px;
	width:417px;
	height:76px;
	z-index:6
}

#floorplanlinks {
	position:absolute;
	top:384px;
	left:57px;
	width:174px;
	height:95px;
	text-align:left;
	color:#1a120b;
	z-index:6
}

.commlinks a {
	font: 100 24px helvetica;
	color:#FFF;
	text-decoration:none;
}

.commlinks a:hover {
	font: 100 24px helvetica;
	color:#d2a600;
	text-decoration:none;
}

#flexlink {
	position:absolute;
	top:448px;
	left:32px;
	width:205px;
	height:32px;
	text-align:left;
	font: 100 24px helvetica;
	color:#FFF;
	z-index:8
}

#terracelink {
	position:absolute;
	top:448px;
	left:326px;
	width:257px;
	height:32px;
	text-align:left;
	font: 100 24px helvetica;
	color:#FFF;
	z-index:8
}

#gardenlink {
	position:absolute;
	top:448px;
	left:622px;
	width:241px;
	height:32px;
	text-align:left;
	font: 100 24px helvetica;
	color:#FFF;
	z-index:8
}


#stewmillcopy {
	position:absolute;
	top:156px;
	left:167px;
	width:109px;
	height:165px;
	font: 400 13px helvetica;
	color:#1a120b;
	line-height:17px;
	text-align:justify;
	z-index:6
}

.namelinks a {
	font: 400 14px helvetica;
	color:#1a120b;
	line-height:18px;
	text-align:justify;
	text-decoration:none;
}

.namelinks a:hover {
	font: 400 14px helvetica;
	color:#d2a600;
	line-height:18px;
	text-align:justify;
	text-decoration:none;
}


#phone {
	position:absolute;
	top:230px;
	left:41px;
	width:377px;
	height:31px;
	text-align:left;
	font: 400 17px helvetica;
	color:#1a120b;
	z-index:6
}

#floorplans {
	position:absolute;
	background-color:#FFF;
	top:50px;
	left:427px;
	width:464px;
	height:448px;
	text-align:right;
	z-index:7
}

#maindivider {
	position:absolute;
	top:272px;
	left:239px;
	width:8px;
	height:213px;
	background-image:url(../images/yellow-divider-large.jpg);
	background-repeat:no-repeat;
	z-index:7
}
	

#findoutmore {
	position:absolute;
	top:271px;
	left:727px;
	width:150px;
	height:20px;
}

#quicklinks {
	position:absolute;
	left:0px;
	top:310px;
	height:188px;
	width:900px;
	text-align:left;
	background-color:#e4e2c6;
	z-index:2
}

#quick1 {
	position:absolute;
	left:26px;
	top:310px;
	height:188px;
	width:218px;
	background-color:#e4e2c6;
	z-index:3
}

#quick2 {
	position:absolute;
	left:244px;
	top:310px;
	height:188px;
	width:218px;
	background-color:#e4e2c6;
	z-index:3
}

#quick3 {
	position:absolute;
	left:463px;
	top:310px;
	height:188px;
	width:218px;
	background-color:#e4e2c6;
	z-index:3
}

#quick4 {
	position:absolute;
	left:682px;
	top:310px;
	height:188px;
	width:218px;
	background-color:#e4e2c6;
	z-index:3
}



.findoutmore a {
	font: 500 15px helvetica;
	color:#DEB408;
	text-decoration:none;
}

.findoutmore a:hover {
	font: 500 15px helvetica;
	color:#FFF;
	text-decoration:none;
}

#newsupdate {
	position:absolute;
	top:498px;
	left:0px;
	width:145px;
	height:76px;
	background-color:#FFF;
	border:solid;
	border-color:#333;
	border-width:0px 0px 0.5px 0px;
	text-align:left;
	z-index:5
}

#footer {
	position:absolute;
	top:498px;
	left:144px;
	width:755px;
	height:75px;
	background-color:#FFF;
	border:solid;
	border-color:#333;
	border-width:0px 1px 1px 0px;
	text-align:left;
	z-index:4
}

#news {
	margin:0;
	padding:0;
	text-align:left;
}

#news li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 400 12px helvetica
	}
	
#news li a {	
	display: block;
	margin: 0;
	padding: 0px 0px 0px 10px;
	width: 11.75em;
	height:65px;
	background: #FFF;
	color:#1a120b;
	text-align: left;
	text-decoration: none}

#news li a:hover {	
	border:solid;
	border-width:0px 0px 10px 0px;
	border-color:#DEB408;
}

.boldchevron {
	color: #DEB408;
	font-weight:bold;
	font-family:helvetica;
}

#divider1 {
	position:absolute;
	top:12px;
	left:151px;
	width:2px;
	height:49px;
	background-image:url(../images/yellow-divider.jpg);
	background-repeat:no-repeat;
	z-index:5
}

#divider2 {
	position:absolute;
	top:12px;
	left:303px;
	width:2px;
	height:49px;
	background-image:url(../images/yellow-divider.jpg);
	background-repeat:no-repeat;
	z-index:5
}

#divider3 {
	position:absolute;
	top:12px;
	left:453px;
	width:2px;
	height:49px;
	background-image:url(../images/yellow-divider.jpg);
	background-repeat:no-repeat;
	z-index:5
}

#divider4 {
	position:absolute;
	top:12px;
	left:605px;
	width:2px;
	height:49px;
	background-image:url(../images/yellow-divider.jpg);
	background-repeat:no-repeat;
	z-index:5
}

#sitemaplinks {
	position: relative;
	top:81px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:800px;
	height:25px;
	font: 400 11px helvetica;
	line-height:15px;
	z-index:6
}

.floorplanlinks a {
	text-decoration:none;
	font: 100 17px helvetica;
	color:#1a120b;
}

.floorplanlinks a:hover {
	text-decoration:none;
	font: 100 17px helvetica;
	color:#DEB408;
}

.floorplanheadersmall {
	text-decoration:none;
	font: 100 13px helvetica;
	color:#1a120b;
}

.sitemaplinks a {
	text-decoration:none;
	font: 400 11px helvetica;
	color:#1a120b;
}

.sitemaplinks a:hover {
	text-decoration:none;
	font: 400 11px helvetica;
	color:#DEB408;
}

.sitemapdivider {
	font: 600 12px helvetica;
	color:#1a120b;
}

.blueselect {
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

.blueselect2 {
	width:181px;
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

.blueselect3 {
	width:255px;
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

.blueselect4 {
	width:325px;
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

.submit_button {
	color: #1a120b;
	background: #FFF;
	font-weight: bold;
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

.submit_button:hover {
	color: #1a120b;
	background: #DEB408;
	border: 1px solid #1a120b;
	border-left: 4px solid #1a120b;
}

#imagemap a {
	position: absolute;
  	height: 38px;
  	width: 88px;
  	top: 31px; 
  	text-decoration: none;
	z-index:90;
  }

#imagemap a i { visibility: hidden; }

a#elv1 {
	top: 161px;
	left:720px;
	width:27px;
	height:48px;
}

a#elv2 {
	top: 262px;
	left:684px;
	width:26px;
	height:47px;
}

a#elv3 {
	top: 276px;
	left:626px;
	width:29px;
	height:47px;
}

a#elv4 {
	top: 415px;
	left:787px;
	width:25px;
	height:50px;
}

a#elv5 {
	top: 369px;
	left:714px;
	width:29px;
	height:45px;
}

a#elv6 {
	top: 447px;
	left:720px;
	width:34px;
	height:42px;
}

#choosetheone {
	position:absolute;
	top:166px;
	left:31px;
	width:400px;
	height:35px;
	font: 100 21px helvetica;
	color:#1a120b;
	text-align:left;
}

#address {
	position:absolute;
	top:330px;
	left:45px;
	width:419px;
	height:90px;
	font: 100 14px helvetica;
	text-align:left;
	line-height:21px;
	z-index:6
}

#hours {
	position:absolute;
	top:330px;
	left:262px;
	width:259px;
	height:95px;
	font: 100 14px helvetica;
	text-align:left;
	line-height:21px;
	z-index:7
}

#phone {
	position:absolute;
	top:405px;
	left:45px;
	width:420px;
	height:53px;
	font: 100 14px helvetica;
	text-align:left;
	line-height:23px;
	z-index:12
}

.boldheader {
	font: 400 19px helvetica;
	line-height:33px;
}

.boldheadercall {
	font: 400 24px helvetica;
	line-height:33px;
}