/* CSS Document 30DanaPlace.com  */
body {
	margin: 0;
	padding: 0;
    text-align: center;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
}
:focus{-moz-outline-style: none;}
p {margin:20px 0}
h1 {font-size:14px;color:#fff;margin: 20px;}
h2 {
    font-size: 14px;
	color: #fff;
}
h3 {
    font-size: 12px;
	color: #00a6ff;
}
h4 {
    font-size: 14px;
	color: #5e9dfc;
	margin:0;
}
h5 {
    font-size: 11px;
	font-weight: normal;
	color: #9ccfff;
	text-align: center;
	text-decoration: underline;
	margin: 5px 0 0 0;
}
a:link, a:visited {
    color: #9ccfff;
}
a:hover{
    color: #e805e0;
}
/*---------------------------------------------------------------------------------------*/
#wrapper_outer {
	margin: 0 auto;
    width: 996px; height: 100%;
	background-color: #000;
	overflow: auto;
}
#wrapper { 
	margin: 0 auto; 
	padding-bottom: 20px;
	width: 980px;
	background-color: #000;
	text-align: left;
	overflow: auto;

}
/*-----------------------------------------------------------------------------------------*/

#captcha {
	margin: 20px 0 0;
	color: #fff;
	font-size: 11px;
}
#captcha p {margin:20px 0}
#col_left {
	margin: 0;
	padding: 0;
	float: left;
	width: 142px;
}
#col_right {
	margin: 0;
	padding:0;
	float: right;
	width: 219px;
	background-color: #3c3b3c;
}
#col_center {
	margin: 0;
	padding: 20px;	
	float: left;
	width: 554px;
	background-color: #3c3b3c;
}
#col_center2 {
	margin: 0;	
	float: left;
	width: 594px;
	background-color: #3c3b3c;
	min-height: 462px;
}
* html #col_center2 {
	height: 462px;
}
#col_2 {
	margin: 0;
	padding: 0;
	float: right;
	width: 825px;
	overflow: auto;
}
#col_2A {
	margin: 0;
	padding: 0;
	float: right;
	width: 825px;
	background-color: #313031;
	overflow: auto;
}
#col_2B {
	margin: 0;
	padding: 0;
	float: right;
	width: 825px; height: 463px;
	background-color: #313031;
	overflow: auto;
}
#col_2C {
	margin: 0;
	padding: 0;
	float: right;
	width: 825px; min-height: 463px;
	background-color: #313031;
	overflow: auto;
}
* html #col_2C {
	margin: 0;
	padding: 0;
	float: right;
	width: 825px; height: 463px;
	background-color: #313031;
	overflow: auto;
}
#container {
	overflow: auto;
	width: 980px;
	margin:0;
	padding:0;
}
#container2 {
	overflow: auto;
	width: 980px;
	margin:0;
	padding:0;
}
#description {
    width: 470px;
	float: left;
	margin: 20px 0 5px;
	color: #fff;
}
#description2 {
    width: 470px;
	float: right;
	margin: 20px 0;
	color: #fff;
}
#email_sent {
	width: 400px;
	color: #000;
	background-color: #fff;
	margin: 35px auto 10px;
	padding: 20px;
	position: relative;
}
#email_sent p {margin:0 0 20px}
#email_sent a:link, #email_sent a:visited {color:#ff0000}
#email_sent a:hover {color:#0000ff}
#email_tl {
	position: absolute;
	top: 0;
	left: 0;
}
#email_tr {
	position: absolute;
	top: 0;
	right: 0;
}
#email_br {
	position: absolute;
	bottom: 0;
	right: 0;
}
#email_bl {
	position: absolute;
	bottom: 0;
	left: 0;
}
#error-main { 
	margin: 0;
	background-color: #fff;
}
#error1 { 
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
	padding: 14px;
	background-color: #fff;
}
#error2 { 
	padding: 8px 14px 14px;
	line-height: 150%;
	color: #ff0000;
	font-size: 12px;
	color: #ff0000;
	
}
#featured {
	width: 976px;
	background-color: #dfdfe0;
	overflow: auto;
}
#featured_outer {
	width: 976px;
	margin: 0 0 20px;
	background-color: #dfdfe0;
	border: 2px solid #00a6ff;
	clear: both;
}
#featured_top {
	height: 20px;
	padding: 3px 30px;
	color: #fff;
	background-color: #00a6ff;
	font-weight: bold;
	font-size: 14px;
}
#floorplan {
	margin: 0;
	padding: 0;
    float: right;
	width: 825px;
	background-color: #000;

}
#floorplan img {
	margin: 0 0 0 24px;
}
#footer {
    width: 978px; 
	background-color: #000;
	clear: both;
	border: 1px solid #A0A0A4;
	color: #A0A0A4;
	font-size: 10px;
}
#footer .text {
    margin: 8px 20px;
}
#footer .text2 {
    margin: 8px 0;
	text-align: center;
	color: #A0A0A4;
	font-size: 10px;
	font-weight: bold;
}
#formright{
	margin: -33px 0 20px 334px;
    width: 415px;
}
#header {
    width: 980px; height: 114px;
	position: relative;
}
#info {
	margin: 0;
	padding: 0;
	width: 219px;
	float: right;
	background-color: #000;
}
#longbeach {
	width: 400px;
	float: left;
	margin: 0;
	padding: 10px 0 10px;	
}
#longbeach .links {
	line-height: 160%;
	margin: 0 0 20px;
	padding: 0;
}
#longbeach .links_last {
	line-height: 160%;
	margin: 0;
	padding: 0;
}
* html #longbeach .links {line-height: 150%}
#longbeach h3 {margin:0 0 7px;}
#map2 {
    margin: 30px;
	color: #fff;
}
#mls {
	float: right;
	width: 795px;
	background-color: #fff;
	padding-left: 30px;
}
#mug {
    width: 138px; height: 156px;
	border: 2px solid #fff;
}
#mug2 {display: none}
#noflash {
    width:593px; height: 462px;
	background-color: #313031;
}
#noflash h3 {
    margin: 0 25px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 25px;
}
#noflash a:link, #noflash a:visited {
	color: #e805e0;
}
#noflash a:hover {
	color:#fcff00;
}
#photo1 {
	float:right;
	margin: 10px 0 0;
	border: 2px solid #fff;
}
#photo2 {
	float:right;
	margin: 50px 10px 0 0;
	border: 2px solid #fff;
	clear: right;
}
#photo3 {
	float:right;
	margin: 50px 0 20px;
	border: 2px solid #fff;
	clear: right;
}
#plat {
	float: right;
	width: 825px; height: 1327px;
	background-color: #fff;
}
#plat2 {
	float: right;
	width: 825px;
	background-color: #fff;
	margin:0; padding: 0;
}
#plat2 img {margin: 0 0 0 14px}
#print_bro {
	float: right;
	width: 825px; height: 421px;
	background-color: #313031;
}
#rendering {
	margin: 0;
	padding: 0;
    float: right;
	width: 825px;
	background-color: #fff;

}
#rendering img {
	margin: 0 0 0 65px;
}
#reo_search {
	margin: 0 0 20px 0;
}
#slideshow {
	margin: 0;
	padding: 0;
	float: left;
	width: 593px;

}
#spacer_462 {
    float: right;
    height: 462px; width: 1px;
 }
* html #spacer_462 {
    float: right;
    height: 442px; width: 1px;
 }
#video {
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	width: 825px;
	background-color: #000;
}
#vidpage {
	margin: 0 10px;
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
#vidplayer3 {
    position: absolute;
	top: 104px;
	left: 0px;
	width: 785px; height: 358px;
	background-color: #808080;
}
 /*-------------------------------------------------------------------------------*/
 
.address {
    position: absolute;
	top: 23px;
	right: 0;
}
.blue {
	color: #9ccfff;
	font-weight: bold;
}
.bullet_1 {margin:20px 0 16px}
.bullet_2 {margin-bottom:20px}
.bullets {line-height:150%}
.buyers {
	width: 480px;
	margin: 20px 0 0;
	font-style: italic;
	font-weight: bold;
}
.buyers a:link, .buyers a:visited {color:#00a6ff}
.buyers a:hover {color:#ff0000}
.callme {
	width: 600px;
	float: right;
	color: #fff;
	margin-top: 25px;
}
.company_print {display:none}
.company2 {
    position: absolute;
	top: 8px;
	left: 3px;
}
.contactinfo {
    float: left;
	width: 315px;
    color: #fff;
	line-height: 250%;
	margin:0;
	padding:0;
}
.contactinfo h2 {
	margin: 0 0 12px;
	padding:0;
    font-size: 14px;
	color: #ff0000;
}
.contactinfo h3 {
    font-weight: bold;
	font-size: 14px;
	color: #00a6ff;
	margin: 0;
	padding:0;
}
.contactinfo a:link, .contactinfo a:visited {
	color: #fcff00;
}
.contactinfo a:hover {
	color:#e805e0;
}
.contactinfo2 {
    margin: 0 0 10px 0;
    color: #fff;
}
.contactinfo2 h4 {
    font-size: 14px;
	color: #00a6ff;
}
.contact_table td {
	color: #000;
	background-color:#fff;
	padding: 3px 10px;
	border-collapse: collapse;
	font-size: 12px;
}
.contact_table td.alt {
	background-color:#cccccc;
}
.contact_table td.comments {padding-top: 10px}
.contact_table {
	border: 3px solid #fff;
	margin: 30px auto 10px;
	width: 440px;
}
.directions_top {
    margin: 30px 30px 0;
	color: #fff;
}
table.directions {margin:0 0 30px 28px}
.disclaimer {color:#A0A0A4; font-size:11px; margin: 10px 0 0 0}
.efax {
	position: absolute;
	left: 3px;
	top: 82px;
}
.featured_prop {
	width: 476px; height: 100px;
	float: left;
	background-color: #dfdfe0;
	line-height: 140%;
	font-size: 11px;
	display: block;
	text-decoration: none;
	text-align: left;
}
.featured_prop_r {
	width: 500px; height: 100px;
	float: right;
	background-color: #dfdfe0;
	line-height: 140%;
	font-size: 11px;
	display: block;
	text-decoration: none;
	text-align: left;
}
a.featured_prop:hover, a.featured_prop_r:hover {
	background-color:#fff;
}
.featured_prop h2, .featured_prop_r h2 {
	color: #000;
	margin: 10px 0 0;
	font-size: 11px;
	text-decoration: none;
}
.featured_prop h3, .featured_prop_r h3 {
	color: #000;
	margin: 0;
	font-size: 11px;
	text-decoration: none;
}
.featured_prop h4, .featured_prop_r h4 {
	color:#000;
	margin:0;
	font-size: 11px;
	text-decoration: none;
}
.featured_prop h5, .featured_prop_r h5 {
	color:#000;
	margin:0;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
.featured_prop img,.featured_prop_r img {
	float: left;
	margin: 12px 22px;
	border: 2px solid #0000ff;	
}
.featured_prop_r .lbook {
	float: left;
	margin: 12px 22px;
	border: none;	
}
.floor {
    margin: 0 0 18px;
	width: 825px;
	background-color: #fff;	
}
.floor_last {
    margin: 0;
	width: 825px;
	background-color: #fff;	
}
.from {
	font-weight: bold;
	font-style: italic;
}
.get_dir {font-weight:bold}
.get_dir a:link, .get_dir a:visited {color:#ff00ff}
.get_dir a:hover {color:#66ccff}
.last {margin-bottom:28px}
.legal {
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 155px;
}
.legal a:link, .legal a:visited {color:#cccccc;font-weight:bold}
.legal a:hover {color:#fff}
.lbook_info {
	color: #000;
	margin: 10px 20px 0 0;
	font-size: 11px;
}
.lbook_link {
	font-weight: bold;
	font-size: 11px;
	color: #0000ff;
}
.listingbook {
	margin: 24px 40px 0 0;
	float: right;
}
.listingbook2 {
	width: 180px;
	margin: 20px auto;
}
a.listingbook:link img, a.listingbook:visited img {
	border: 2px solid #313031;
}
a.listingbook:hover img {
	border: 2px solid #ff0000;
}
.logo_dm {
	float: left;
	margin: 0 10px 5px 0;
	}
.logo_gri {     
    position: absolute;
	top: 20px;
	left: 270px;
}
.logo_epro {     
    position: absolute;
	top: 20px;
	left: 337px;
}
.longbeach {
    margin: 30px 35px;
	color: #fff;
}
.longbeach h3 {margin:30px 0 10px}
.map_top {margin: 0 0 20px 0}
.mmg_monthly {
	margin: 20px auto;
	width: 192px;
}
.mmg_weekly {
	margin: 20px auto;
	width: 192px;
}
.mmg_signup4 {
	margin: 20px auto 0;
	width: 192px;
	border: 1px solid #fff;
}
.name {
    color: #9ccfff;
	font-weight: bold;
	font-size: 14px;
}
.penn {
	float: left;
	margin: 0 11px 0px 0;
}
.popup .left {float:left;padding-right:12px}
.popup a:link, .popup a:visited {color:#ff0000}
.popup a:hover {color:#0000ff}
.popup {color:#000;
	font-size:11px;
	width:250px;
	height:72px
}
.primacyre {
    position: absolute;
	top: 64px;
	left: 146px;
}
.progress {
	color: #666666;
	background-color: #FFFF00;
	padding: 3px 8px;
	font-weight: bold;
	width:240px;
}
.signature {margin: 5px 0;}
.signature_print {margin: 0; display:none}
.signature_below {margin: 4px 0 0 0;}
.socalre {
	position: absolute;
	left: 148px;
	top: 82px;
}
.tel {
    position: absolute;
	top: 64px;
	left: 3px;
}
.text2 {
    position: relative;
    margin: 30px 35px;
	color: #fff;
}
.text2 h1 {
	font-size:14px;
	color:#fff;
	margin: 0px;
}
.text3 {
    margin: 30px 35px 0;
	padding: 0 0 30px;
	color: #fff;
}
.text4 {
    margin: 20px 30px;
	color: #fff;
}
.text5 {
    margin: 10px;
	color: #fff;
}
.text5 h1 {
	font-size:14px;
	color:#fff;
	margin: 0px;
}
.thinking {
    color: #9ccfff;
	font-weight: bold;
}

/* MENU ---------------------------------------------------------------------------------------------*/
/* force "layout" for menu items */
/*ul, li, li a {box-sizing:content-box; vertical-align:bottom;}*/


div#nav {
	margin: 10px 0 0;
	padding: 0;
	width: 142px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #000;
	position:relative;	
}
div#nav a {
	margin: 2px 0;
	padding: 2px 0 2px 10px;
	display: block;
	width: 132px;
	text-decoration: none;		
}
div#nav a:link, div#nav a:visited {
	color: #fff;
	background-color: #3c3b3c;
}
div#nav a:hover {
	background-color: #ffffff;
	color:#00a6ff;
}
div#nav .video a:link, div#nav .video a:visited {
	color: #fff;
	background-color: #ff0000;
}
div#nav .video a:hover {
	background-color: #ffffff;
	color:#ff0000;
}
div#nav .mls a:link, div#nav .mls a:visited {
	color: #fff;
	background-color: #5094f9;
}
div#nav .mls a:hover {
	background-color: #ffffff;
	color:#00a6ff;
}
div#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
div#nav ul li{
    position:relative;
	margin: 0;
	float: left;
}

/* MENU end */

/* IMAGE SWAP -------------------------------------------------------------------------------------  */
.primacyre {				
    background-image: url(../images/primacyREover.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 199px;
	height: 19px; 
	padding: 0; 
}
.primacyre a {
	display: block;
	width: 199px;
	height: 19px;
	float: left; 
	text-decoration: none;
}
.primacyre img {width: 199px; height: 19px; border: 0; }
* html a:hover {visibility:visible}
.primacyre a:hover img{visibility:hidden}
/*IMAGE SWAP end*/
/* IMAGE SWAP -------------------------------------------------------------------------------------  */
.socalre{				
    background-image: url(../images/SoCalREover.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 267px;
	height: 19px; 
	padding: 0; 
}
.socalre a {
	display: block;
	width: 267px;
	height: 19px;
	float: left; 
	text-decoration: none;
}
.socalre img {width: 267px; height: 19px; border: 0; }
* html a:hover {visibility:visible}
.socalre a:hover img{visibility:hidden}
/*IMAGE SWAP end*/