/*****************************************

Website: www.DavalosandSehon.com

File: styles.css

Author: Samuel Dolan

E-mail: sam@phototours.com

Website: www.phototourwebsites.com

Date Created: April 19, 2007

Date Last Updated: August 17, 2007

*****************************************/



/*****************************************

Global Styles

*****************************************/

body {

margin:0;

padding:0;

font:14px/22px Arial, Helvetica, sans-serif;

text-align:left;

background-color:#000;

}

h1 {

text-align:left;

margin:0px;

padding:0px;

background:url('images/header_snell.gif') no-repeat center;

text-indent:-9999px;

height:57px;

margin-right:5px;

}

h2 {

text-align:left;

width:804px;

background:#bf9d5b;

border-top:1px solid #fff;

border-bottom:1px solid #888d94;

font-size:14px;

color:#2d2d2d;

margin:0;

padding:5px 0px 2px 6px;

display:none;

}

h3 {

color:#000;	

font-size:14px;

font-weight:bold;

margin-bottom:5px;

}

a {

color:#333333;

text-decoration:none;

}

a:hover {

text-decoration:underline;

}

a.inherit-color {

color:inherit;

}

img {

border:0px none;

}

hr {

clear:both;

}

/*****************************************

Main Container

*****************************************/

div#mainContainer {

width:810px;

margin:0px auto;

background-color:#000;

color:#000;

}

#lower_content {

border-top:2px solid #666;

text-align:left;

font-size:16px;

padding-top:15px;

/*background:#ffd366;*/
background-color:#CECCB6;

float:left;

color:#333;

width:810px;

font-size:12px;

}

#lower_content a {

font-weight:bold;

}

#page_content {

padding:20px 10px;



float:left; /*So will expand with floated elements inside */

}

#page_content img {

border:1px solid #333;

}

.top-link {

float:right;

color:inherit;

}

/*****************************************

Lower Container

*****************************************/

div#lowerContainer {

border-bottom:1px solid #CCC;

border-top:0px;

padding-bottom:5px;



}

.second div#mainContainer {

border-bottom:1px solid #CCC;

padding-top:4px;

}

.second div#lowerContainer {

border:0px;

}

/*****************************************

Header/Navigation (headernav.php)

*****************************************/

#header {

height:88px;

}

#header .elissa_pic_header, #header .kim_pic_header {

padding:3px 0px;

float:left;

}

#header .kim_pic_header {

float:right;

}

div#navigation {

background:#1B3860/*url(images/nav_bg.gif) repeat-x*/; 

margin-bottom:2px;

padding-top:0;

padding-bottom:0;

clear:both;

position:relative;

line-height:normal;

}

ul#mainNav {

margin:0px auto;

margin-left:-35px;

.margin-left:auto;

/*margin-left:28px;

.margin-left:67px;*/

}



ul#mainNav li {

display:inline;

text-decoration:none;

margin-right:35px;

text-transform:uppercase;

font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:12px;

}

ul#mainNav li#contact_nav {

margin-right:0px;

}

ul#mainNav li a {

color:#FFF;

text-decoration:none;

height:16px;



}

ul#mainNav li a span{

/*visibility: hidden;*/

}



#home_nav a {

background:url(images/main_nav/home.gif) 0px -27px no-repeat;

padding-right:5px;
}
#phototours_nav a {
background:url(images/main_nav/phototours.gif) 0px -27px no-repeat;
}
#listings_nav a {

background:url(images/main_nav/listings.gif) 4px -27px no-repeat;

}

#propSearch_nav a {

background:url(images/main_nav/propsearch.gif) 0px -27px no-repeat;

}

#areaInfo_nav a {

background:url(images/main_nav/areainfo.gif) 0px -27px no-repeat;

}

#aboutus_nav a {

background:url(images/main_nav/aboutus.gif) 0px -27px no-repeat;

padding-right:5px;



}

#contact_nav a {

background:url(images/main_nav/contact.gif) 0px -27px no-repeat;

padding-right:8px;



}

#home_nav a:hover {

background-position:0px 0px;

}
#phototours_nav a:hover {
background-position:0px 0px;
}
#listings_nav a:hover {

background-position:4px 0px;

}

#propSearch_nav a:hover {

background-position:0px 0px;

}
#areaInfo_nav a:hover {

background-position:0px 0px;

}

#aboutus_nav a:hover {

background-position:0px 0px;

}

#contact_nav a:hover {

background-position:0px 0px;

}

/*

#homepage #home_nav a:hover {

background-position:0px -24px;

}

#property_search #propSearch_nav {

background-position:0px -24px;

}

#services #services_nav {

background-position:0px -24px;

}

#area_information #areaInfo_nav {

background-position:0px -24px;

}

#about_us #aboutus_nav a {

background-position:0px -24px;

}

#contact_us #contact_nav a {

background-position:0px -24px;

}

*/



/*****************************************

Titles

*****************************************

body#property_search h2 {

background:#000 url('images/titles/property_search_title.gif') no-repeat;

text-indent:-9999px;

}



/*****************************************

Home Page

*****************************************/

div#specializeAreas {

text-align:center;

font-size:1.3em;

font-style:italic;

font-weight:bold;

padding:15px 0px;

}

/*****************************************

Contact Info (include/contactinfo.php)

*****************************************/

div#contact_info {

float:left;

padding-left:20px;

}

div#contact_form {

float:right;

width:390px;

}

div#contact_form form {

margin:0px;

padding:0px;

}

div#contact_form form fieldset ol {

list-style:none;

marigin:0px;

padding:0px;

}



div#contact_form form fieldset ol li {

padding-left:5px;



}

div#contact_form form fieldset ol li legend {



}

div#contact_form form fieldset ol li input {

display:block;

float:right;

}



div#contact div#elissaContact {

text-align:left;

}

div#elissaContact img.agentPic, div#kimContact img.agentPic{

margin:0px 10px;

}

div#contact div#kimContact, div#contact div#elissaContact {

line-height:1.9em;

}

#contact_us h3 {

margin-bottom:0px;

}

span.contactName {

font-size:1.5em;

font-weight:bold;

font-variant:small-caps;

margin-top:30px;

}

span.contactTitle {

font-size:1.0em;

font-variant:small-caps;

}

span.contactPhone {

font-size:1.2em;

}

span.contactEmail {

font-weight:bold;

font-size:1em;

}



#contact_form form input {

float:right;

}

.contacts {

float:left;

width:375px;

}

/*****************************************

Footer

*****************************************/

div#footer {

text-align:center;

clear:both;

margin:0 auto;

color:#FFF;

background:#000 /*url(images/page-footer.gif) top left repeat-x*/;

padding-top:25px;

.padding-top:0px;

padding-bottom:10px;

font-size:12px;

}

#homepage div#footer {

background:#000000 none;

border-top:1px solid #ccc;

margin-top:4px;

padding-top:25px;

.padding-top:5px;

}

.sothebyslogo {

padding:8px 5px;

}

p#sothebysDisclaimer {

width:780px;

color:#888;

text-align:center;

margin:0 auto;

}

div#footer a {

color:#888;

}

div#footer a:hover {

color:#FFF;

}



/*****************************************

Property Search

*****************************************/



table#propSearch_options {

width:810px;

margin-bottom:20px;

color:inherit;



}

table#propSearch_options tr td {

padding:0px 15px;

border-right:1px solid #000;

color:inherit;

}

table#propSearch_options tr td.rightest_cell {

border-right:none;

}

table#propSearch_options tr td {

text-align:center;

}



table#propSearch_options tr td.idx_links a {

font-weight:bold;

padding-top:5px;

}

table#propSearch_options tr td img {

text-align:center;

padding-bottom:10px;

}



.mls_search_box {

float:left;

padding:20px 35px;

width:190px;

}

.mls_search_box p {

margin-bottom:3px;

margin-top:0px;

}



#sb_prop_search {

margin-left:3px;

}

#sb_prop_search, #sb_phototours {

/*border-right:1px solid #333;*/

}



/*****************************************

About Us Styles

*****************************************/

#aboutusContent {

text-align:justify;

float:left;

}


.biocolumn {
	width:375px;
	float:left;
	padding:0px 10px;
	text-align:justify;
}

/****************************************

Area Information

****************************************/

#area_links {

margin:0 auto;

width:700px;

float:left;

}

#area_links #left {

float:left;

padding-left:40px;

}

#area_links #right {

float:right;

}

#area_links ul {

color:#074383;

list-style-type:none;

list-style-type:square;

margin:0px;

margin-left:25px;

padding:0px;

}

.area_description {

padding:0px 10px;

clear:both;

}

#area_description p {

text-align:justify;

}

#map_holder {

float:left;

margin:0px 10px 8px 0px;

}

#googleMapExpansionControl a {

text-align:right;

}





/***************** Featured Properties ************************/

#bg-wrapper {

background:url(images/bg-image.gif) top right repeat-y;

border-top:2px solid #666666;

margin-top:3px;

}

#bg-wrapper #lower_content {

border:none;

}

legend {

color:#000;

}

h3.prop-details {

font-size:18px !important;

line-height:20px !important;

margin-bottom:-7px !important;

}

h4.prop-details {

margin-top:12px;

margin-bottom:10px;

font-size:16px !important;

}

#lower_content.featured-listings {

width:790px;

padding-left:20px;

}

.featured-listings .tagline {

font-size:18px;

font-style:italic;

margin-bottom:0px;

}

.property-list {

margin:0;

margin-bottom:20px;

padding:0;

margin-top:-18px;

overflow:hidden;

}



.property-list h4, .property-list h3 {

margin-top:0px;

margin-bottom:0px;

font-size:14px;

}

.property-list h3 {

font-size:16px;

}



.property-list li {

border-top:1px solid #000;

clear:both;

padding:5px 0px;

margin-right:20px;

list-style:none;

}

.property-list a {

font-size:14px;

}

.property-list li img {

float:left;

margin-right:10px;

margin-bottom:15px;

.margin-top:25px;

border:1px solid #000;

}

.property-list li span.price {

display:block;

font-size:14px;

font-weight:bold;

}

#thumbImage {

border:1px solid #000;

}

#main-prop-pic {

height:375px;

}

#prop-pic-list {

margin:10px -6px 14px 0px;

.margin-right:-7px;

padding:0;

text-align:center;

}

#prop-pic-list li {

list-style:none;

display:inline;

margin-right:6px;

}

#prop-pic-list li img {

width:100px;

height:75px;

border:1px solid #000;

}



#sidebar {

width:208px;

float:right;

padding:10px 8px 15px;

text-align:left;

background-color:#FFE092;

}

#sidebar fieldset {

margin:0px;

margin-top:20px;

position:relative;

font-size:13px;

border:1px solid #555;

}

#sidebar fieldset legend {

color:#000;

font-weight:bold;

}

#sidebar fieldset blockquote {

clear:both;

margin:10px 4px 3px;

text-align:center;

padding:5px;

background-color:#fff;

border:1px solid #000;

text-align:justify;

}

#sidebar fieldset span.quote-name {

float:right;

text-align:right;

margin-bottom:8px;

margin-right:8px;

}

#sidebar p {

padding:12px 4px 9px 12px;

.padding:0px 4px 15px 12px;

}

#sidebar ul {

padding-left:15px; /*Moves it in FF */

margin-left:8px; /*Moves it in IE */

}

#sidebar ul li {

margin-bottom:3px;

}

#sidebar table {

clear:both;

width:180px;

margin-left:5px;

margin-bottom:10px;

text-align:left;

font-weight:bold;

}

#sidebar table tr td.right-centered {

text-align:center;

font-weight:normal;

}

#sidebar fieldset img {

text-align:center;

}

#sidebar fieldset .required-text {

margin:0px;

padding:0px;

line-height:14px;

font-size:14px;

}

#sidebar fieldset p.contact-info:first-line {

font-weight:bold;

}

#sidebar fieldset form {

margin:0px;

}

#sidebar fieldset form  ul {

margin:0;

.margin-left:8px;

padding:5px;

}

#sidebar fieldset form  ul li {

list-style:none;

margin-bottom:5px;

}





/* Sidebar that has the input fields below the labels */

#sidebar fieldset li label {

font-size:12px;

font-weight:normal;

}

#sidebar fieldset input {

display:block;

width:175px;

}

#sidebar fieldset input.submitButton {

width:100px;

float:right;

.margin-right:4px;

}



.featured-listings-details {

padding:20px 15px 15px 20px !important;

width:550px !important;

.width:550px !important;

float:left !important;

line-height:130% !important;

text-align:left;

}

.featured-listings-details form li {

list-style:none;

}

.featured-listings-details fieldset {

border:1px solid #000;

margin-bottom:15px;

}

.featured-listings-details fieldset  legend {

font-weight:bold;

}

.featured-listings-details fieldset p {

margin:8px 12px 10px;

}

/************************************************ Form Style Wide #1 */

.form-style-wide-1 {

position:relative;

}

.form-style-wide-1 ul {

margin:2px 15px;

padding:0px 4px;

}

.form-style-wide-1 li {



}

.form-style-wide-1 label {

display:block;

}

.form-style-wide-1 input {

width:220px;

}

.form-style-wide-1 input.submitButton {

margin:20px 2px 6px 17px;

.margin-right:17px;

width:150px;

float:right;

}

.form-style-wide-1 .comment-field {

position:absolute;

right:3px;

top:-3px;

}

.form-style-wide-1 .comment-field label {

.margin-left:14px;

}

.form-style-wide-1 .comment-field textarea {

width:260px;

height:109px;

.height:114px;

}