/* -----Main Page Attributes----- */

/* -- Color Scheme -- */
/* <!-- #781515; (maroon) 
	#796a15; (dk gold) 
	#dad386; (lt creme) 
	#a39336; (mid gold) 
	#8b7a16; (md dark gold) --> */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,a,img{
	margin:0;
	padding:0;
 } 

img {
	border: 0;
}

/* TEXT ELEMENTS */
body {
 font-size: 75%;
}
  
html>body {
	font-size: 12px;
}
  
p {	
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
 }


body {
	background-color:#781515;
	width: 100%;
	margin: 0 auto;
	font-family: 'Times New Roman', 'Garamond', serif;
	background-image: url('CCback.jpg');
}

#cc_name {
	position: fixed;
	left: 2px;
	top: 5px;
	width: 50px;
	height: 600px;
	background-image: url('CCname.png');
}


#wrapper {
	position: absolute;
	width: 90%;
	top: 0px;
	left: 5%;
	height: 100%;
	background-color: transparent;	
	}

/* --Text-- */
h1, h2, h3, h4, p {
width: 89%;
}

h1 {
	color: #dad386;
	font-family: 'Arial', san-serif;
}

h2 {
	color: #796a15;
	font-family: 'Arial', san-serif;
	text-decoration: underline;
}

h3 {
	color: #796a15;
	font-family: 'Arial', san-serif;
}

h4 {
	text-decoration: underline;
}

a, a:visited {	color: #796a15;
	text-decoration: none;
	font-family: 'Arial', san-serif;
}

p {	color:black;

	font-family: 'Arial', san-serif;
	text-align: justify;
}

form p, #copy1_sub p {
width: 98%;
}

h1 {
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em; 
} 


h2, h3{
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em; 
}

h4 {
	font-size:1.1667em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em; 
}

.sidenote {
	font-size:0.8333em;
	line-height:1.8em; 
}


/* -----Page Layouts----- */
/* -----Header----- */
#frame_out_left {
	position: fixed;
	height: 100%;
	background-color: transparent;
	border-left: 5px solid black;
	z-index: 101;}

#frame_out_rgt {
	position: fixed;
	left: 95%;
	height: 100%;
	background-color: transparent;
	border-left: 5px solid black;
	z-index: 101;}

#cc_logo {
	position: fixed;
	left: 6%;
	width: 88%;
	height: 75px;
	margin-left: 2px;
	background-image: url('cc_top.jpg');
	background-repeat: repeat-x;
background-color: black;
z-index: 101;
}


#top { position: fixed;
	width: 90%;
	overflow: hidden;
	z-index: 100;
	background-color: black;
}


#header_ {
	position:relative;
	left:0px;
	top:0px;
	width:150px;
	height:100px;
	background-color: black;
}

#header-stretch_ {
	position:relative;
	left:150px;
	top:0px;
	width:100%;
	height:100px;
	background-color: black;


}

#frame-03_ {
	position:fixed;
	left:95%;
	margin-left: -25px;
	top:0px;
	width:25px;
	height:100px;
	background-color: black;
}

/* -----Page Layouts----- */
/* -----Admin Bar----- */

#admin_bar {
position: relative;
margin-top: 10px;
background-color: black; 
color:#a39336;
z-index: 4;
}

.admin_spacer {

}

.admin_form {
position: relative;
border: 1px solid #a39336;
padding: 0px 5px;
width: 90%;
}

/* -----Page Layouts----- */
/* -----Body----- */

#center {
	position: relative;
	top:75px;
	width:99%;
	height: 1250px;
	background-color: #dad386 ;
	background-image: url('http://www.coastalcontractors.net/images/center_background.gif');
	background-repeat: repeat-x;
	margin-right: 25px;
	padding-top: 25px;
	z-index: 1;
}

/* -----Body Elements----- */
/* -----Content Capsule----- */

#spanishmoss {  /* BACKGROUND Spanish Moss */
	position: fixed;
	background-image: url('http://www.coastalcontractors.net/images/spanishmoss.png');
	width: 681px;
	height: 444px;
	left: 60%;
	top: 65%;
	margin-left: -340px;
	margin-top: -222px;
	z-index:0;
}

#magnoliacourt {  /* BACKGROUND Magnolia Court */
	position: fixed;
	background-image: url('http://www.coastalcontractors.net/images/spanishmoss.png');
	width: 681px;
	height: 444px;
	left: 60%;
	top: 65%;
	margin-left: -340px;
	margin-top: -222px;
	z-index:0;
}

#batteryshores {  /* BACKGROUND Battery Shores */
	position: fixed;
	background-image: url('http://www.coastalcontractors.net/images/spanishmoss.png');
	width: 681px;
	height: 444px;
	left: 60%;
	top: 65%;
	margin-left: -340px;
	margin-top: -222px;
	z-index:0;
}

#sold {
float: left;
width: 50px;
height: 50px;
background-image: url('sold.png');
}

#spec {
float: left;
width: 50px;
height: 50px;
background-image: url('spec.jpg');
}

/* -----Single Column Layouts----- */
#copy1 { /* 1 Column Layout */
	position:relative;
	background-color:transparent; 
	margin-left: 150px;
	margin-right: 15px;
	margin-bottom: 57px;
	min-width: 600px;
	border: 10px solid transparent;
overflow: hidden;
}

#copy1_sub {
	width: 99%;
	background-image: url('left_column_05.png');
	padding: 5px;
}

/* -----Two Column Layouts----- */
#copy2 {  /* 2 Column Layout */
	position:relative;
	background-color:transparent;
	margin-left: 150px;
	margin-right: 200px;	
	margin-bottom: 57px;
	min-width: 400px;
	border: 10px solid transparent;
}



#col2 { /* 2nd Column */
	float: right;
	width: 180px;
	border: 10px solid transparent;
	padding-right: 10px;
	z-index: 2;
}
.copy2_body {
	background-image: url('left_column_05.png');
	padding: 5px;
}

.copy2_body table{ 
position: relative;
z-index: 4;
}
/* -----Body Elements----- */
/* -----Content Capsule----- */
/* -----Image Controls----- */

#contentmap_link { /* community page image link */
	margin-left: 10%;
}

.thumbnail a img, .tnail_spec a img {border: 3px double #796a15;}

.tnail_large {
	position: relative;
	text-align: center;
	z-index: 99;
}

.tnail_cont {
position: relative;
width: 400px;
height: 300px;
}

.thumbnail2 {
float: left;
	border: 1px solid #dad386;;
	margin: 2px;
	padding: 2px;
	}

.tnail_spec {
position: relative;
padding-bottom: 2px;
z-index: 99;
}

.margins {
	margin: 10px;
	padding: 0;
	background-color: transparent;}

.contentmap {display: inline;
	float: right;
	text-align: left;
	margin-right: 2em;
	padding: 0 1em 0 1em;
	border: 1px solid black;
}

#spacer {
	position: relative;
	width: 10px;
	background-color: transparent;
}

.cleardiv {
	clear:both;
}

#table1000 {
	position: relative;
	width: 780px;
	height: 800px;
	padding: 0;
}

.table100 {float: left;
	padding: 0;
	margin: 0;
	}

/* -----Page Layouts----- */
/* -----Footer----- */

#bottom {
	position: fixed;
	top:100%;
	width: 90%;
	overflow: hidden;
	z-index: 100;
	background-color: black;
}

#right-stretch_ {
	position:fixed;
	left:95%;
	margin-left: -25px;
	top:100px;
	width:25px;
	height:100%;
	background-image: url('http://www.coastalcontractors.net/images/bkg.gif');
	background-color: #a39336;
	border-left: 3px solid #796a15;


}
#footer-cont {
	left: 50%;
	margin-left: -250px;
	position: fixed;
	background-color: black;
	width: 500px;
	height: 25px;
	z-index: 105; 
	text-align: center;
}
	
#footer-cont ul {
	position: relative;
	top: 5px;
	padding: 0;
	list-style-type: none;
	}

#footer-cont li {
	display: inline;
	color: black;
	background-color: black;
	}

#bottom_left_corner {
	position: fixed;
	top: 100%;	
	left: 5%;	
	margin-top: -25px;
	width: 150px;
	height: 25px;
background-color: transparent;
	z-index: 103;

}
	
#footer-stretch_ {
	position:fixed;
	left:50%;
	margin-left: -45%;
	top: 100%;
	margin-top: -25px;
	margin-right: 25px;
	width:90%;
	height:25px;
background-color: black;
	z-index: 100;
}

#footer-rcorner_ {
	position:fixed;
	left: 95%;
	top:100%;
	margin-top: -25px;
	margin-left: -25px;
	width:25px;
	height:25px;
	background-color: black;
	z-index: 110;
}



#lclegends {
	position: relative;
	top: 5px;
	left:50%;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-family: 'Script MT Bold', 'Zapf Chancery', cursive;
	z-index: 111;
}

.listings {
float:left; 
display:inline; 
width:40%; 
height:75px;
background-color: #a39336; 
margin: 2.5px;
padding: 5px;
}



#lot_features_block {
width: 89%;
}

.listinghead {
	position: relative;
	height: 600px;
}

/* -----Body Elements----- */
/* -----Navigation Menu----- */

#navwin_ {
	position:fixed;
	left:5%;
	top:100px;
	width:150px;
	height:100%;
	background-color: #a39336;
	z-index: 10;
	background-image: url('http://www.coastalcontractors.net/images/bkg.gif');
	border-right: 3px solid #796a15;
}

#nav_top {
	position: relative;
	width: 150px;
	height: 25px;
	background-color: #a39336;
	background-image: url('http://www.coastalcontractors.net/images/bkg.gif');
	border-right: 3px solid #796a15;
}



/* -----Body Elements----- */
/* -----Navigation Menu----- */
/* -----Based on - A List Apart----- */
.nav {
	width: 130px;
	margin-left: 7px;
	border: 3px solid black;
	padding: 2px;
	background-color: #8b7a16;
	overflow: hidden;
}

.nav li {
  /*float the main list items*/
	margin: 0;
	display: block;
	list-style-type: none;
	margin-left: 0px;
	border: 0px;
}


.nav li a {
  /*for all links in the list*/
  font-weight: bold;
  display: block;
  height: 15px;
  width: 120px;
  padding: 5px;
}

.nav ul ul, .nav ul ul ul, .nav ul {
background-color: black;
#overflow: hidden;
}

.nav ul li {
/* set positioning for uls */
position: relative;
top:0px;
/* left: -40px; */
}

.nav ul ul li {
/* set positioning for uls */
position: relative;
top:0px;
/*left: -70px;
 #left: -40px; */
}

.nav ul ul ul li {
/* set positioning for uls */
position: relative;
top:0px;
height:21px;
/*left: -105px;
 #left: -40px; */
}


/* UL Borders */
.nav ul li, .nav ul ul li, .nav ul ul ul li{
border: 1px solid black;
#border: 0px;
#border-top: 1px solid black;
}


/* -- Display Menu Colors -- */
/* <!-- #781515; (maroon) 
	#796a15; (dk gold) 
	#dad386; (lt creme) 
	#a39336; (mid gold) 
	#8b7a16; (md dark gold) --> */
/* tier1 */

.nav li a {
/* T1 normal mode */
	color: #a39336;
	background-color:black;
}
.nav li a:hover {
/* T1 hover mode */
	color: 	#dad386;
	background-color: black;
}
.nav li.on a, .nav li.on a:hover { 
/* T1 current mode */
	color: 	#dad386;
	background-color: black;
}

/* tier 2 */
.nav ul li.off a {
/* T2 normal mode */
	color: #796a15;
	background-color: #dad386;
}

.nav ul li.on a, .nav ul li.on a:hover {
/* T2 current mode */
	color: #796a15;
	background-color: #dad386;
}
.nav ul li.off a:hover{
/* T2 hover mode */
	color: black;
	background-color: #dad386;
}

/* tier 3 */

.nav ul ul li.on a, .nav ul ul li.on a:hover  {
/* T3 normal mode */
	color: #dad386;
	background-color: #8b7a16;
}

.nav ul ul li.off a {
/* T3 normal mode */
	color: #dad386;
	background-color: #8b7a16;
}
.nav ul ul li.off a:hover{
/* T3 hover mode */
	color: #dad386;
	background-color: #796a15;
}

/* tier 4 */
.nav ul ul ul li.off a {
/* T4 normal mode */
	color: #dad386;
	background-color: #a39336;
}

.nav ul ul ul li.on a, .nav li.on li.on li.on li.on a:hover {
/* T4 current mode */
	color: white;
	background-color: #a39336;;
}
.nav ul ul ul li.off a:hover, .nav ul ul ul li.on a:hover{
/* T4 hover mode */
	color: white;
	background-color: #a39336;
}

/* LEED FOR HOMES */

#LEEDforHomes {
	float: right;
	width: 104px;
	height: 145px;
	margin: 0px 5px 0px 10px;
	background-image:url('http://www.coastalcontractors.net/images/LEED_images/LEEDLogo.jpg');
}

.javabutton {
	display:inline;
}

.javabutton img {
	border: 1px solid black;
}