/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
*{	margin:0; padding:0; }


.clear        { clear:both; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.text-right   { text-align:right; }
.center {text-align:center;}
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Make sure the icons are not cut */
a[href^="mailto:"],
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}


.ext { background-image: url(../images/icons/external.png);   padding:2px 15px 2px 0;
  margin:-1px 0;
  background-repeat: no-repeat;
  background-position: right center; }
a[href^="mailto:"]        { background-image: url(../images/icons/email.png); }

a[href$=".pdf"]   { background-image: url(../images/icons/pdf.png); }
a[href$=".doc"]   { background-image: url(../images/icons/doc.png); }
a[href$=".xls"]   { background-image: url(../images/icons/xls.png); }

/* Misc */
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(../images/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../images/icons/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

.wrap { overflow:hidden; width: 100%;}

img{ color:#666; font-style:italic; }
a img {border:0px;}

p, h1, h2, h3 {padding-bottom:15px;}


body {font-family:Arial, Helvetica, sans-serif; color:#83886a; font-size:.8em; line-height:1.5em; background:#c2c7ac; margin-top:5px;}

a {color:#83886a; text-decoration:underline; font-weight:bold;}
a:hover {color:#83886a; text-decoration:none; font-weight:bold;}


#wrapper {width:906px; margin:0px auto; padding:10px; border:solid 2px #83886a; margin-bottom:5px;}


#container {
overflow:hidden;
text-align:left;
margin:10px;
}


#container .leftcol {
float:left;
width:274px;
padding-bottom: 30000px;
margin-bottom: -30000px;
background:#fff;
}

#container .rightcol {
float:right;
width:653px;
padding-bottom: 30000px;
margin-bottom: -30000px;
background:#fff;
}



/**************************************/
/*              HEADER                */
/**************************************/

#header {background:#fff; padding:15px; text-align:center; position:relative;}
#header img {padding-top:10px; padding-bottom:10px;}
#header_copy {
	position:absolute;
	left: 308px;
	top: 65px;
	width: 549px;
	color:#494c36;
	font-size:10px;
	text-align:left;
	font-weight:bold;
	line-height:2em;
	letter-spacing:1px;
}

#header_link {
	position:absolute;
	width: 256px;
	height: 108px;
	top: 27px;
	left: 23px;
	z-index:1000;
	background:url(../images/blank.gif);
}




/**************************************/
/*             NAVIGATION             */
/**************************************/

#nav_container {border:solid 1px #cfccb9; padding:10px 0 0 15px; height:543px; margin-top:5px; text-align:center;}



#nav {
	float:left;
	margin:0px;
	padding:0px;
}



#nav li {
	display: inline;
	list-style: none;
	margin:0px;
	padding:0px;
}

#nav a {
	display: block;
	/* overall height */
	height: 64px;
	line-height: 64px;
	float:left;
}

/* key background image */
#nav li.hit a {
	float: left;
	text-indent: -9999px;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	pointer; cursor: hand;

}


/* off */
#nav li.contact a { background-position: 0px 0px; width: 211px; }
#nav li.property-listings a { background-position: 0px -65px; width: 211px; }
#nav li.about a { background-position: 0px -128px; width: 211px; }
#nav li.special-reports a { background-position: 0px -190px; width: 211px; }
#nav li.about-topanga a { background-position: 0px -255px; width: 211px; }
#nav li.search-for-topanga-properties a { background-position: 0px -320px; width: 211px; }
#nav li.search-for-malibu-properties a { background-position: 0px -385px; width: 211px; }
#nav li.info-for-buyers-sellers a { background-position: 0px -450px; width: 211px; }

/* over */
#nav li.contact a:hover { background-position: 0px -518px; width: 211px; }
#nav li.property-listings a:hover{ background-position: 0px -583px; width:211px; }
#nav li.about a:hover { background-position: 0px -646px; width:211px;}
#nav li.special-reports a:hover { background-position: 0px -708px; width:211px; }
#nav li.about-topanga a:hover { background-position: 0px -773px; width:211px; }
#nav li.search-for-topanga-properties a:hover { background-position: 0px -838px; width:211px; }
#nav li.search-for-malibu-properties a:hover { background-position: 0px -903px; width:211px; }
#nav li.info-for-buyers-sellers a:hover { background-position: 0px -968px; width:211px; }

#nav li a, #nav-inner li a {border:0px; outline:0px;}


/********** INNER NAV ***************/
#nav-inner {
	float:left;
	margin:0px;
	padding-left:15px;
	padding-bottom:10px;
}



#nav-inner li {
	display: inline;
	list-style: none;
	margin:0px;
	padding:0px;
}

#nav-inner a {
	display: block;
	height: 95px;
	line-height: 95px;
	float:left;
	outline:none;
}

/* key background image */
#nav-inner li.hit a {
	float: left;
	text-indent: -9999px;
	background-image: url(../images/nav-inner.jpg);
	background-repeat: no-repeat;
	pointer; cursor: hand;
	margin:0px;
	padding:0px;
}


/* off */
#nav-inner li.contact a { background-position: 0px 0px; width: 100px; }
#nav-inner li.property-listings a { background-position: -103px 0px; width:100px; }
#nav-inner li.about a { background-position: -210px -0px; width:100px; }
#nav-inner li.special-reports a { background-position: -320px 0px; width:100px; }
#nav-inner li.about-topanga a { background-position: -428px 0px; width:100px; }
#nav-inner li.search-for-topanga-properties a { background-position: -535px 0px; width:100px; }
#nav-inner li.search-for-malibu-properties a { background-position: -640px 0px; width:100px; }
#nav-inner li.info-for-buyers-sellers a { background-position: -740px 0px; width:100px; }

/* over */
#nav-inner li.contact a:hover { background-position: 0px -101px; width: 100px; }
#nav-inner li.property-listings a:hover{ background-position: -103px -101px; width:100px }
#nav-inner li.about a:hover { background-position: -210px -101px; width:100px}
#nav-inner li.special-reports a:hover { background-position: -320px -101px; width:100px }
#nav-inner li.about-topanga a:hover { background-position: -428px -101px; width:100px }
#nav-inner li.search-for-topanga-properties a:hover { background-position: -535px -101px; width:100px }
#nav-inner li.search-for-malibu-properties a:hover { background-position: -640px -101px; width:100px }
#nav-inner li.info-for-buyers-sellers a:hover { background-position: -740px -101px; width:100px }

/* selected */
#nav-inner li.contact-selected a { background-position: 0px -203px; width:100px;}
#nav-inner li.property-listings-selected a{ background-position: -103px -203px; width:100px; }
#nav-inner li.about-selected a { background-position: -210px -203px; width:100px;}
#nav-inner li.special-reports-selected a { background-position: -320px -203px; width:100px;}
#nav-inner li.about-topanga-selected a { background-position: -428px -203px; width:100px; }
#nav-inner li.search-for-topanga-properties-selected a { background-position: -535px -203px; width:100px; }
#nav-inner li.search-for-malibu-properties-selected a { background-position: -640px -203px; width:100px; }
#nav-inner li.info-for-buyers-sellers-selected a { background-position: -740px -203px; width:100px; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#home_left_col_container {width:557px; float:left;}
#home_left_col {width:557px; margin-top:10px; background:#fff; float:left; padding:16px;}

#home_right_col {width:263px;margin-left:10px; margin-top:10px; background:#fff; float:right; padding:12px;}

#home_pic_container {width:529px; height:381px; overflow:hidden; border:solid 2px #d0ccb8; margin:0px auto; padding:13px;}

.rotatorPic {padding:13px;}

.home-pic-border {border:solid 1px #b3af9a;}

#home_sub_box {border:solid 1px #cfccb9; padding:15px; height:100px; margin-top:10px; float:left; width:557px; background:#fff;}

#home_sub_box_copy {border:solid 1px #cfccb9; padding:10px; background:url(../images/bg-footer.gif) no-repeat #fff;position:relative; height:80px; }

#home_sub_box_copy p {padding-top:28px; padding-left:135px; font-size:75%; line-height:1.4em;}

#prumal_link {
	position:absolute;
	top:39px;
	left:11px;
	height:50px;
	width: 123px;
	background:url('../images/blank.gif');
}

#main-inner {background:#fff; padding:15px; text-align:center; position:relative; margin-top:15px; }
#main-inner-content {border:solid 2px #d0ccb8; padding:13px;}
#main-idx-content {border:solid 2px #d0ccb8; padding:20px;}

#main-inner-content .left-col {width:560px; float:left; text-align:left;}
#main-inner-content .right-col {width:155px; float:right; text-align:left; padding:25px; background:#b1b69d; border:solid 2px #8b8f7b; color:#63674f; font-size:90%}
#main-inner-content .right-col .title {color:#fff; font-size:110%; font-weight:bold;}
#main-inner-content .right-col a{text-decoration:underline; color:#63674f;}

h3 {font-weight:bold; color:#739ab9; margin-bottom:0px;}

.ban {padding-bottom:15px;}

.left-col ul {padding:10px; margin:10px;}
.left-col li {list-style-type:disc;}


/**************************************/
/*               FOOTER               */
/**************************************/
#h2p_footer {width:906px; margin:0px auto; text-align:center; font-size:90%; padding-bottom:15px;}
#h2p_footer a {text-decoration:underline; color:#83886a; font-weight:normal;}
#h2p_footer a:hover {text-decoration:none; color:#83886a;}

#footer-inner {background:url(../images/inner-footer2.gif) no-repeat #fff; padding:15px; text-align:center; position:relative; margin-top:15px; height:65px;}
#footer-inner p {padding-top:28px; font-size:78%; line-height:1.3em;}

/* idx */
#IDX-main, #IDX-detailsWrapper {width:770px;}
#IDX-searchPageWrapper {margin:0px auto;}
.IDX-resultsCell {width:800px; margin-bottom:25px;}
.IDX-detailsLink, #IDX-prevProp, #IDX-nextProp,#IDX-detailsLinkNew, #IDX-detailsLinkSave, #IDX-detailsLinkBack {font-size:85%; }
#IDX-detailsTopLinks {width:770px;}
#IDX-detailsLinkBack {width:200px;}
#IDX-detailsLinkSave {padding-left:25px;}
#IDX-googleMap {width:800px;}
.IDX-showcaseListingID {padding-bottom:15px; border-bottom:1px solid #ddd;}
div.IDX-detailsSideInfo {width:455px; text-align:left; background:#eff1ea; border:solid 1px #c2c7ac;color:#494C36;}
#IDX-price-cell {text-align:left;}

div.IDX-detailsRemarks {width:560px; background:#eff1ea; border:solid 1px #c2c7ac; padding:15px; color:#6E6851;}
div.IDX-detailsLinks {float:right; margin-right:5px;}
.IDX-detailsLink  a[href^="mailto:"]        { background-image:none;}
#IDX-detailsMainPhoto {padding:5px; background:eff1ea; border:solid 1px #c2c7ac;}

.IDX-resultsAddress {padding:5px; width:75%; background:#eceee5;}
.IDX-resultsPrice {top:26px; background:#eceee5; left:120px;}
.IDX-resultsSidePanel  {top:46px; background:#eceee5; left:120px;}
.IDX-resultsLinks {top:46px;}
.IDX-resultsPhoto img {border:solid 1px #c2c7ac; padding:2px;}
.IDX-detailsMLSCourtesy {background:#f8faef;}

.IDX-resultsDetailsLink a{ background-image: url(../images/icons/external.png);   padding:2px 15px 2px 0;
  margin:-1px 0;
  background-repeat: no-repeat;
  background-position: right center; }

#IDX-nextLastPosition {width:200px; float:right;}

#IDX-nextLastButtons, #IDX-detailsLinkBack {display:none;}
#main-idx-content {line-height:1.5em;}
#IDX-detailsLinkSave {padding-left:12px;}

.IDX-detailsBasicLeft,.IDX-detailsBasicRight,.IDX-detailsAdvancedLeft,.IDX-detailsAdvancedRight  {padding-top:10px;}

.IDX-showcaseDetails { font-size:78%;border:solid 1px #eee; padding:10px; margin:15px; }
.IDX-showcaseListingID {border:0px;}

.IDX-showcasePhoto img {width:200px; height:140px; }
.right-col .IDX-showcasePhoto img {width:100px; height:65px;}

#IDX-resultsLinks {margin:15px 0px;}

#IDX-resultsLinkSave a {height:30px; width:150px; background:#83886a; color:#fff; display:block; padding:8px 0px 0px 0px; text-align:center;}
#IDX-resultsLinkNew {margin-left:200px;}
#IDX-resultsLinks {display:none;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}