﻿/* American Realty main Style */
html
{
	overflow-y: scroll;
}

html, body
{
	margin: 0 auto;
	padding: 0;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

body
{
	font: .75em Verdana, Arial, Sans-serif;
	background: #e9e5d6 url(images/bkgd.jpg) no-repeat top center;
	line-height: 1.5em;
}

#header
{
	height: 154px;
	color: #d4cbb4;
	line-height: 1.4;
	font-size: 12px;
	position: relative;
	z-index: 2;
}

#content
{
	background-color: #ffffff;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	margin-bottom: 0;
}

.box
{
	background-color: #ffffff;
}

#footer
{
	background-color: #e7e7e8;
	color: #a7a9ac;
	text-align: center;
	padding: 10px 0px;
	margin-top: 10px;
}

div#footer a
{
	color: #a7a9ac;
	text-decoration: none;
}

div#footer a:hover
{
	color: #666666;
	text-decoration: underline;
}

div#footer .copyright
{
	color: #666666;
	margin-top: 7px;
}

#divTip p
{
	margin-top: 15px;
}

.leftbox img, .rightbox img
{
	border: solid 1px #DDD;
}
.leftbox p, .rightbox p
{
	margin-top: 10px;
}
.leftbox a, .rightbox a, .top-right-box a, a
{
	color: #82232b;
	text-decoration: none;
}

.leftbox a:hover, .rightbox a:hover, .top-right-box a:hover, a:hover
{
	text-decoration: underline;
}
.leftbox, .rightbox
{
	padding: 15px 25px;
	color: #929295;
}

.leftbox
{
	background-color: #f5f4ef;
}

.rightbox
{
	background-color: #f7f8f8;
}

.top-right-box
{
	background: #D3CBB4;
	height: 320px;
}

.top-right-box .title img
{
	padding-left: 46px;
	padding-right: 26px;
}

.top-right-box .title
{
	color: #ffffff;
	font-weight: normal;
	font-size: 26px;
	padding-top: 10px;
	padding-left: 10px;
	height: 46px;
	border-bottom: solid 1px #FFFFFF;
}

.top-right-box > p
{
	padding: 10px;
	color: #666666;
	margin: 0px;
}

.leftbox h1, .rightbox h1
{
	color: #82232b;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.quick-links
{
	background-color: #D3CBB4;
	text-align: center;
	padding-bottom: 10px;
	height: 253px;
	_height: 264px;
}

.quick-links ul
{
	margin: 35px 25px;
}

.quick-links ul li
{
	list-style-type: none;
	margin-top: 8px;
}

.quick-links ul li a
{
	display: inline-block;
	width: 180px;
	_width: 210px;
	background: url(images/buttonsubN.gif) no-repeat;
	padding: 15px;
	height: 21px;
	_height: 51px;
	text-decoration: none;
	color: #666666;
}

.quick-links ul li a:hover
{
	background: url(images/buttonsubR.gif) no-repeat;
	color: #FFF;
}

.quick-links h2
{
	text-align: center;
	color: #82232b;
	font-weight: normal;
	font-size: 20px;
	display: inline;
	position: relative;
	top: 18px;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
}

.page-title
{
	background-color: #B3A98E;
	text-align: center;
	height: 56px;
	border-bottom: solid 1px #FFF;
}

.page-title h1, .page-title h2
{
	text-transform: uppercase;
}
.page-title h1
{
	color: #d4cbb4;
	font-weight: normal;
	font-size: 20px;
	display: inline;
	position: relative;
	top: 18px;
}

.page-title h2
{
	color: #82232b;
	font-weight: normal;
	font-size: 20px;
	display: inline;
	position: relative;
	top: 18px;
}

#box h1
{
	background-color: #d4cbb4;
	color: #58585a;
	font-weight: normal;
	font-size: 20px;
	padding: 10px 0 10px 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#divCampaign img
{
	margin: 0 10px 10px 0;
	border: solid 1px #CCC;
}

.sliderLink
{
	color: #FFF;
}

#slider
{
	width: 534px; /* important to be same as image width */
	height: 320px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent
{
	width: 534px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage
{
	float: left;
	position: relative;
	display: none;
}
.sliderImage span
{
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 516px;
	background-color: #81242C;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.;
	opacity: 0.8;
	color: #fff;
	display: none;
}
.clear
{
	clear: both;
}
.sliderImage span strong
{
	font-size: 14px;
}
.top
{
	top: 0;
	left: 0;
}
.bottom
{
	bottom: 0;
	left: 0;
}
ul
{
	list-style-type: none;
}
.style1
{
	font-size: 10px;
}
li.nolink a
{
	cursor: default;
}
img
{
	padding: 0;
	margin: 0;
}

.secondary-campaign
{
	background: #d4cbb4;
	color: #666666;
	height: 74px;
}
.secondary-campaign p
{
	padding: 5px;
	margin: 0px;
}
.secondary-campaign a.redbox
{
	margin: 25px 22px;
	padding: 2px 23px;
	background: #82232b;
	color: #e7e7e8;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
}
.secondary-campaign a:hover.redbox
{
	color: #FFFFFF;
}

#contact p
{
	padding: 10px 0px 0px 30px;
}
#contact h2, #forms h2, #realtor h2, #listings h2
{
	color: #82232b;
	font-weight: normal;
	font-size: 15px;
	padding: 10px 0px 0px 30px;
}

#listings h2
{
	padding: 0;
}

#contact a, #forms a, #realtor a
{
	color: #82232b;
	text-decoration: none;
}

#contact a:hover, #realtor a:hover, #forms a:hover
{
	text-decoration: underline;
}

#realtor ul
{
	margin: 10px 30px;
}
#realtor ul li label
{
	width: 70px;
	display: inline-block;
}
#realtor img
{
	margin: 15px 0;
}
#gradient
{
	background: url(images/shadebox.jpg) no-repeat;
	height: 119px;
}
#gradient h4
{
	margin: 10px 0 10px 10px;
	color: #ba877f;
	font-weight: normal;
	font-size: 16px;
	height: 23px;
	display: inline-table;
}
#gradient span.dark
{
	margin-left: 0;
	color: #82232b;
}

#gradient p
{
	margin: 0 10px 0px 10px;
	color: #666666;
}

#forms ul li {
	display: block;
	clear:  both;
	float: none;
}

#forms ul li .description
{
	font-size: .95em;
	padding-left: 40px;
	display: block;
}

#features p
{
	margin: 10px 10px;
	color: #666;
}

#divTip, #divCampaign
{
	text-align: left;
}

img.property
{
	background-color: #FFF;
	padding: .4em;
	border: solid 1px #CCC;
	margin: .4em .15em 0 0;
}

#property-detail img.property
{
	margin: .15em .15em 0 0;
}

.listing-tile a:hover
{
	color: #000;
}
.listing-tile a
{
	color: #82232b;
	text-decoration: none;
}
.listing-tile
{
	border: solid 1px #DDD;
	padding: .5em;
	margin: .8em 0 0 0;
	font-size: .9em;
}

.listing-tile p
{
	padding-right: .8em;
}

.listing-buttons
{
	background-color: #F1F0EB;
	margin-top: .5em;
	height: 33px;
}

.listing-buttons li
{
	display: inline;
}
.button:hover
{
	background-color: #FFF;
}
a.button
{
	padding: 8px .8em 0 45px;
	display: inline-block;
	height: 25px;
	margin: 0 .5em;
	background-position: 10px 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #82232b;
	cursor: pointer;
}

a.button:hover
{
	color: #000;
}

.view
{
	background-image: url(images/view.png);
}
.contact
{
	background-image: url(images/mail.png);
}
.showing
{
	background-image: url(images/calendar.png);
}
.map
{
	background-image: url(images/earth_location.png);
}
.apply
{
	background-image: url(images/contract.png);
}
.friend
{
	background-image: url(images/message.png);
}
.bus
{
	background-image: url(images/bus.png);
}
.faq
{
	background-image: url(images/question_and_answer.png);
}
.maintenance
{
	background-image: url(images/toolbox_24.png);
}
.payment
{
	background-image: url(images/credit_cards.png);
}
.tour
{
	background-image: url(images/videocamera_48.png);
    font-size: 14px!important;
}

li.video-tour { list-style: none;text-align: right; }

li.video-tour a.button, li.size48 a.button
{
	height: 50px;
	font-weight: bold;
	font-size: 1.35em;
	line-height: 50px;
	padding-left: 60px;
}

.size48 .apply
{
	background-image: url(images/contract_48.png);
}

.pager
{
	padding-left: 4px;
}

.pager-top
{
	margin-bottom: .8em;
}

.pager-bottom
{
	margin-top: .8em;
}

.pager .disabled
{
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
	display: none;
}

.pager .current
{
	background-color: #82232b;
	border: 1px solid #57171D;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a
{
	border: 1px solid #c0c0c0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	color: #82232b;
}

#property-detail #features ul li
{
	margin: .35em 0;
	border-bottom: dashed 1px #DDD;
}
#property-detail ul li label
{
	display: inline-block;
	width: 165px;
}
#property-detail ul
{
	margin: .5em;
}

#property-detail p
{
	padding: 0 .5em;
}
#property-detail h4
{
	background-color: #CCC;
	margin: .8em 0;
	padding: .5em;
	font-weight: bold;
}

#property-detail h2
{
	color: #82232b;
	font-weight: normal;
	font-size: 15px;
	padding: 0;
}

#property-detail h2 span
{
	display: inline-block;
	width: 145px;
	padding-left: 10px;
	color: #000;
}

#property-detail #top-bar
{
	background-color: #d4cbb4;
	border: solid 1px #8D8778;
	color: #58585a;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}

#property-detail h3
{
	font-weight: bold;
	font-size: 1.25em;
}

#photos {
    padding-top: .5em;
}

#divContact, #divShowing
{
	text-align: left;
}

a.enlargemap
{
	display: block;
	height: 21px;
	padding: 1px 0px 8px 0px;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	background-color: #81242C;
	color: #FFF;
	border: solid 1px #CCC;
	border-top: none;
}
a.enlargemap:hover
{
	background-color: #fff;
	color: #81242C;
}

div.infoWindow
{
	font-size: 10px !important;
	text-align: left;
}

.infoWindow a
{
	color: #82232b;
	text-decoration: none;
}


.infoWindow a:hover
{
	text-decoration: underline;
}

.gmnoprint > div > div > div
{
	overflow: hidden !important;
}

.searchForm
{
	padding-left: 2em;
}

.searchForm label
{
	display: inline-block;
	width: 125px;
}

.searchForm input[type="text"], .searchForm input[type="password"], .searchForm input.text, .searchForm input.title, .searchForm textarea, select
{
	margin: .25em 0;
}

span.checkbox
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio
{
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select
{
	position: absolute;
	width: 118px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	background: url(images/select.gif) no-repeat;
	overflow: hidden;
}

.available
{
	background-color: #FFFCCC;
}

.rental-button
{
	border: solid 1px #CCC;
	padding: .6em;
}

.rental-button:hover
{
	background-color: #F2F2F2;
}

.rental-button h2
{
	font-weight: bold;
	font-size: 1.35em;
	text-align: center;
}

#divContact label, #divMaintainenceRequest label, #divGeneralContact label, #divShowing label, #divFriend label
{
	display: inline-block;
	width: 215px;
}

#version 
{
	padding-top: 4px;
	margin-top: 0;
	background-color: inherit;
	text-align: right;
	color: #D3CBB4;
}

/* FORM ELEMENTS
--------------------------------------------------------------------- */

.form_row
{
	clear: both;
	margin: .25em 0;
}

.form_row .label
{
	float: left;
	width: 210px;
	padding: .25em 0 0 0;
	margin-right: 1em;
	text-align: right;
}

.req
{
	font-weight: bold;
}

.form_row .norm
{
	font-weight: normal;
}

.form_row .field
{
	float: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.form_row .field span
{
	display: inline-block;
	padding-top: 0.2em;
}

.form_row .text
{
	float: left;
	padding: .25em 0 0 0;
	margin: 0;
}

.form_row span.radialText
{
	float: left;
	padding: .2em 0 0 .5em;
	margin: 0px;
}

.validation-summary-errors ul  
{
	margin: 1em;
}

.validation-summary-errors ul li 
{
	list-style-type:circle;
	margin-left: 1em;
}

.validation-summary-valid 
{
	display: none;
}

.application h3 
{
	margin-top: 1em;
	border-bottom: solid 1px #000;
	font-weight: bold;
	font-size: 1.25em;
}

.application table 
{
	width: 100%;
}

.application table tr th 
{
	font-weight: bold;
}

.rightbox h3 {
    font-weight: bold;
}

.hide { display: none; }

.blog_image {
    float: left;
    padding: 0 6px 6px 0 ;
    border: none!important;
}
