@charset "utf-8";
/*------------------------------ general styles --------------------------------------- */

/*  normalize margins & padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}

/*  normalize font-size on all headers  */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

/*  remove list style  */
ol, ul {
	list-style:none;
}

/*  normalize font-style and font-weight  */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

/*  remove borders and spacing on tables */
table {
	border-collapse:collapse;
}

/*  removes borders from fieldset and images */
fieldset, img {
	border:0;
}

/* styles the div that wraps the entire design */
#wrapper {
	width: 911px;
	margin-left: -456px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #959592;
	border-left-color: #959592;
	position: absolute;
	left: 50%;
}

/* styles the body, sets baseline text styles */
body {
	background-image: url(images/backg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #480203;
	background-color: #f6f5f5;
}

/*  the logo area */
h1 {
	background-image: url(images/masthead.gif);
	text-indent: -9999px;
	height: 103px;
	width: 911px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* the navigation bar */#nav {	background: url(images/nav_background.gif) no-repeat left top;	height: 68px;	width: 910px;	text-align: center;	position: absolute;	left: 0px;}/* remove seperator from last item in nav list*/#nav #nav_last {	border-right-style: none;	border-right-width: 0px;}/* individual list item in the list used for the nav */#nav li {	display: inline;	border-right: 1px solid #480203;	padding: 0 14px;}/* spaces the nav list */#nav ol {	margin-top: 30px;}/* styles the links in the nav */#nav a {	text-decoration: none;	color: #480203;	text-transform: uppercase;	font-style: normal;}/* rollovers for the nav */#nav a:hover {	color: #990000;	border-bottom: 6px solid #900;	padding-bottom: 5px;}
/* used to clear floats, used throught the site */
.clear {
	clear: both;
}

/* add some style to paragraphs */
p {
	margin-bottom: 15px;
	line-height: 1.3em;
}

/* footer area and background */
#footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 910px;
	font-size: 12px;
}

/* for the contact text in the footer */
#footer ul {
	padding-top: 20px;
	padding-left: 85px;
}

/* ------------------------------ end general styles ------------------------------------ */



/* -------------------------------home page styles ---------------------------------------*/

/* main section on home page */
#home_main_content {
	margin-top: 85px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #480203;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 30px;
}

/*for the image used  on home page */
#home_pic {
	float: right;
	padding-left: 15px;
}

/* styles the large 'Welcome' word used in the welcome message */
#home_main_content h2 {
	background-image: url(images/welcome_header.gif);
	display: block;
	height: 73px;
	width: 199px;
	text-indent: -9999px;
}

/* styles the first line of text on the home page, placing it next to the 'Welcome' word */
#home_main_content h3 {
	padding-left: 205px;
	font-weight: normal;
	margin-top: -20px;
	margin-bottom: 10px;
}

/* large button used on the home page*/
#view_button {
	padding-top: 10px;
	margin-left: 65px;
}

/* Feature Property section on the home page */
#home_featured_property {
	float: left;
	width: 560px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #480203;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
}

/* Contact section on the home page */
#home_contact {
	float: right;
	width: 285px;
	padding: 10px;
}

/* for the heading */
#home_featured_property h3 {
	background-image: url(images/featured_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 342px;
}

/* thumbnail used on Featured Property section of home page */
.property_thumbnail {
	border: 1px solid #000000;
}

/* div that contains the Featured Property thumbnail */
#featured_property_box_pic {
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 50px;
}

/* the box that contains that content for Featured Property */
#featured_property_box {
	background-color: #e2ddcc;
	padding: 8px;
	border: 1px solid #959081;
	margin-top: 6px;
	font-size: 12px;
}

/* inside the Featured Property box, this is the title of the property */
#featured_property_box h4 {
	font-weight: normal;
	font-variant: small-caps;
	font-size: 18px;
}

/* Address of the property */
#featured_property_box h5 {
	font-size: 12px;
	font-weight: bold;
}

/* Link ('Click here') in the Featured Property box */
#featured_property_box h6 {
	font-variant: small-caps;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #480203;
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 220px;
}

/* Featured Property box link */
h6 a {
	color: #480203;
	text-decoration: none;
}

/* Featured Property box rollover */
h6 a:hover {
	color: #000099;
	text-decoration: underline;
}

/*header for the Contact section */
#home_contact h3 {
	background-image: url(images/contact_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 228px;
}

/* spaces the Contact section */
#home_contact {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* spacing to these list items in the Contact box*/
#contact_phone, #contact_email {
	margin-top: 8px;
}

/* link in Contact box*/
#home_contact a {
	color: #480203;
	text-decoration: none;
}

/* rollover for Contact box */
#home_contact a:hover {
	color: #000099;
	text-decoration: underline;
}

/*------------------------------------------- end home styles --------------------------- */


/*------------------- general styles used on About, Area Info, and Individual Community page ----------------*/

/* entire content area, sets some spacing */
#main_content {
	margin-top: 85px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 30px;
}

/* sidebar area */
#main_sidebar {
	float: left;
	width: 260px;
}

/* main content area on these pages */
#main_copy {
	float: right;
	width: 595px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #480203;
	padding-left: 15px;
	margin-bottom: 15px;
}

/*------------------- end general styles used on About, Area Info, and Individual Community page ----------------*/


/*----------------------------------- About Us -------------------------*/

/* sidebar used on the About page */
#contact_sidebar {
	background-image: url(images/contact_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 228px;
}

/*  main page header */
.about_page h2 {
	background-image: url(images/about_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 76px;
	width: 565px;
}

/* picture on About page */
#about_pic {
	float: right;
	margin-bottom: 5px;
	margin-left: 8px;
}
.about_staff_contact_list {
	padding-top: 14px;
}
.about_staff_contact_list a {
	text-decoration: none;
	color: #480203;
}
.about_staff_contact_list a:hover {
	color: #000066;
	text-decoration: underline;
}



/* links in sidebar */
#main_sidebar a {
	text-decoration: none;
	color: #480203;
}

/* rollover for About sidebar */
#main_sidebar a:hover {
	color: #000099;
	text-decoration: underline;
}

/* -------------------------------------- end About ------------------------*/



/* -------------------------------------Area Information ---------------------------- */

/* head for area info page */
.area_info_page h2 {
	background-image: url(images/area_info_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 76px;
	width: 565px;
}
.area_info_page   #main_copy   a  {
	text-decoration: none;
	color: #480203;
}
.area_info_page #main_copy a:hover {
	color: #000066;
	text-decoration: underline;
}
.space {
	padding-bottom: 150px;
}



/* sidebar with list of Communities */
#area_info_sidebar {
	background-image: url(images/communities_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	width: 228px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

/* individual Community div used on the Area Info page's sidebar */
.community_small {
	background-color: #e2ddcc;
	width: 250px;
	border: 1px solid #9b9687;
	padding: 5px;
	margin-bottom: 20px;
}

/* Community name in sidebar*/
.community_small h4 {
	font-variant: small-caps;
	padding-top: 4px;
}

/* paragraphs in sidebar*/
.community_small p {
	font-variant: small-caps;
	font-size: 12px;
}

/* image in sidebar*/
.community_small img {
	float: left;
	border: 1px solid #333333;
	margin-right: 4px;
}

/* links in sidebar */
.community_small a {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6b1b1c;
	padding-top: 5px;
}

/* ------------------------------------- end Area Information ---------------------------- */


/*--------------------------------------Individual Community pages --------------------------*/

/* header */
.little_compton_page h2 {
	background-image: url(images/little_compton_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 76px;
	width: 565px;
	text-indent: -9999px;
}

/* sidebar on Community pages */
#image_gallery_sidebar {
	background-image: url(images/gallery_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	width: 228px;
	text-indent: -9999px;
}

/* div that wraps around each image used in a Community's sidebar / Gallery */
.community_gallery {
	border: 1px solid #6b1b1c;
	height: 180px;
	width: 240px;
}

/* header */
.tiverton_page h2 {
	background-image: url(images/tiverton_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 76px;
	width: 565px;
}

/* header */
.westport_page h2 {
	background-image: url(images/westport_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 76px;
	width: 565px;
}

/*--------------------------------------end Individual Communities ------------------ */


/*----------------------------------------Listings-------------------------------------- */

/* header */
.listings_page h2 {
	background-image: url(images/listings_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 84px;
	width: 873px;
}

/* img used on each 'teaser' on the Listings main page */
.main_property img {
	float: left;
	margin-right: 15px;
	border: 1px solid #333333;
}

/* title of the property*/
.listings_page .property_title {
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
}

/* price */
.listings_page .property_price {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: -18px;
	float: right;
	padding-right: 15px;
}

/* address */
.listings_page .property_address {
	font-size: 14px;
	padding-top: 4px;
}

/* Description */
.listings_page .property_desc {
	font-size: 12px;
	padding-top: 4px;
}

/* div that wraps around each property displayed on the Listings main page */
.main_property {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #480203;
	padding-bottom: 50px;
	padding-top: 15px;
}
.more_details {
	padding-top: 10px;
	padding-bottom: 30px;
}


/*---------------------------------------end Listings -------------------------------------- */


/*----------------------------------------Rentals page-------------------------------------- */

/* div that wraps around each Rental listed on the main Rentals page */
.rentals_page .main_property {
	padding-bottom: 65px;
}

/* Year round section header */
#year_round_head {
	margin-top: 20px;
}

/* buttons to jump to the Rental categories */
#rentals_section_buttons {
	float: right;
	margin-top: -52px;
	margin-right: 20px;
}

/* spaces the rental category buttons */
#rentals_section_buttons img {
	padding-left: 15px;
}

/* header */
.rentals_page h2 {
	background-image: url(images/rentals_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 84px;
	width: 873px;
}

/* header areas for each category in Rentals */
#summer_head, #year_round_head {
	background-color: #e3decb;
	width: 800px;
	border: 1px solid #6b1b1c;
	padding: 10px;
}

/* Summer or Year Round words in category headers */
.rentals_page h3 {
	font-variant: small-caps;
	font-size: 16px;
}

/* other text in category headers */
#summer_head p {
	margin-top: -19px;
	font-style: oblique;
	font-variant: small-caps;
	padding-left: 160px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Address*/
.rental_address {
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
}

/* Price */
.rental_price {
	font-size: 16px;
	font-weight: bold;
	margin-top: -18px;
	float: right;
	padding-right: 15px;
}

/* City */
.rental_city {
	font-size: 14px;
	padding-top: 4px;
}

/* Description*/
.rental_desc {
	font-size: 12px;
	padding-top: 4px;
}

/*----------------------------------------end Rentals------------------------------ */


/*----------------------------------------Ind Listing and Ind Rentals-------------------- */

/* Positions the Gallery and Map areas */
#listings_left_side {
	float: left;
	width: 430px;
}

/* Positions the Details and Inquire areas */
#listings_right_side {
	float: right;
	width: 430px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6b1b1c;
	padding-left: 20px;
}

/* header for Image Gallery */
#image_gallery h3 {
	background-image: url(images/gallery_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 228px;
	margin-bottom: 10px;
}

/* border on all images in the gallery */
#image_gallery img {
	border: 1px solid #333333;
}

/* header for Details */
#property_details h3 {
	background-image: url(images/property_details_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 228px;
	margin-bottom: 5px;
}

/* Copy in the Gallery*/
#image_gallery p {
	font-size: 12px;
}

/* spaces the gallery */
#image_gallery {
	margin-bottom: 50px;
}

/* Header for map area */
#map_property h3 {
	background-image: url(images/map_property_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 34px;
	width: 228px;
	margin-bottom: 15px;
}

/* spaces map area */
#map_property {
	margin-bottom: 20px;
}

/* used for the the 'Back to Listings' button */
.listings_page  h5, .rentals_page h5 {
	background-image: url(images/back_to_listings_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 25px;
	width: 150px;
	float: right;
	margin-top: -55px;
	margin-bottom: 30px;
	margin-right: 18px;
}

/* 'Back to Rentals' button */
.rentals_page h5 {
	background-image: url(images/back_to_rentals_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* spaces the table used for the Details */
.listings_page  table, .rentals_page table {
	margin-left: 10px;
}

/* The individual 'stats' - ala Price, Address, etc. - on listing pages */
.ind_stat {
	font-weight: bold;
}

/* On the Rentals page, this indents the stats that are sub-items */
.ind_stat2 {
	padding-left: 15px;
	font-weight: bold;
}

/* space the TDs */
td {
	padding-bottom: 8px;
}

/* Use this on properties that are FOR SALE */
.status_result_forsale {
	text-transform: uppercase;
	color: #006600;
}

/*  for SOLD */
.status_result_sold {
	text-transform: uppercase;
	color: #FF0000;
}

/* for PENDING  */
.status_result_pending {
	text-transform: uppercase;
	color: #000099;
}

/* for SUMMER RENTALS */
.status_summer {
	color: #FF3300;
}

/* for YEAR-RPUN RENTALS */
.status_yearround {
	color: #660033;
}

/* for the 'Description' word used on that area of the Details */
.listings_page h4 {
	font-size: 14px;
	font-weight: bold;
}

/* spaces the Details section */
#property_details {
	margin-bottom: 30px;
}

/*-------------------------------------end Ind Listings and Ind Rentals --------------------------------- */



/* -----------------------------------------------Forms-----------------------------------------------------*/
#inquire_form_div h3 {
	background-image: url(images/inquire_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	width: 371px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#inquire_form {
	background-color: #b9b4a2;
	width: 280px;
	border: 1px solid #333333;
	margin-left: 20px;
	margin-top: 20px;
	padding: 6px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

/* for the labels */
#inquire_form label span {
	float: left;
	width: 70px;
	text-align: right;
	background-color: #666666;
	padding-right: 10px;
}

/* for the text boxes and text area */
#inquire_form fieldset input, textarea {
	float: right;
	width: 170px;
	border: 1px solid #000000;
	text-align: left;
	margin-right: 16px;
}

/* add some space to the bottom of the textarea */
#inquire_form fieldset textarea {
	margin-bottom: 5px;
}

/* styles for hover states  */
#inquire_form fieldset input:hover, textarea:hover {
	border: 1px solid #d49f43;
}

/* for focus and active state */
#inquire_form fieldset input:active, input:focus, textarea:active, textarea:focus {
	border: 1px solid #d49f43;
	padding-bottom: 15px;
}

/* div that contains the submit button */
#inquire_form div {
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #666666;
}

#inquire_form div input {
	background-color:#cb9b37;
	border: 2px double #584115;
	border-top-color:#e2c38d;
	color:#fff;
	font-weight: bold;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#inquire_form div input:hover {
	background-color:#e2c38d;
}
#inquire_form label {
}
/* displays in block style */
label, label span {
	display: block;
	padding-bottom: .25em;
}

/*  styles the actual form for size, etc. */
#contact {
	background-color: #999999;
	width: 340px;
	border: 1px solid #333333;
	margin-left: 70px;
	margin-top: 20px;
	padding: 7px;
}

/* styles the labels before form fields */
label {
	float: left;
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 4px;
	font-size: 11px;
	padding: 3px;
}

/* for the labels */
label span {
	float: left;
	width: 100px;
	text-align: right;
	background-color: #666666;
	padding-right: 10px;
}

/* for the text boxes and text area */
fieldset input, textarea {
	float: right;
	border: 1px solid #000000;
	text-align: left;
	margin-right: 16px;
}

/* add some space to the bottom of the textarea */
fieldset textarea {
	margin-bottom: 5px;
}

/* styles for hover states  */
fieldset input:hover, textarea:hover {
	border: 1px solid #d49f43;
}

/* for focus and active state */
fieldset input:active, input:focus, textarea:active, textarea:focus {
	border: 1px solid #d49f43;
}

/* div that contains the submit button */
form div {
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #666666;
}

form div input {
	background-color:#cb9b37;
	border: 2px double #584115;
	border-top-color:#e2c38d;
	color:#fff;
	font-weight: bold;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

form div input:hover {
	background-color:#e2c38d;
}
/*----------------------------------------------End Forms-------------------------------------- */