/* web.css Stylesheet for Screen */
/* site "Santa Ynez Valley Real Estate Company" */

/* ---------------------------------------------------- 
Standard Formatting
---------------------------------------------------- */ 

* 
	{
	margin: 0;
	padding: 0;
	}

html 
	{
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}

body 
	{
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/img/bg-xtile.jpg) repeat-x top center #0C1B18;
	line-height: 17px;
	text-align: center;
	}
	
a:link
	{
	color: #39625A;
	}

a:visited
	{
	color: #92140F;
	}
	
a:hover
	{
	color: #B0C9C6;
	}
	
a:active
	{
	color: #92140F;
	}
	
h1
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	font-weight: lighter;
	}
	
h2
	{
	font-size: 14px;
	color: #000;
	}	

h3
	{
	font-size: 10pt;
	color: #92140F;
	line-height: 12px;
	padding: 12px 0 5px 0;
	margin: 0 22px;
	}

hr
	{
	color: #000;
	}
	
body.forsale td 
	{
	padding: 10px;
	}
	
/*td 
	{
	padding: 5px;
	}
	
.thumbnailpics
	{
	padding: 0;
	}
	
body.admin td 
	{
	padding: 5px;
	}
		
table
	{
	margin: 5px 22px 15px 22px;
	}

table.thumbnailpics 
	{
	margin: 0;
	width: 300px;
	overflow: hidden;
	}

table.thumbnailpics td
	{
	padding: 20px 0px 0px 0px;
	}
	*/
.gallerythumb
	{
	padding: 0 7px 0 0;
	}

.gallerythumb img
	{
	margin: 7px 0 0 0;
	}
	
.gallerythumbr img
	{
	margin: 7px 0 0 0;
	}
	
.detailbottom table
	{
	margin: 5px 5px 15px 5px;
	}
	
.detailbottom table td
	{
	padding: 5px;
	}
	
.altRow
	{
	background-color: #D4E7E5;
	}
	
.rowBorder
	{
	border-top: solid 1px #0A1B1A;
	}

table td.sheetrow
	{
	margin:0;
	padding: 0;
	}
	
#tabletopnav
	{
	width: 680px;
	}
	
.tableframetop
	{
	width: 680px;
	}

/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 


#wrapper 
	{
	margin: 0 auto;
	padding: 0px;
	width:  100%;
	text-align: left;
	}

#header
	{
	width: 760px;
	height: 100px;
	margin: 0 auto;
	background: url(/img/header.jpg) top center no-repeat;
	}
	
#logo
	{
	width: 237px;
	height: 78px;
	margin: 16px 0 0 10px;
	overflow: hidden; 
	display: block;
	float: left;
	}	
	
#logo img
	{
	border: none;
	}

#navigation
	{
	display: none;
	}
	
#navcontainer
	{
	width: 508px;
	height: 37px;
	overflow: hidden;
	}
	
#topnav
	{
	display: none;
	}
	
body.home #content
	{
	width: 760px;
	margin: 0 auto;
	background: url(/img/content-sm-ytile.gif) repeat-y left top;
	text-align: left;
	}
	
#content
	{
	width: 760px;
	margin: 0 auto;
	background: url(/img/content-ytile.gif) repeat-y left top;
	text-align: left;
	}
	
/*body.contactus #content
	{
	width: 760px;
	margin: 0 auto;
	background: url(/img/content-column-ytile.gif) repeat-y left top;
	text-align: left;
	}*/

#leftcolumn
	{
	width: 25%;
	float: right;
	height:100%;
	}

	
#signup
	{
	display: none;
	}
	
#signupform
	{
	display: none;
	}	
	
.form
	{
	margin: 0;
	padding: 0;
	}
	

.propertysearch
	{
	display: none;
	}
	
.bg
	{
	background: url(/img/form-xtile.gif) left center repeat-x;
	}
	
.justify
	{
	text-align: justify;
	}
	
.titlecell
	{
	width: 125px;
	}

.formadmin
	{
	border: 1px solid #0A1B1A;
	font-size: 9pt;
	padding: 2px 2px 2px 2px;
	}
	
.formbuttons
	{
	display: none;
	}
		
.formbutton
	{
	display: none;
	}

	
.altRow
	{
	background-color: #D4E7E5;
	}
	
.detailsphoto
	{
	width: 300px;
	padding: 0 10px 10px 10px;
	float: left;
	}
	
.searchdescription
	{
	width: 300px;
	}
	
.detailinfo
	{
	margin: 0 0 0 10px;
	width: 354px;
	background: url(/img/whitetop.gif) top right no-repeat #E9F2F1;
	float: left;
	}
	
.detailbottom
	{
	width: 354px;
	background: url(/img/whitebot.gif) bottom right no-repeat;
	}

.listings a:link
	{
	color: #AD211A;
	text-decoration: underline;
	}
	
.listings a:visited
	{
	color: #AD211A;
	text-decoration: underline;
	}
	
#details
	{
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	text-transform: uppercase;
	background: url(/img/detailsbtn.gif) center no-repeat;
	width: 56px;
	height: 18px;
	padding: 1px 0 0 0;
	display: block;
	overflow: hidden;
	}

#details:hover
	{
	text-decoration: underline;
	}
	
#mapit
	{
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	text-transform: uppercase;
	background: url(/img/detailsbtn.gif) center no-repeat;
	width: 56px;
	height: 18px;
	padding: 1px 0 0 0;
	display: block;
	overflow: hidden;
	}
	
#mapit:hover
	{
	text-decoration: underline;
	}
	
.tablecell
	{
	padding-left: 5px;
	}
	
.tablecellno
	{
	padding: 0;
	margin: 0;
	}
	
.sheetrow .credit
	{
	padding: 5px 10px;
	margin: 0;
	border-top: dashed 1px #999999;
	}
	

.listingnavcontainer
	{
	display: none;
	}
	
#listingnav
	{
	display: none;
	}

#
	{
	display: none;
	}
	
#listview
	{ 
	width: 98px; 
	height: 23px; 
	padding-top: 5px;
	overflow: hidden; 
	background: url(/img/tablenav_btn.gif) top right no-repeat; 
	display: block;
	float: left;
	text-align: center;
	}
	
#mapview
	{ 
	width: 98px; 
	height: 23px; 
	padding-top: 5px;
	overflow: hidden; 
	background: url(/img/tablenav_btn.gif) top right no-repeat; 
	display: block;
	float: left;
	text-align: center;
	} 
	
#propdetails
	{ 
	width: 114px; 
	height: 23px; 
	padding-top: 5px;
	overflow: hidden; 
	background: url(/img/_btn.gif) top right no-repeat; 
	display: block;
	float: left;
	text-align: center;
	} 

#backresults
	{ 
	width: 114px; 
	height: 23px; 
	padding-top: 5px;
	overflow: hidden; 
	background: url(/img/_btn.gif) top right no-repeat; 
	display: block;
	float: left;
	text-align: center;
	} 
	
#listingnav a:link,
#listingnav a:visited,
# a:link,
# a:visited
	{
	color: #0A1B1A;
	text-decoration: none;
	}
  
body.listview #listview,
body.mapview #mapview,
body.details #propdetails
	{ 
	background-position: top left;
	cursor: default;
	}
	
.floatr
	{
	float: right;
	}
	
.field
	{
	border: 1px solid #0A1B1A;
	height: 12px;
	width: 155px;
	background: url(/img/form-xtile.gif) left center repeat-x #D8DEDD;
	font-size: 8pt;
	padding: 1px 2px 2px 2px;
	}
	
.searchbtn
	{
	float: right;
	font-size: 8pt;
	margin:5px 0;
	padding: 2px;
	}
	
select
	{
	border: 1px solid #0A1B1A;
	background: url(/img/form-xtile.gif) left center repeat-x;
	font-size: 9pt;
	}
	
.brokerageName 
	{
	font-size: 8pt;
	color: #999999;
	}

/* Form styles */	
#city {width: 185px; border: 1px solid #0A1B1A;}
#ptype {width: 100%; border: 1px solid #0A1B1A;}
#prangel {width: 97px; border: 1px solid #0A1B1A; float: left}
#pranger {width: 97px; border: 1px solid #0A1B1A; float: right}
#psizel {width: 97px; border: 1px solid #0A1B1A; float: left}
#psizer {width: 97px; border: 1px solid #0A1B1A; float: right}

.center 
	{ 
	margin: 0 auto; 
	padding: 0;
	font-size: 8pt;
	text-align: center;
	}

#sidebar
	{
	width: 243px;
	height: 100%;
	margin: 0 0 0 7px;
	background: url(/img/side-ytile.jpg) repeat-y top center;
	}
	
#sidebarTop
	{
	width: 243px;
	height: 85px;
	margin: 0 auto;
	background: url(/img/sideTopBg.jpg) no-repeat top center;
	}
	
#featuredlistings
	{
	width: 230px;
	margin: 0 auto;
	padding-top: 30px;
	min-height: 280px;
	background: url(/img/featuredlisting_title.jpg) no-repeat top center;
	}
	
a:link .featuredlisting,
a:visited .featuredlisting
	{
	margin:0 auto;
	padding: 2px 0;
	text-align: center;
	width: 210px;
	text-decoration: none;
	}
	
.exclusive
	{
	width: 215px;
	margin: 0 auto;
	}
	
.exclusiveover
	{
	width: 215px;
	background: url(/img/learnmore.jpg) no-repeat right bottom #F2F4CF;
	margin: 0 auto;
	text-decoration: none;
	}
	
.exclusiveout
	{
	width: 215px;
	margin: 0 auto;
	}
	
.flisitingtext
	{
	margin: 1px 10px;
	text-align: left;
	}

.flisitingtext p
	{
	margin: 0;
	padding: 0;
	}
	
#rightcolumn
	{
	float: left;
	overflow: visible;
}

#fullwidth
	{
	width: 100%;
	background: url(/img/leftcolumn-xtile) repeat-x left top;
	float: left;
	}

.contentLeft
	{
	width: 73%;
	float: left;
	}
	
body.contactus .contentLeft
	{
	width: 50%;
	float: left;
	}
	
	
.contentFull
	{
	width: 100%;
	float: left;
	}
	
/*body.contactus .contentLeft
	{
	width: 243px;
	float: left;
	}*/
	
.alternate
	{
	display:none;
	}
	
	
/*body.contactus .alternate
	{
	width: 486px;
	background: url(/img/alternateLeftds-ytile.gif) left top repeat-y #C0DBD8;
	border-bottom: 1px solid #0A1B1A;
	}*/
	
.contentRight
	{
	width: 486px;
	float: right;
	}
	
body.contactus .contentRight
	{
	width: 50%;
	float: right;
	}
	
#subnav
	{
	display: none;
	}

.topbar
	{
	width: 486px;
	height: 19px;
	background: url(/img/top-xtile.jpg) repeat-x left top;
	}
	
.topbarCorner
	{
	width: 5px;
	height: 19px;
	float: right;
	background: url(/img/topCorner.jpg) no-repeat right top;
	}

.topbarDs
	{
	width: 5px;
	height: 19px;
	float: left;
	background: url(/img/topLeftDs.jpg) no-repeat left top;
	}
	
body.home #contentBottom
	{
	width: 100%;
	background: url(/img/contentBottomSide.gif) no-repeat bottom left;
	}
	
#contentBottom
	{
	width: 740px;
	background: url(/img/contentBottom.gif) repeat-x bottom left;
	}

.footernav
	{
	display: none;
	}
	
#footer
	{
	width: 100%;
	position: relative;
	}
		
#sideFooter
	{
	display: none;
	}
	
#footerText
	{
	color: #1D3230;
	text-align: center;
	min-height: 25px;
	padding-top: 25px;
	}

#map
	{
	border: 1px solid #0A1B1A;
	}
	
.homead
	{
	position: relative;
	width: 470px;
	height: 208px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	display: block;
	}	

.homead img
	{
	float: left
	}	
	
#mapanimation
	{
	position: absolute;
	border: 1px solid #0A1B1A;
	background-color: #FFF;
	padding: 1px;
	width: 268px;
	height: 193px;
	left: 200px;
	top: 10px;
	}
	
#mapanimation:hover
	{
	border: 1px solid  #AD211A;
	}

.noborder
	{
	border: none;
	}

.learnmore
	{
	width: 70px;
	text-align: left;
	padding-right: 7px;
	background: url(/img/arrow.gif) right center no-repeat;
	}
	
.price
	{
	width: 100%;
	float: left;
	}

.sidedivider
	{
	width: 100%;
	margin: 0 auto;
	padding: 3px 0;
	background: url(/img/divider.jpg) bottom center no-repeat;
	}

.floathalf
	{
	float: left;
	width: 50%;
	}

.float
	{
	float: left;
	}
	
.floatright
	{
	float: right;
	}

.contactinfo
	{
	float: right;
	width: 270px;
	}

.clear
	{
	clear: both;
	}
	
	
.biobox
	{
	margin: 5px 0 15px 12px;
	line-height: 18px;
	}
	
#googlemaps
	{
	display: none;
	}
	
	
body.mapview .googlemaps
	{
	cursor: default;
	}
	
.hidden
	{
	display: none;
	}
	
.advanced
	{
	width: 130px;
	float: left;
	margin-top: 8px;
	display: block;
	font-size: 9pt;
	}
	
.advanced a:hover,
.advanced a:active
	{
	color: #000;
	}
	
.topbox
	{
	width: 696px;
	background: url(/img/box_top.jpg) top left no-repeat #D4E7E5;
	margin: 5px auto 5px auto;
	padding: 8px 0 0 0;
	overflow: hidden;
	}
	
.botbox
	{
	width: 696px;
	background: url(/img/box_bot.jpg) bottom left no-repeat;
	margin: 0 auto;
	padding:  0 0 1px 0;
	text-align: left;
	}	
	
.topbox1
	{
	width: 696px;
	background: url(/img/box_top1.jpg) top left no-repeat #C1DBD8;
	margin: 5px auto 5px auto;
	padding: 8px 0 0 0;
	overflow: hidden;
	}
	
.botbox1
	{
	width: 696px;
	background: url(/img/box_bot1.jpg) bottom left no-repeat;
	margin: 0 auto;
	padding:  0 0 1px 0;
	text-align: left;
	}	
	
	
.arrowleft
	{
	display: none;
	}
	
#contactmap
	{
	margin: 0 22px;
	}
	
.printhide
	{
	display: none;
	}

/* ---------------------------------------------------- 
Typographic
---------------------------------------------------- */ 

/* tags */
p 
	{
	margin: 5px 22px 15px 22px;
	line-height: 18px;
	}
	
.textMargin p 
	{
	float: left;
	margin: 0 0 15px 20px;
	}
	
.bioText p 
	{
	float: right;
	margin: 0px 0 15px 20px;
	width: 340px;
	}
	
.alternate p
	{
	margin: 0;
	padding: 8px 0;
	text-align: center;
	}
	
#sidebar p
	{
	margin: 0;
	padding: 2px 0;
	font-size: 8pt;
	}
	
#footerText p
	{
	margin: 0;
	padding: 0;
	color: #1D3230;
	font-size: 8pt;
	}
	
#footerText p a:link,
#footerText p a:visited
	{
	color: #1D3230;
	font-size: 8pt;
	text-decoration: underline;
	}
	
#footerText p a:hover,
#footerText p a:active
	{
	color: #92140F;
	font-size: 8pt;
	text-decoration: underline;
	}	
	
.footerDisclaimer
	{
	color: #666;
	text-align: left;
	font-size: 8pt;
	margin-top: -5px;
	}
	
.learnmore a:link,
.learnmore a:visited
	{
	color: #AD211A;
	text-decoration: none;
	}
	
.learnmore a:hover,
.learnmore a:active
	{
	color: #AD211A;
	text-decoration: underline;
	}
	
#featuredlistings a:link,
#featuredlistings a:visited
	{
	color: #000000;
	text-decoration: none;
	}

#featuredlistings a:hover,
#featuredlistings a:active
	{
	color: #000000;
	text-decoration: none;
	}

	
.associateinfo
	{
	width: 270px;
	float:left;
	}

.associateinfo p
	{
	text-decoration: none;
	margin: 5px 22px 5px 22px;
	color: #000;
	}
	
.associateinfo p a
	{
	text-decoration: none;
	color: #000;
	}

ul
	{
	margin: 8px;
	list-style-image: url(/img/bullet.gif);
	padding: 0;
	line-height: 18px;
	}

li
	{
	margin: 0 22px 0 42px;
	padding: 3px 0;
	}
	
li p
	{
	padding-left: 0px;
	}

ul.sublist 
	{
	margin: 0px;
	list-style-image: url(/img/bullet-sublist.gif);
	padding: 0;
	font-size: 95%;
	}
	
ul.sublist  li
	{
	margin: 0 22px 0 58px;
	padding: 1px 0;
	}
	
ul p.fontSize0
	{
	margin: 0 28px;
	padding: 12px 0 5px 0;
	font-size: 8pt;
	}


.contentLeft h2
	{
	font-size: 12pt;
	color: #1A2F2A;
	line-height: 12px;
	padding: 12px 0 5px 0;
	margin: 0 22px;
	}


/* custom classes */	

.santalistings
	{
	color: #AD211A;
	font-size: 9pt;
	font-weight: bold;
	}
	
.santaagent
	{
	color: #AD211A;
	font-size: 9pt;
	font-weight: bold;
	}

.bottompad
	{
	padding-bottom: 2px;
	}

.color1 /*red*/
	{
	color: #AD211A;
	}
	
.fontSize0
	{
	font-size: 8pt;
	display: block;
	line-height: 10pt;
	}

.fontSize1
	{
	font-size: 8pt;
	font-weight: bold;
	display: block;
	line-height: 9pt;
	}

.fontSize2
	{
	font-size: 9pt;
	font-weight: bold;
	display: block;
	line-height: 9pt;

	}
			
.fontSize3
	{
	font-size: 14pt;
	line-height: 16pt;
	}
	
.fontSize4
	{
	font-size: 16pt;
	letter-spacing: -.1em;
	}
	
.fontSize5
	{
	font-size: 12pt;
	line-height: 14pt;
	}
	
.imageBorder 
	{
	border: 2px solid #000000;
	}
.email
	{
	padding-left: 18px;
	background: url(/img/emailicon.gif) no-repeat left center;
	display: block;
	width:200px;
	}
	
.backtotop a:link,
.backtotop a:visited
	{
	display: none;
	}
	
.backtotop a:hover,
.backtotop a:active
	{
	display: none;
	}

.name
	{
	float: left;
	}

.viewBio
	{
	width: 68px;
	text-align: left;
	background: url(/img/downarrow.gif) no-repeat right center;
	text-decoration: none;
	}

.viewPDF
	{
	width: 73px;
	text-align: left;
	background: url(/img/uparrow.gif) no-repeat right center;
	text-decoration: none;
	}
	
.viewBio a:link,
.viewBio a:visited,
.viewPDF a:link,
.viewPDF a:visited
	{
	color: #AD211A;
	text-decoration: none;
	}
	
.viewBio a:hover,
.viewBio a:active,
.viewPDF a:hover,
.viewPDF a:active
	{
	color: #AD211A;
	text-decoration: underline;
	}
		
/* ---------------------------------------------------- 
Header (H1) Replacement
---------------------------------------------------- */ 

/* Corresponds with body class name to display current page heading image */

h1 div
	{
	height: 27px;
	width: 100%;
	float: left;
	padding: 4px 0;
	}
	
h1
	{
	color: #000;
	height: 41px;
	background: url(/img/titleBg-xtile.gif) repeat-x top;
	padding: 9px 19px 5px 19px;
	}
	
body.home h1
	{
	color: #000;
	height: 41px;
	background: url(/img/titleBg-xtile.gif) repeat-x top;
	padding: 2px 0;
	}

	
body.home h1 div
	{
	height: 30px;
	padding: 11px 19px 5px 19px;
	margin-top: -2px;
	width: 400px;
	float: left;
	background: url(/img/titleLeftds-ytile.gif) no-repeat top left;
	}
	
body.contact h1 div
	{
	height: 30px;
	padding: 13px 19px 5px 19px;
	width: 400px;
	float: left;
	}