/*
-------------------------------------------
File: 'Pro Slate' styles.css Style Sheet
Created: 29 May, 2005
Last Modified: 21 November, 2005
Author: Josh Lockhart, Blueball Design
www.blueballdesign.com
Email: themes@blueballdesign.com
Copyright 2005 Josh Lockhart/Blueball Design USA
All Rights Reserved
-------------------------------------------
*/


/*********** GLOBAL CSS STYLES - ALL REQUIRED **********/

/* applies to all images in content area of any page */
.imageStyle { border: 0px }

/* use this to make blocks of text 'standout' */
.standout{
font-style: italic;
font-size: 12px;
border-left: 5px solid #555555;
padding-left: 8px;
}

blockquote{
font-style: italic;
font-size: 12px;
border-left: 5px solid #555555;
padding-left: 8px;
}

.grey11{
color: #555;
font-size: 11px;
}


/* use for user-positioned inline images */
.image-right{
float: right;
padding: 8px 0px 8px 8px;
}

.image-right0{
float: right;
padding: 0px 0px 0px 0px;
}

/* use for user-positioned inline images */
.image-left{
float: left;
padding: 8px 8px 8px 0px;
}


.imgborder { border: 1px solid #555555;
}

a img {
border: 0px;
}

td img {
border: 1px solid #555;
}

.clear {
clear: both;
}

.small {
font-size: 10px
}



/* BODY AND GENERAL ELEMENT CSS STYLES */

body{
  margin: 0px;
  padding: 0px;
  background-color: #0e0e54;
/*  background-color: #fff;*/
  color: #333;
  font: 12px verdana, arial, helvetica, sans-serif;
}


a:link {          /*  sets main content link colors, etc.  */
  color: #0000fa;
  text-decoration: underline;
}

a:visited  {
  color: purple;
}

a:hover  {
  color: #000088;
  text-decoration: none;
}



#bottom a:link {          /*  sets "bottom" link colors, etc.  */
  color: #999;
  text-decoration: underline;
}

#bottom a:visited  {
  color: #666666;
}

#bottom a:hover  {
  color: #ccc;
  text-decoration: none;
}

ul.inline li {
display: inline;
}

#bottom {
text-align: center;
color: #888;
}

#bottom ul{
list-style: none;
}


/* HEADER CSS STYLES */
#header{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 125px;
  background: #fff url('images/big-house-header-bggrad.jpg') repeat-x;
  
}




/* CONTENT WRAPPERS */
#outer{
  margin: 0px;
  padding-right: 200px; /*dave changed to 200 to make sidebar narrower*/
  margin-bottom: 25px;
  background: #FFFFFF url('images/sidebar-background2.jpg') right repeat-y;
  border-bottom: 1px solid #000000;
}

#inner{
  width: 100%;
  float: right;
}


#sidebar{
	float: right;
	width: 200px; /*dave: was 230. for narrower sidebar*/
	margin-right: -100px; /* HALVE FOR IE6 FLOAT DOUBLE-MARGIN BUG  dave: was 115*/
	margin-bottom: 20px; /* Allow room for validation links       dave: was 150  */
}

html>body #sidebar{
	margin-right: -200px; /* RESET FOR NON-IE6 BROWSERS. SEE ABOVE. dave: was 230*/
}



/*       main content area styles         */
#inner-padding{
	padding: 20px;
	overflow: hidden;
}

#inner-padding h1 {
color: #333;
font-size: 24px;
line-height: 1.2em;
margin-top: -5px;
margin-left: -5px;
font-weight: normal;
border-bottom: 2px solid #999;
}

#inner-padding h2 {
color: #333;
font-size: 18px;
line-height: 1.2em;
margin-top: -5px;
margin-left: -5px;
font-weight: normal;
border-bottom: 2px solid #999;
}

#inner-padding h3{
  margin: 0px;
  padding: 0px 0px 10px -5px;
  color: #444;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;	
}

#inner-padding p{
  margin: 0px;
  padding: 0px 0px 15px 8px;	
  line-height: 1.3em;
}













#sidebar h1 {         /* sets h1 parameters in sidebar */
  margin: 0px;
  padding: 0px 10px 5px 10px;
  color: #990000;
  font-size: 14px;
  font-family: Arial;
  text-align: center;
}

#sidebar h2 {         /* sets h2 parameters in sidebar */
  margin: 30px 0px 10px 0px;
  padding: 5px 5px 5px 5px;
  color: #555;
  font-size: 18px;
  font-family: Times, serif;
  text-align: center;
  border-top: solid 1px #333;
  border-bottom: solid 1px #666666;
  font-weight: normal;

}

#sidebar p{         /* sets <p> parameters in sidebar */
  margin: 5px 10px 10px 15px;
  font-size: .9em;
}

ul.sidebarnavhp{  /*sidebar nav for hot properties list */
  list-style: disc;
  margin: -5px 3px 5px 25px;
  padding: 0px;
}

ul.sidebarnavhp li{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  height: 1.2 em;
}

ul.contact{
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: .9em;
}

ul.contact li{
  margin: 0px 0px 0px 18px;
  padding: 0px 0px .1em 0px;
}






#sidebar li a {          /*  sets "sidebar" link colors, etc.  */
  font-size: .9em;
}

#sidebar a:link {
  color: #0000fa;
  text-decoration: underline;
}

#sidebar a:visited  {
  color: purple;
}

#sidebar a:hover  {
  color: #000088;
  text-decoration: none;
}

.dirty-red {
color: #990000;
}










div.listview{                    /*begin listview styles.....*/
margin:0px 0px 0px 0px;
padding: 0px;
border: solid #666666 1px;
}


#inner-padding div.listview h2{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: blue;
  font-size: 18px;
  font-family: Verdana, sans-serif;
  border-bottom: solid 0px #fff;
  font-weight: normal;
  display: inline;
  background: #ccc url('images/sidebar-bg.jpg') left repeat-y;

}

div.listview a{
text-decoration: none;
}

div.listview ul{
background-color: #eaeaea;
margin: 0px 0px;
padding: 5px 5px;
border: solid #ccc 2px;

}

div.listview li{
display: inline;
padding: 0px 15px 0px 0px;
font-size: 10px;
}

div.listview p{
padding: 5px;
}

div.listview img{
margin: 0px 10px 0px 0px;
border: 1px solid #333;
float: left;
display: inline;
}

div.imgdescbox{
padding: 5px;
}

div#clear{
clear:both;
}                            /* end listview styles.........*/









                           /* begin detail view styles */

div.detailview{
z-index: 0;
}

html #inner-padding div.detailview img{
margin: 0px 0px 0px 0px;
border: 0px solid #ccc;
float: left;

}

div#rotatorbox {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
/*border: 1px solid green;*/
}

div.detailbox{
padding: 5px;
border: 1px solid #666666;
position: relative; /*fixes ie6 peekaboo border bug*/

}

div.detailbox ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
border: 1px solid #ccc;
/*background-color: #eaeaea;*/
/*float: left;*/
margin-left: 410px; /*pushes ul detail bullets to the right of the rotator*/

}

div.detailbox li{
margin: 5px 0px 0px 0px;
padding: 5px 5px 0px 5px;
list-style: disc;
list-style-position: inside;

}

html #inner-padding div.detailbox ul h3{
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
font-size: 1.3em;
font-weight: normal;
border-bottom: 1px solid #ccc;
background-color: #eaeaea;

}

html #inner-padding div.detailview h4{
margin: 10px 0px 0px 0px;
padding: 3px 3px 3px 3px;
font-size: 1.3em;
font-weight: normal;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;

background-color: #eaeaea;

}

html #inner-padding div#rotatorbox {  /*border,etc., around rotator images*/
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 0px;
z-index: 0;
/*background-color: green;*/

}

html #inner-padding div.detailview p{
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 10px;


/*background-color: green;*/

}


                           /* end detail view styles */


















/* FOOTER CSS STYLES */
#footer{
  margin: 0px;
  padding: 10px 10px 10px 20px;
  font-size: 10px;
  clear: both;
  color:  #000000;
}

#footer a{
	color: #000000;
}

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






/* MENU GENERAL CSS STYLES */


#nav-container{
margin: 0px;
width: 100%;
background: #D6D6D6 url('images/navbar-background.jpg') top repeat-x;
border-bottom: 1px solid #7A7A7A;
z-index: 50;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#nav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 150;
}

#nav li{
  float: left;
  position: relative;
  z-index: 100; /*d added to try to put li over the image rotator swf*/
}

#nav a{
  display: block;
  width: 94px; /* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 3px 10px 3px 10px; /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-right: 1px solid #555555; /* FOR TOP MENUS ONLY */
  border-bottom: 1px solid #D6D6D6; /* FOR TOP MENUS ONLY */
  color: #555555;
  font-size: 11px;
  text-decoration: none;
}

#nav li:hover a, #nav li.sfhover a{
  color: #000000;
}

#nav li:hover ul a, #nav li.sfhover ul a{
  color: #555555;
}


/* MENUS LEVEL 2 CSS STYLES */
#nav ul ul{
  position: absolute;
  top: 100%;
  left: -1px;
  width: 114px; /* SET TO TOTAL LINK WIDTH; THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  background-color: #F1F0F1;
  border-left: 1px solid #555555;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  display: none;
}

#nav ul ul li{
  border-top: 1px solid #555555;
}

#nav li:hover ul, #nav li.sfhover ul{
  display: block;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
  display: none;
}

#nav ul ul li:hover, #nav ul ul li.sfhover{
  background-color: #DDDDDD;
}

#nav ul ul a{
  border: none; /* REMOVE BORDERS SET ABOVE */
  width: 94px;
  border: none;
}


/* MENUS LEVEL 3 CSS STYLES */

#nav ul ul ul{
  display: none;
  border-left: 1px solid #555555;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul{
  display: block;
  top: -1px;
  left: 114px; /* SET HORIZ OFFSET */
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul{
  display: none;
}


/* MENUS LEVEL 4 CSS STYLES */
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul{
  display: none;
}


/* MENUS LEVEL 5 CSS STYLES */
#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul{
  display: none;
}


/* MENUS LEVEL 5 CSS STYLES */
#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul{
  display: none;
}


/* MENUS LEVEL 5 CSS STYLES */
#nav ul ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul ul li.sfhover ul ul{
  display: none;
}










/* added by dave, ie6 iframe funkiness in mls search */
div.tabIframeWrapper {
  width: 100%;
}

iframe.searchfix{
  background-color: #fff;
  border: none;
  width: 100%;
  height: 800px;
}



/* spotlight property */

.spotlight_photo {
float: right;
margin: .5em 5em 1em 2em;
padding: 0;
line-height: 1em;
width: 240px;
}

.spotlight_photo p {
width: 100%;
margin: 0;
padding: 0;
font: 1em/1em Verdana, sans-serif;
color: #666666;
}

.spotlight_photo img {
margin: 0;
padding: 0;
display: block;
border: 1px #666666 solid;
}