/* 
-----------------------------------------------
	Global CSS
	Project: One West Properties
	Author: Netgenetix Media
	Version: July 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headings
		- Structure
		- Navigation + Slider
		- Lists
 	- Links
		- Forms
		- Standard + Misc
----------------------------------------------- */


/* =Base
----------------------------------------------- */
* {margin:0; padding:0;}  /* removes default padding/margins */

body {
	background: url(../_img/bkgd_sideBar.gif) repeat-y left;
 font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #808080;
	margin: 0 0 19px 0;
}

p {
 margin: 13px 0 17px 0;
}

/* =Headings
----------------------------------------------- */	
h1 {
	font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
 letter-spacing: 1px;
	background: url(../_img/bkgd_h1.gif) repeat-x bottom;
	height: 22px;
	margin: 20px 0 0 0;
}

h2 {
	font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
}

h3 {
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	margin: 20px 0 0 0;
	color: black;
}

/* =Structure
----------------------------------------------- */	
#wrapper {
	width: 876px;
	background: url(../_img/bkgd_cornerBox.gif) no-repeat left top;
 overflow: hidden;	
}

#logo {
 position: absolute;
	top: 28px;
	left: 96px;	
}

#breadcrumb {
	font-size: 10px;
	color: #ababab;
	text-align: left; 
	border-bottom: 1px solid #ececec;
	padding: 4px 0 5px 0;
}

#columnLeft {
	float: left;
	width: 165px;
	margin: 104px 0 0 0;
	background: url(../_img/bkgd_columnLeft.gif) repeat top left;	
}

* html #columnLeft {
 width: 150px;
}

#columnRight {
 float: right;
 width: 698px;
}

#content {
 margin: 0 25px 0 35px; 
	padding: 0 0 10px 0;
} 

#contentArea { 
 margin: 0 10px;
}

/* for 2 col content layout, if needed */
#content1 { 
 float: left;
	width: 290px;	
	padding: 0 0 5px 0;
}

#content2 {
 float: right;
	width: 290px; 
	border-left: 1px dashed #d6d6d6;
	padding: 0 0 5px 20px;
	margin-top: 43px;
}

/* Feature Boxes on homepage */
#featureBoxes {
 padding-bottom: 10px;
}

/* standard class for feature boxes */
.featureStandard p {  
 margin: 8px 12px;
	line-height: 1.4em;
}

.featureStandard img {
 margin: 4px 12px;
}

/* container for Blog and About teaser boxes */
.featureRight {  
 float: right;
	width: 201px;
}

.featureListing {
	width: 421px;
	background: url(../_img/bkgd_featureBox_lrg.gif) no-repeat;	
	min-height: 150px;
	padding: 1px 0 0 0;
}

.featureBlog { 
	width: 201px;
	background: url(../_img/bkgd_featureBox_sml.gif) no-repeat;	
	min-height: 50px;
	float: left;
	padding: 0 0 22px 0;
}

.featureAbout { 
	width: 201px;
	background: url(../_img/bkgd_featureBox.gif) no-repeat;	
	min-height: 150px;
	float: left;
	padding: 0 0 10px 0;
}

/* headings */
.header_featListing {
	background: url(../_img/header_rentalListing.gif) no-repeat; 
 display: block;  
	width: 421px; 
	height: 33px; 	
	margin: 0 0 0 1px;	
}

.header_readBlog {
	background: url(../_img/header_readBlog.gif) no-repeat;
 display: block;  
	width: 199px; 
	height: 33px; 
	margin: 1px 0 0 1px;	
}

.header_learnMore {
	background: url(../_img/header_learnMore.gif) no-repeat; 
 display: block;  
	width: 199px; 
	height: 33px; 
	margin: 1px 0 0 1px;	
}

/* Property Listings */
.listing h3 {
	margin: 0;
}

.listing {
 border-top: 1px solid #ececec;
 padding: 10px 0 5px 0;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}

.listing strong { color: black } /* for bolded price in side list */

.listing p {
 margin: 13px 0 17px 0;
}

.listingImg {
 float: left; 
	width: 160px;
}

.listingInfo {
 margin: 0 0 0 18px;
	width: 285px;
	float: left; 
}

.listing ul {
 margin: -5px 0 0 0; 
 padding: 0 0 30px 0;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
	float: right; 
	width: 155px;
}

.listing ul li {
 padding: 0 0 10px 13px;
 background-image: url(../_img/bullet_listings.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 10px 0;
	border-bottom: 1px solid #ececec;
}

.photo {
 border: 1px solid #d1d1d1;
	background: #fff;
	padding: 2px;
	margin: 3px 3px 5px 2px;
}

.iconView {
 margin-top: 4px;
	border: 0;
}

/* Property Listing - Detail */
.detailInfo h3 {
 margin: 4px 0 0 0;
}

.listingDetail {
 padding: 6px 0 0 0;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}

.listingDetail ul {
 margin: 0; 
 padding: 0;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
	width: 200px;
}

.listingDetail ul li {
 padding-left: 13px;
 background-image: url(../_img/bullet_listings.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 5px 0 5px 50px;
}

.detailImg {
 float: right; 
	width: 230px;
	text-align: right;
	padding: 0 0 0 5px;
}

.detailInfo {
 float: left; 
	width: 380px;
}

.questions {
 margin: 0 0 0 8px;
}

.iconScheduleViewing {
 margin: 10px 0 -9px 0;
	border: 0;
}

.iconBack {
 margin: 10px 6px -9px 0;
	border: 0;
}

.featureTable td {
 padding: 3px 4px 3px 0;
}

.featureCell { color: black }

/* Footer */
#footer {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0 25px 0 35px; 	
	font-size: 11px;
	color: #929292;
 border-top: 1px solid #ECECEC;
	clear: both;
}

#footer p {
 margin: 8px 0;
}

#footLinks {
 padding-top: 10px;
	font-size: 10px;
}

#extLinks {
 padding-top: 8px;
	font-size: 10px;
	margin-top: 10px;
	border-top: 1px solid #ECECEC;
}

/* =Navigation + Slider
----------------------------------------------- */
#slider {
	padding: 0;
	margin: 47px 0 0 0;
	/* text-transform: uppercase; */
	color: #ff8b00;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}

#slider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#slider a {
 display: block;
 padding: 7px 0 6px 23px;
	margin: 0;
	color: #fff;	
 width: 142px;	  /* needed for IE6 */
 text-decoration: none;
	background: url(../_img/bkgd_nav.gif) no-repeat bottom left;
}

#slider a:hover  {
 color: #fff;
 text-decoration: none;
	background: url(../_img/bkgd_navOver.gif) no-repeat bottom left;
}

#slider ul li a {
 display: block;
 padding: 7px 0 6px 27px;
	margin: 0;
	color: #fff;	
 width: 145px;	  /* needed for IE6 */
 text-decoration: none;
	background: url(../_img/bkgd_nav2.gif) no-repeat bottom left;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;		
}

#slider ul li a {
 display: block;
 padding: 7px 0 6px 27px;
	margin: 0;
	color: #fff;	
 width: 138px;	  /* needed for IE6 */
 text-decoration: none;
	background: url(../_img/bkgd_nav2.gif) no-repeat bottom left;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;		
}

#slider ul li a:hover  {
 color: #fff;
 text-decoration: none;
	background: url(../_img/bkgd_navOver.gif) no-repeat bottom left;
}

#slider .set {
 color: #f8c531;
 text-decoration: none;
	background: url(../_img/bkgd_navSet.gif) no-repeat bottom left;	
}

#slider .set2 {
 display: block;
 padding: 7px 0 6px 27px;
	margin: 0;
	color: #f8c531;	
 width: 138px;	  /* needed for IE6 */
 text-decoration: none;
	background: url(../_img/bkgd_nav2.gif) no-repeat bottom left;
}

.subnav  { overflow:hidden } /* keeps smooth effect for IE6 */

/* =Lists
----------------------------------------------- */
#contentArea ul {
 margin: 0 0 0 40px
}

/* =Links
----------------------------------------------- */
#content a, #footer p a  { text-decoration: underline; color: #908100 }
#content a:hover, #footer p a:hover  { text-decoration: underline; color: #C69E18 }

#extLinks a, #footLinks a   { text-decoration: none; color: #b3ac73 }
#extLinks a:hover, #footLinks a:hover  { text-decoration: underline; color: #C69E18 }

.footLinks a   { text-decoration: none; color: #b3ac73 }
.footLinks a:hover  { text-decoration: underline; color: #C69E18 }

#breadcrumb a  { text-decoration: none; color: #9b9b9b; }
#breadcrumb a:hover  { text-decoration: underline; color: #C69E18 }

/* =Forms
----------------------------------------------- */


/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.linkedImage { margin: 0; padding: 0; border: 0px }
.linkedImage a:hover { background: none }
	
* {outline:none;} /* no outline on linked images when clicked in Firefox */	   

hr { 
 border: 0;
 color: #9E9E9E;
 background-color: #9E9E9E;
 height: 1px;
 width: 210px;
	margin-left: 42px; 
 text-align: left;
}

.clear { clear: both }

/* Light Box */
#ImageBoxOverlay {
	background-color: #000;
	
}
#ImageBoxCaption {
	background-color: white;	
	padding-top:5px;
	color: #fff;
	border-left:solid 5 #FC0;
	height:75px;
}

#ImageBoxContainer {
	width: 250px;
	height: 250px;
	background-color: #FFF;
	
}
#ImageBoxCaptionText {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
	width:350px;
	
	
} 
#ImageBoxCaptionImages
{
	margin: 0; color: #000;
	
}
#ImageBoxNextImage
{
 width:30px;
	background-image: url(../images/spacer.gif);
	background-color: transparent;
	padding-left:1px;
}
#ImageBoxPrevImage
{
	background-image: url(../images/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/nextlabel.gif);
	background-repeat:	no-repeat;
	background-position: right top;
	margin-top: 45px;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/prevlabel.gif);
	background-repeat:	no-repeat;
	background-position: left top;
	margin-top: 45px;
}