body {font-size:100%; line-height:1.125em; /*18px*/ margin:0; padding:0; background-color:#fff; color:#666; font-family: Arial, Tahoma, "Times New Roman", Times, serif;}
/*
	if font-size is 100% in body then these work out (assumed default setting in the browser of 16px)
  font-size:1em;		 = 16px
	font-size:0.875em; = 16x.875=14px
	font-size:0.75em;  = 16x0.75=12px
*/
html, body {min-height: 100%; width: 100%; height: 100%;}
html>body {height: auto;}

h1 {line-height:1em; color:#000000;border-bottom: solid 1px ;padding-bottom:10px;margin-top:10px;}
h2 {color:#966100;}
h3 {color:#C53736;}
.bold {font-weight:800;}
img {border:none;}
.smalltext {font-size:0.875em;}
.footertext {font-size:0.675em; color:#2B2B2D;}

a:active, a:link, a:visited {color: #86878B;font-weight:700;text-decoration:underline;}
a:hover {color:#000;font-weight:800;text-decoration:underline;}

div#container {margin-left:auto;margin-right:auto;width:975px;height:auto;min-height:675px;text-align:left;padding:0 10px 10px 10px;margin-top:10px;background:white url(../images/nav_background.jpg) bottom left no-repeat}
/* this is for IE6 */
* html div#container {height:675px;}

div#header {width:975px;height:100px;text-align:left;background-color:#f00;}

div#header_top {width:975px;height:80px;text-align:left;background-color:#C42718;}
div#header_top_left {width:500px;text-align:left;float:left;}
div#header_top_right {width:475px;float:left;text-align:right}

div#header_bottom {width:975px;height:20px;text-align:left;background-color:#ccc;font-size:10pt}
div#header_bottom a:active, div#header_bottom a:link, div#header_bottom a:visited {color: #86878B;font-weight:700;font-size:8pt;text-decoration:underline;}
div#header_bottom a:hover {color:#000;font-weight:800;text-decoration:underline;}

div#header_bottom_left {width:600px;text-align:left;float:left;}
div#header_bottom_right {width:370px;text-align:right;float:right;}

div#main_nav {clear:both;width:121px;height:530px;text-align:left;float:left;font-size:10pt; margin-right: 19px;} 

div#content {width:820px;height:auto;min-height:530px;text-align:left; font-size:10pt;color: #000000;float:left;}
/* this is for IE6 */
* html div#content {height:530px;}

div#address {margin-left: 200px;width:270px;height:50px;font-size:10pt;color:white;}
div#address a:active, div#address  a:link, address  a:visited {color: #fff;font-weight:700;text-decoration:underline;}
div#address a:hover {color:#000;font-weight:800;text-decoration:underline;}

div#searchbox {float:left;width:798px;height:105px;padding:10px;margin:0px 0px 10px 0px;text-align:left;font-size:10pt;background-color:#fafafa;border: solid 1px #f2f2f2;}

div#propertyimage{margin-top: 20px; margin-left: -75px;float:left;width:180px;height:200px;font-size:10pt;}

div#footer {clear:both;margin-top: 150px; width:975px;padding-top: 20px;text-align:left;background-color:#ccc; color: #86878B}

.menu {padding:0;margin:0;}
.menu li {list-style-type:none;}

div#searchbox p {width:210px; clear:left; margin:0; padding: 5px 0 8px 0; height: 1%;}
div#searchbox p.heading {width:210px; clear:left; margin:0; padding: 5px 0 10px 0; font-weight:600;}

div#searchbox label {float: left; text-align: left; font-family: Arial, Tahoma, "Times New Roman", Times, serif; width: 100px; font-weight:800; color:#fff; background:#85878a; padding:1px 0 1px 5px;}
div#searchbox input, div#searchbox textarea, div#searchbox select{font-size: 1em; font-family: Arial, Tahoma, "Times New Roman", Times, serif; color: #666; background: #fff; border: 1px solid #ccc;}

div#searchbox input.submit {border: 2px solid #999; background: #cfcccc;float:right; margin:2px 10px 0 0;}

div#searchbox input:focus, div#searchbox input:hover, div#searchbox textarea:focus, div#searchbox textarea:hover, div#searchbox select:focus, 
div#searchbox select:hover {color: #000;background: #cfcccc; /*#F5FAFA;*/border: 1px solid #455084; /*#888;*/} 
div#map {}
.googlemap {padding:4px;margin:0px 10px 15px 15px;width:426px;height:351px;border:solid 1px #066;float:left}
 
/* table for properties listing */
table.selectable {padding: 0;margin: 0;}

caption {padding: 0 0 5px 0; font: italic 11px Arial, Tahoma, "Times New Roman", Times, serif; text-align: right;}

th {font: bold 11px Arial, Tahoma, "Times New Roman", Times, serif; color:#4f6b72; border-right:1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase;
	text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA; background-color:#A3C9BA;color:#006B41;}

td {/* border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	*/ padding: 6px 6px 6px 12px; color: #4f6b72;}


/* property details page */

/*div.acc_detail_col1 {width:332px;float:left;}*/
div.acc_detail_col1 {width:820px;float:left;}
/*div.acc_detail_col2 {width:485px;float:right;}*/
div.acc_detail_col2 {width:820px;float:right;}

.property_large {padding:5px;background-color:#fff;height:225px;width:300px;border: solid 1px #559d80;float:left;margin-top:5px;margin-right:20px;}
.property_small {margin:5px;padding:4px;background-color:#fff;height:68px;width:90px;border: solid 1px #559d80;float:left;}
.property_small_end {margin:5px 0 5px 0;padding:4px;background-color:#fff;height:68px;width:90px;border: solid 1px #559d80;float:left;}

.property_medium {margin:5px;padding:4px;background-color:#fff;height:90px;width:120px;border: solid 1px #966100;float:left;}

.gallerycontainer{ position: relative; height: 235px; /*Add a height attribute and set to largest image's height to prevent overlaying*/}
.thumbnail img{}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid blue;}

/*CSS for enlarged image*/
.thumbnail span{position:absolute;background-color:transparent;left:-1000px;visibility:hidden;color:black;text-decoration:none;}
.thumbnail span img{ /*CSS for enlarged image*/ }
.thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top: 0px;left: 0px; /*position where enlarged image should offset horizontally */z-index: 50;}

.box_tab_container {width:100%;overflow:auto;}
.box_tab {background: #559d80 url(../images/dot.jpg) 0 0 repeat-x;width:10em;color:#fff;font-size:1em;font-weight:800;margin-left:10px;float:left;text-align:center}
.small_tab {width:5em;}
.large_tab {width:15em;}

.kp_top_tab {background: #559d80 url(../images/kp_top_tab_dot.jpg) 0 0 repeat-x;width:10em;color:#fff;font-size:1em;font-weight:800;margin-left:10px;float:left;text-align:center}
.kp_top_tab_top_left {background: url(../images/kp_top_tab_corner_tl.gif) 0 0 no-repeat}
.kp_top_tab_top_right {background: url(../images/kp_top_tab_corner_tr.gif) 100% 0 no-repeat; padding:3px;}

.kp_sub_tab {background: #559d80 url(../images/kp_sub_tab_dot.jpg) 0 0 repeat-x;width:10em;color:#fff;font-size:1em;font-weight:800;margin-left:10px;float:left;text-align:center}
.kp_sub_tab_top_left {background: url(../images/kp_sub_tab_corner_tl.gif) 0 0 no-repeat}
.kp_sub_tab_top_right {background: url(../images/kp_sub_tab_corner_tr.gif) 100% 0 no-repeat; padding:3px;}

.full_width {width:100%;}
.float_left {float:left;}
.box_content_bg_1 {background-color:#fdf1f1;}
/*.box_content_bg_2 {background-color:#E5EFEB;}*/
.box_content_bg_2 {background-color:#fff;}
.box_content_bg_3 {background-color:#CAE8EA;}

h3.photographs {padding:5px;background-color:#C53736;color:#fff;margin:0 0 5px 0;}
h3.details {padding:5px;background-color:#C53736;color:#fff;margin:0 0 5px 0;width: 100%}
h3.highlights {padding:5px;background-color:#C53736;color:#fff;margin:0 0 5px 0;}
ul.highlightpoints {margin:0;padding:0;}
ul.highlightpoints li {list-style-type:none;margin:0;padding:0;clear:both;}
span.highlight {width:180px;float:left;display:block;font-weight:800;text-align:right;margin:0 15px 0 0;}
h3.furtherinfo {padding:5px;background-color:#C53736;color:#fff;margin:0 0 5px 0;}

div.property_title_left{float:left;width: 675px; height: 25px; background-color:#C53736; padding-top:5px;padding-left:5px;}
div.property_title_right{float:left;width: 140px; height: 25px;background-color:#C53736; padding-top:5px;color:#fff;}

/*div.property_title_left h3{color:#fff} */
div.property_title_left h3{padding:0px;color:#fff;margin:0 0 0px 0;} 
div.property_title_right span{font-size: 1.5em;font-weight:bold; width:90px; padding:0px;color:#fff;margin:0px; text-align:right; }

.featured_property {background: #cab07f url(../images/potw_bg.jpg) repeat-y; color:#fff;width:480px;padding:5px 0 5px 0;margin:0 0 0 15px;}

/* end property details page */


/* Navagation Bar folding door method code could be reduced I think Kev*/

.house ul{ padding: 0; margin: 0; list-style-type: none;}
.rental ul{ padding: 0; margin: 0; list-style-type: none;}
.contact ul{ padding: 0; margin: 0; list-style-type: none;}

.house a, .house a:visited{ background: url(../images/redhouse.jpg) no-repeat;
display: block;
width: 121px;
height: 106px;
color: white;
text-decoration: none;
padding:0px 0 0px 0px;}

.rental a, .rental a:visited{background: url(../images/rental.jpg) no-repeat ;
display: block;
width: 121px;
height: 106px;
color: white;
text-decoration: none;
padding:0px 0 0px 0;
}
.contact a, .contact a:visited{ background: url(../images/contacts.jpg) no-repeat ;
display: block;
width: 121px;
height: 106px;
color: white;
text-decoration: none;
padding:0px 0px 0px 0px; 
} 

.house a:hover{ color: #A5A5A5;text-decoration: none;background: url(../images/redhouse.jpg) no-repeat bottom left;}
.rental a:hover{ color: #A5A5A5;text-decoration: none;background: url(../images/rental.jpg) no-repeat bottom left;}
.contact a:hover{ color: #A5A5A5;text-decoration: none;background: url(../images/contacts.jpg) no-repeat bottom left;}

div.text_house {color: #fff;width:115px;text-align:center;padding-top:80px;font-size:10pt; }
div.text_rental {color: #fff;width:110px;text-align:center;padding-top: 65px;font-size:10pt;}
div.text_contact {color: #fff;width:115px;text-align:center;padding-top: 85px;font-size:10pt;}
/*  end of Navigation Bar */
th {
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #C42000;
  background-color:#C53736;color:white;
}



/*Bottom Right navigational links */

div#nav li {padding:0px 12px 0px 12px; text-indent:0px; float:left;}

div#nav_left li {padding:0px 12px 0px 12px; text-indent:0px; float:left; text-align:left;}
div#nav_right li {padding:0px 12px 0px 12px; text-indent:0px; float:right; text-align:right;}

/* Links Page */
table.link{background-color: #FFEAF2;	padding: 0;	margin: 0;}
td.link_textname {color: black; font-weight:800}

/* TABBED LAYOUT CODE */
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
/*border-bottom: 1px solid #f60;*/
border-bottom: 1px solid #ccc;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #ccc;
/*background-color: #eeccbb;*/
margin: 2px 2px 0 2px;
/*border: 1px solid #f60;*/
border: 1px solid #888;
}

ul#tabnav li.tabselected {
border-bottom: 1px solid #fff;
background-color: #fff;

}

ul#tabnav li.tabselected a {
color: #666;
}

#tabnav a {
float: left;
display: block;
color: #000;
text-decoration: none;
padding: 4px;
}

#tabnav li.tabunselected a:hover {
/*background: #cc6600;*/
background: #999;
color: black;
} 

/* SITEMAP LAYOUT CODE */
ul#sitenav {
font: normal 12px verdana, arial, sans-serif;
list-style-type: none;
margin: 0;
}
ul#sitenav li {
margin: 4px 2px 2px 2px;
padding-left: 5px;
}
ul#sitenav li a {
background-color: #eeccbb;
margin: 2px 2px 2px 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #f60;
font-weight: bold;
color: #c60;
text-decoration: none;
}
#sitenav a:hover {
background: #cc6600;
color: #eeccbb;
}