/*
	www.casaalvor.com
	STYLESHEET FOR PAGE LAYOUT & CONTENT PRESENTATION
	Author: Robin King, redPandaDesign.com
	Created: 20-02-2008
*/

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

body {
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	background: url(../images/water-bg2.jpg) bottom left repeat-x #9CF fixed ;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", arial, sans-serif ; 

	/*	font-family: verdana, arial, sans-serif ; */
	font-size: 100% ;
	color: #FFF ;	
}
img { border: 0 ; }

h1, h2, h3, h4, h5, h6, p, ul, li {
	padding: 0 ;
	margin: 0 ;
}
:focus { outline : 0; } 

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

/* main containers */
div#header {
	margin: 4px auto 0 auto ;
	width: 792px ;
	height: 190px ;
	background: url(../images/header-bg.gif) no-repeat ;
	text-align: left ;
}
div#main_content {
	margin: 0 auto ;
	text-align: left ;
	width: 792px ;
	background: url(../images/main-content-bg.gif) repeat-y ;
}
div#content_home, div#content {
	min-height: 307px ;
	height: auto! important ;
	height: 307px ;
/*	height: 307px ; */
	margin-left: 21px ;
}
div#content_home {	background: url(../images/content-home-bg.gif) no-repeat ; }
div#content {	background: url(../images/content-bg.gif) no-repeat ; }
div#footer {
	margin: 0 auto ;
	width: 792px ;
	min-height: 24px ;
	height: auto! important ;
	height: 24px ;
	background: url(../images/footer-bg.gif) no-repeat ;
}
/* header content */
div#header_col_1 {
	float: left ;
	width: 150px ;
	height: 194px ;
}
div#owners_direct {
	height: 76px ;
	width: 150px ;
}
div#owners_direct img {
	margin: 23px 0 0 25px ;
}
div#nav_images {
	width: 150px ;
	height: 118px ;
	background: url(../images/nav-images-bg.gif) no-repeat ; 
}
div#nav_images img {
	margin: 5px 0 0 12px ;
}
div#header_info {
	float: left ;
	width: 200px ;
	height: 194px ;
}
h1#casa_alvor {
	width: 122px ;
	height: 51px ;
	background: url(../images/casa-alvor.gif) no-repeat ;
	margin: 25px 0 0 10px ;
	font-size: 1px ;
	text-indent: -2008px ;	
}
img#home_page_link {
	display: block ;
	width: 122px ;
	height: 51px ;
	margin: 25px 0 0 10px ;
}
ul#nav {
	list-style: none  outside ;
	margin-top: 15px ;
	font-size: 1px ;
	text-indent: -2008px ;
}
ul#nav li.property_details {
	background: url(../images/property-details-on.gif) no-repeat ;
}
ul#nav li.photo_gallery {
	background: url(../images/photo-gallery-on.gif) no-repeat ;
}
ul#nav li.contact {
	background: url(../images/contact-on.gif) no-repeat ;
}
ul#nav li.home {
	background: url(../images/home-on.gif) no-repeat ;
}
ul#nav li.property_details, ul#nav li.property_details a, 
ul#nav li.photo_gallery, ul#nav li.photo_gallery a, 
ul#nav li.contact, ul#nav li.contact a,
ul#nav li.home, ul#nav li.home a {
	display: block ;
	width: 200px ;
	height: 24px ;
	line-height: 0px ;
}
ul#nav li.property_details a {
	background: url(../images/property-details.gif) no-repeat ;
}
ul#nav li.property_details a:hover {
	background: url(../images/property-details-on.gif) no-repeat ;
}
ul#nav li.photo_gallery a {
	background: url(../images/photo-gallery.gif) no-repeat ;
}
ul#nav li.photo_gallery a:hover {
	background: url(../images/photo-gallery-on.gif) no-repeat ;
}
ul#nav li.contact a {
	background: url(../images/contact.gif) no-repeat ;
}
ul#nav li.contact a:hover {
	background: url(../images/contact-on.gif) no-repeat ;
}
ul#nav li.home a {
	background: url(../images/home.gif) no-repeat ;
}
ul#nav li.home a:hover {
	background: url(../images/home-on.gif) no-repeat ;
}
div#short_description {
	float: left ;
	margin-left: 10px ;
	width: 401px ;
	height: 194px ;
	background: url(../images/short-description-bg.gif) 0px 17px no-repeat ;	
}
div#short_description p {
	font-size: 1px ;
	text-indent: -2008px ;
}
/* main content */
ul#main_description {
	list-style: none outside ;
	font-size: .8em  ;
/*	font-weight: bold ; */
	padding: 1em 0 0 15px ;
}
ul#main_description li {
	margin-top: .4em ;
	padding-top: .15em ;
	line-height: 1.25em ;
}
div#slideshow {
	margin-top: 8px ;
	margin-left: 22px ;
	width: 344px ;
	height: 258px ;	
}
div#content h2 {
	font-family: georgia, serif ;
	font-size: 1.15em ;
	text-transform: uppercase ;
	margin: 0 250px .5em 15px ;
	padding: 1em 0 .5em 0 ;	
	border-bottom: 1px solid #FF9 ;
}
div#content h3 {
	color: #FF9 ;
	font-family: georgia, serif ;
	font-size: 1em ;
	margin: 0 250px .5em 15px ;
	padding: 1em 0 .5em 0 ;
	border-bottom: 1px solid #FF9 ;
}
div#content p, div.return_to_top { width: 480px ; }
div#content p {
	font-size: .8em ;
	line-height: 1.45em ;
	margin: 0 200px 0 40px ;
	padding-bottom: 1.5em ;
}
div#quick_links, div.property_details_img {
	float: right ;
	width: 160px ;
	height: 130px ;
	display: inline ;
	margin-right: 50px ;
}
div#quick_links {
	color: #FF9 ;
}
div#quick_links h4.more_info {
	text-transform: uppercase ;
	font-size: .75em ;
	padding-left: 37px ;
	background: url(../images/more_info.gif) no-repeat ;
}
div#quick_links ul {
	border-top: 1px solid #FFF ;
	list-style: none outside ;
	font-size: .8em ;
	margin-top: .5em ;
	margin-left: 37px ;
}
div#quick_links ul li {
	line-height: 1em ;
	padding-top: .5em ;
	padding-bottom: 2px ;
}
div#quick_links ul li a { }
div.property_details_img {	
	background: url(../images/photo-bg-medium.gif) no-repeat ;	
}
div.property_details_img img {
	margin: 6px 0 0 10px ;
	display: block ;
}
div#img_viewer {
	width: 390px ;
	height: 300px ;
	background: url(../images/img-viewer-bg.gif) no-repeat ;		
	float: right ;
	margin-left: 20px ;
}
img#current_img {
	margin-top: 8px ;
	margin-left: 22px ;
}
.thumb {
	float: left ;
	border: 4px solid #FFF ;
	margin: 0 0 .65em 10px ;
}
.thumb img { display: block ; }
div#gallery1 { }
div#gallery2 { margin-top: .65em ; }
div#gallery_intro {
	font-size: .75em ;
	line-height: 1.5em ;
	margin: 0 0 1em 10px ;
	padding-top: 1em ;
}
span#contact_blurb {
	font-size: .8em ;
	line-height: 1.45em ;
	margin: 0 300px 0 40px ;
	display: block ;
}
ul.contact_info {
	margin: 1em 300px 0 40px ;
	font-size: .8em ;
	list-style: none ;
	line-height: 2em ;
}
span.contact_method {
	font-weight: bold ;
}
a.hyper, div.return_to_top a {
	color: #FF9 ;
	text-decoration: none ;
	padding: 0 1px ;
}
a:hover.hyper, div.return_to_top a:hover {
	color: #933 ;
	border-bottom: 1px solid #933 ;
	background-color: #FF9 ;
}
div.return_to_top {
	font-size: .7em ;
	text-align: right ;
	letter-spacing: .1em ;
	margin-left: 40px ;
	padding-bottom: 1px ;
}
/* footer content */
ul#footer_info {
	font:  .75em arial, sans-serif ;
	color: #FFF ;
	padding-top: 2em ;
	padding-bottom: 1em ;
/*	text-transform: uppercase ; */
}
ul#footer_info li {
	display: inline ;
	background: url(../images/pipe.gif) 0 3px no-repeat ;
	padding-left: 15px ;
}
ul#footer_info li.start {
	background-image: none ;
	padding-left: 0 ;
}
/* red panda link */
a.red_panda {
	color: #FF9;
	margin: 0 3px ;
	padding: 0 ;
	text-decoration: none ;
	border-bottom: 1px solid #FFF ;	

}
a:hover.red_panda {
	background-color: #C33 ;
	color: #FFF ;
	margin: 0 ;
	padding: 0 3px ;
	border-bottom: 1px solid #000 ;	
}
/* * * * * * * * * * * * * * * * * * * * */

/* clearfix */

.clearfix:after {
	content: "." ;
	display: block ;
	clear: both ;
	visibility: hidden ;
	line-height: 0 ;
	height: 0 ;
}
.clearfix { display: inline-block ; }
html[xmlns] .clearfix { display: block ; }
* html .clearfix { height: 1% ; }

/* end of clearfix */