body {
	background-image:url(http://coastalhabitats.com/images/bg_01.jpg);
	background-repeat:repeat-x;
	background-color:#0082c8;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
	}
	
	

.agdet {float:right;
		clear:right;
		width:400px;
		vertical-align:top;
		font-size:12px;
		line-height:14px;
}
.test {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}


.aginfo {
	float:left;
	clear:left;
	width:500px;
	text-align:justify;
	vertical-align:top;
	padding-bottom:30px;
	}

.aginfo2 {
	float:left;
	clear:left;
	width:900px;
	text-align:justify;
	vertical-align:top;
	padding-bottom:30px;
	}

a {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #666666;
}
a:active {
	color: #999999;
	text-decoration: none;
}


.button1 a { background-image:url(http://coastalhabitats.com/images/img_05.jpg); 
display:block;
width:80px;
height:50px; }
.button1 a:hover { background-image:http://coastalhabitats.com/url(images/mouse_05.jpg); displaylock;width:80px;height:50px; }




.main {background-color:#FFFFFF;

}

.footer   {
	text-align:left;
	width:100%;
	background-image:url(http://coastalhabitats.com/images/footerbar.jpg);
	background-repeat:repeat-x;
	height:42px;
	clear:both;			
}

.footer a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
		}
		
.footer a:hover  {
		color:#d1dd47;
		font-family:verdana, tahoma, arial;
		font-size:10px;		
		
}

.head {font-size: 16px;
		font-weight:bold;
		color:#f57b20;
}
.header {
		vertical-align:top;
		width:1100px;
		background-color:#FFFFFF;
}

.high {
font-size: 14px;
	font-weight:bold;
	color: #4c4c4d;
	}


	
.logo {
	float:left;
	clear:left;
	width:375px;
	height:80px;
	background-image:url(../images/coastallogo.gif);
	background-repeat:no-repeat;
	background-position: center top;
	margin-left: 5px;
	margin-top: 10px;
}
.ma { color:#4c4c4d;
		font-weight:bold;
		font-size:12px; }

.menu {
	float:right;
	clear:right;
	height: 50px;
	width: 570px;
	margin-top: 0px;
		}

.propdet {
		float:right;
		clear:right;
		width:400px;
		vertical-align:top;
		font-size:12px;
		line-height:14px;
		}

.propinfo { float:left;
		clear:left;
		width:500px;
		text-align:justify;
		vertical-align:top;
		padding-bottom:30px;
		}

.realprop { float:right;
			clear:right;
			width:350px;
}

.subpage {
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:20px;
	margin-top: 0px;
}
.wrapper {
	background-color:#FFFFFF;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.grad1 {
	background-image: url(../images/gradient1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F2F2F2;
}
.frameblue {
	background-image: url(../images/frame.gif);
	background-repeat: no-repeat;
	height: 110px;
	width: 156px;
	position: absolute;
	z-index: 2;
	margin-top: -6px;
	margin-left: -3px;
}
.listborder {
	background-image: url(../images/gradient1.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}
.listborderblue {
	background-image: url(../images/gradient2.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #0082C8;
	border-bottom-color: #0082C8;
	border-left-color: #0082C8;
	background-color: #F0F9FF;
}

.listbordergreen {
	background-image: url(../images/gradient3.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #8ab466;
	border-bottom-color: #8ab466;
	border-left-color: #8ab466;
	background-color: #D1EDBD;
}

.wrapper2 {margin:0 auto; 
		width:920px;
		
} 
.btmbtn {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 19px;
}
.dots {
	margin-right: 15px;
	clear: right;
	float: right;
	height: 169px;
	width: 60px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.frntbtns {
	clear: left;
	float: left;
	height: 250px;
	width: 890px;
	margin-left: -25px;
}
.new {
	margin-right: 60px;
}
.legaltext{
	height: 130px;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.loginform {
	clear: right;
	float: right;
	margin-top: 0px;
	width: 500px;
	padding-top: 15px;
}

.logintexthome {
	font-family: Tahoma;
	font-size: 10px;
	color: #666666;
}
/* this is the CSS for the menu that you will need. */

#nav {
	width: 520px;
	clear: right;
	float: right;
	position: relative;
	margin-top: 3px;
	margin-bottom: 10px;
}

.joingradient {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0066CC;
	background-image: url(http://coastalhabitats.com/images/joingradient.png);
	background-repeat: repeat-x;
	height: 20px;
	border: 1px solid #999999;
}
.homejointext {
	position: absolute;
	z-index: 5;
	height: 356px;
	width: 318px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: 1138px;
	top: 293px;
}
.formwidth {
	width: 680px;
	clear: right;
	float: right;
	text-align: left;
	background-color: #cce4e5;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 15px;	
}
.formwidth2 {
	width: 500px;
	clear: left;
	float: left;
	text-align: left;
background-color: #cce4e5;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom:15px;
	margin-left: 15px;
	
}
fieldset {
	border: 1px solid #999999;
}	 

/* Images ======================================================================== */

.nospam {
	position: absolute;
	background-image: url(http://coastalhabitats.com/images/nospam.png);
	background-repeat: no-repeat;
	z-index: 80;
	height: 85px;
	width: 31px;
	clear: right;
	float: right;
	padding-right: 100px;
	margin-left: 25px;
	left: 306px;
	top: 209px;
}




/* Asterisk on required fields */
form .reqMark {
	color:  #f08c3f;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
}

.mandatory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:  #990000;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 12px;
	padding-bottom: 20px;
}

/* Copyright notice */
.copyright {
	font-size: 11px;
	color: #CCCCCC;
}

/* Form Sections ======================================================================== */
/* Fieldset  */
.fieldse {
	padding: 15px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}	 
	






/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	font-size: small;
}
/* Text inputs / Select label */
label.preField {
	display: block;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	color: #666666;
	font-size: 10px;
	padding-bottom: 4px;
	vertical-align: top;
}
/* Radio / Checkbox group label */
form .label  {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
}
/* Label when inside an inline section */
.inlineSection .oneField .inlineLabel {
	display: block;	
	padding: 0 3px;
	font-weight: bold; 
	margin: 0.4em 4px 0 0;
}



.errmsg {
	color: #990000;
	background-image: url(http://coastalhabitats.com/sign_up/images/redx_small.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-size: 10px;
	font-weight: normal;
	font-family: Tahoma;

	
}

.errmsgbox {
	border: thin double #990000;
	background-color: #FFECEC;
}








/********************************* LiveValidation *************************************/


	
.LV_invalid {
	color: #990000;
	background-image: url(http://coastalhabitats.com/images/redx_small.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;	

	border: 1px solid #990000;
	background-color: #FFECEC;
	position: absolute;

}
	  
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: thin solid #990000;
	background-color: #FFECEC;
}

.realtorinfo {
	color: #336699;
}

/***********************************************show hint*********************************/
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #F0F0F0;
	width: 150px; /*Default width of hint.*/
	padding: 3px;
	line-height:18px;
	z-index:100;
	visibility: hidden;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D2D2CA;
	border-right-color: #D2D2CA;
	border-bottom-color: #D2D2CA;
	border-left-color: #D2D2CA;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: #999999;
	margin: 3px 8px;
}
.hometxt {
	font-weight: normal;
	clear: left;
	float: left;
	width: 480px;
	margin-left: 15px;
	text-align: left;
	color: #666666;
}
.hometxtafter {
	font-weight: normal;
	clear: left;
	float: left;
	width: 100%;
	margin-left: 15px;
	text-align: left;
	color: #666666;
}

.txtform {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #0082C8;
}
.txtform2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #0082C8;
	padding-top: 5px;
	padding-left: 15px;
}
.rightbox {
	clear: right;
	float: right;
	height: 400px;
	width: 500px;
	text-align: left;
	margin-top: -10px;	
}
.rightbox2 {
	clear: right;
	float: right;
	width: 710px;
	text-align: left;
	margin-top: 10px;	
		margin-bottom: 20px;
}
.menu1contain {
	background-image: url(../properties/images/menurepeat2.jpg);
	background-repeat: repeat-y;
}
.menu1{
	clear: left;
	float: left;
	height: 500px;
	width: 229px;
	margin-top: 20px;
}

.menutext{
	background-image: url(../properties/images/menumiddle.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.menutextstyle {
	color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
	margin-top: 15px;

}

 .menutextstyle a {
	color: #FFFFFF;
	margin-top: 15px;

}
 .menutextstyle  a:visited {
	color: #FFFFFF;
	margin-top: 15px;

}

.menutextstyle  a:hover {
	color: #FF6600;
}

.menutextstyleb a {
	color: #FFFFFF;
	margin-top: 15px;

}
 .menutextstyleb  a:visited {
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 15px;

}

.menutextstyleb  a:hover {
	color: #FFFFFF;
}
.bannerad {
	height: 215px;
	width: 937px;
}
.padimg {
	padding: 15px;
		margin: 5px;
}
.nospam {
	position: absolute;
	background-image: url(../images/no-spam-seal-SILVER.png);
	background-repeat: no-repeat;
	z-index: 80;
	height: 145px;
	width: 144px;
	padding-right: 100px;
	margin-left: 25px;
	left: 306px;
	top: 209px;
}

.formloginbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	font-size: 14px;
	background-color: #0082c8;
	border: 0px solid #FFFFFF;
}
.loginbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	font-size: 12px;
	background-color: #0082c8;
	border: 0px solid #FFFFFF;
	width: 80px;
}
.loginbtn2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	font-size: 12px;
	background-color: #0082c8;
	border: 0px solid #FFFFFF;
}
.boxborder {
	border: 2px solid #CCCCCC;
	padding: 10px;
	margin: 10px;
}


.boxborder2 {
	border: 1px solid #CCCCCC;
}
.boxborder3 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
select {
	background-color: #959595;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	border: thin solid #666666;
}

option:hover{
	background-color: #666666;
}
.bordertop {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.titletxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0082C8;
}
.titletxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0082C8;
}
.headertxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0082C8;
}
.citystate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.loginformfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #f0f0f0;
	border: 0px solid #FFFFFF;
	height: 15px;
	vertical-align: middle;
	padding-top: 5px;
}


.menunew a:link  {
	color: #666666;
	text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.greenmenu {
	background-color: #ebed8a;
	height: 30px;
	width: 920px;
	background-image: url(../images/feature2.gif);
	background-repeat: no-repeat;
	background-position: 640px top;
}

.greenmenu_sub {
	background-color: #ebed8a;
	height: 40px;
	width: 920px;
	background-image: url(../images/greentile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.whitelogos{
	height: 80px;
	width: 920px;
	padding-bottom: 4px;
}

.sidemenu{
	width: 200px;
	clear: left;
	float: left;
	padding-right: 10px;
	margin-left: -10px;
}
.sidemenu_sub{
	width: 200px;
	clear: left;
	float: left;
	position: absolute;
	z-index: 999;
}
.topsidemenu{
	width: 200px;
	clear: left;
	float: left;
	padding-top: 30px;
	padding-left: 10px;
}
.topsidemenu_sub{
	width: 200px;
	clear: left;
	float: left;
	padding-right: 10px;
	margin-top: 30px;
}
.maincontent{
	width: 680px;
	clear: right;
	float: right;
	padding-left: 10px;
	background-color: #FFFFFF; 
 
}
.subcontent{
	width: 700px;
	clear: right;
	float: right;
	padding-left: 10px;
	padding-top: 5px;
	background-color: #FFFFFF;
}
.menunew a:visited {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menunew a:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menunew a:active {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#media_wrapper {
	width:920px;
	height:300px;
	
}

#page_video {
	visibility:hidden;
	background-color: #EBEBEB;
}

#imagetab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
	background-image: url(../images/tagoverlay.png);
	height: 53px;
	width: 931px;
	top: 205px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right:auto;
	margin-left:auto;
	position: absolute;
	z-index: 1;
	padding-top: 35px;
	text-transform: uppercase;
}
#imagetab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-image: url(../images/tagoverlay.png);
	height: 53px;
	width: 931px;
	top: 205px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right:auto;
	margin-left:auto;
	position: absolute;
	z-index: 1;
	padding-top: 35px;
	text-transform: uppercase;
}
.imgspacing {
	padding-right: 2px;
	padding-left: 2px;
}


.subnavmenu {
	height: 60px;
	width: 920px;
	padding-left: 200px;
}

.propnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: capitalize;
	font-weight: bold;
	list-style-type: none;
	line-height: 26px;
	margin-right: 5px;
	margin-left: 10px;
}
.propnav a{
	color: #6E6E6E;	
}
.propnav li{
	list-style-type: none;
	margin-left: 0px;
	}
	
.propnav ul{
	list-style-type: none;
	margin-left: 0px;
	}
	
	.contactform1 input{

	margin: 0px;
	padding: 0px;
	
}

.florrtable {
	border: 2px solid #ebed8a;
}
.floors  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
}
.floors li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
}
.floors ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
}

.floors2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	list-style-type: square;
	margin-left: 8px;
	color: #666666;
}
.floors2 li {
	list-style-type: square;
margin-left: 8px;
}
.floors2 ul {
	list-style-type: square;
margin-left: 8px;
}

.propfooterback {
	background-image: url(../images/footer_22.gif);
}
.footerimg {
	margin-top: 20px;
	clear: both;
	background-image: url(../images/images/footerbar_v2_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 100%;
}
.footerpadding {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	clear: both;
	width: 100%;
}
.bottommenu {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 80px;
	text-align: right;
	height: 25px;
	padding-top: 0px;
	position: relative;
	top: 0px;
}
.fpmen a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0082C8;
}
.fpmen a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0082C8;
}
.fpmen a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.fpmen a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:  #0082C8;
}
.webframe {
	height: 1200px;
	position: absolute;
	z-index: 5;
	left: 0;
}
.menpad {
	padding-right: 10px;
	padding-left: 10px;
}
.orangelines {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F57F25;
	border-left-color: #F57F25;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #0082c8;
}
#bnav{
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	#bnav ul { 
	list-style: none; }
	#bnav li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}


.padreg img {
	padding-top: 10px;
	padding-bottom: 10px;
}

.homeimg {
	padding-right: 2px;
	padding-left: 2px;
	height: 80px;
	width: 180px;
	float: left;
}

.homeimg img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);
-moz-opacity: 0.92;
opacity:0.92;
}

.homeimg:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;
}
.homeimg2{
background-image: url(../images/gradientoverlay.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}

.selectboxstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0082C8;
	border: 2px solid #78B1DF;
	width: 300px;
	margin: 0px;
	padding: 0px;
}