/* main styles */

* {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #43120E;
	}
	
* img {
	border:0;
	}
		

body {
	text-align: center;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #43120E;
	background-image:url(../images/gradient.jpg);
	background-repeat:repeat-x;
	background-color: #341010;
	}

.content {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #43120E;
	margin-top: 10px;
	}
	
.rescontent {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #D5C49C;
	margin-top: 20px;
		text-decoration: none;
	}	
	
.rescontentfix{
	margin-top:0;padding-top:5px
}
	
.rescontent a, .rescontent a:link, .rescontent a:visited, .rescontent a:active {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #D5C49C;
	margin-top: 20px;
	text-decoration: none;
	}	
	
.rescontent a:hover {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	color: #FFFFFF;
	margin-top: 20px;
		text-decoration: none;
	}	
	
#linkseperator {
	border-right: 1px solid #D5C49C;
	margin-top: 5px;
	padding-left: 5px;
	}
	
.resourcesleft {
	margin: 0 20px 0 0;
	}
	
.resourcesright {
	margin: 0 0 0 20px;
	}
	
#topmargin {
	margin-top:10px;
	}

#container {
	width: 758px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #D5C49C;
	color: #43120E;
	background-color: #D5C49C;
	position:relative;
	}
	
html body #container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #D5C49C;
	color: #43120E;
	background-color: #D5C49C;
	position:relative;
	}
	
#container tr.main {
	background-color: #6C2921;
	}
	
#container tr.bottom {
	background-color: #6C2921;
	}
	
.center {
	text-align:center;
	}
	
.right {
	text-align:right;
	}

.indent {
	padding-left: 15px;
		}
	
	
#resourcelinksmain {
	list-style-type:none;
	line-height: 200%;
	}
	
#mainbox1 {
	width: 320px;
	height: 330px;
	text-align: center;
	border: 0.5px solid #43120E;
	color: #43120E;
	background-color: #D5C49C;
	}	
	
#mainbox2 {
	width: 355;
	padding: 6px 6px 6px 6px;
	text-align: left;
	border: 0.5px solid #43120E;
	color: #43120E;
	background-color: #D5C49C;
	}	
	
#mainflashbox {
	width: 367px;
	height: 244px;
	text-align: left;
	border: 0.5px solid #43120E;
	color: #43120E;
	background-color: #D5C49C;
	}	

#topbar {
	background-image: url(../images/topgradientbg.jpg);
	height: 26px;
	margin: 0 auto;
	}
	
#header {
	border-bottom: 1px solid #D5C49C;
	border-top: 1px solid #D5C49C;
	height: 101px;	
	margin: 0 0 0 0;
	}

#mainflashcontainer {
	border-bottom: 1px solid #43120E;
	border-top: 1px solid #D5C49C;
	height: 194px;	
	margin: 0 0 0 0;
	}	
		
a  {
	color: #43120E;
	text-decoration: underline;
	}
	
a:active {
	text-decoration: underline;
	}

a:link {
	text-decoration: underline;
	}
     
a:visited {
	text-decoration: underline;
	}    

a:hover {
	text-decoration: underline;
	}

h1 {
	font-size: 16px;
	font-weight: bold;
	}
	
.textheader {
	font-size: 16px;
	font-weight: bold;
	color: #200A0C;
	font-variant: small-caps;
	margin-top: 5px;
	}
	
.toptext {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #C0AB6F;
	font-variant: small-caps;
	}
	
.resourcesheader {
	font-size: 12px;
	font-weight: bold;
	color: #D5C49C;
	font-variant: small-caps;
	margin-top: 5px;
	}	
	
.contentpadding {
	padding: 10px 10px 100px 10px;
	background-image: url(../images/watermark.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
.hometitleimg {
	margin: 10px 0 0 0;
	}
	
.mainpadding {
	padding: 6px 6px 6px 6px;
	}

h3 {
	font-size: 18px;
	color: #200A0C;
	margin-top: 0px;
	}
	
h4 {
	font-size: 11px;
	color: #200A0C;
	margin-top:25px;
	}
	
h5 {
	font-size: 16px;
	color: #D5C49C !important;
	}
	
.photoleft {
	border: 1px solid #DFC49C;
	margin-right: 10px;
	margin-bottom: 5px;
	}
	
.photoright {
	border: 1px solid #DFC49C;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	
.buyerslist {
	display: inline;
	font-size:10px;
	margin: 0;
	padding: 0 3px 0 3px;
	text-decoration: none;
 }
		
	
/* topnav styles */	

#topnavcontainer {
	background-color:#200A0C;
	line-height: 26px;
	border-bottom: 1px solid #DFC49C;
	margin: 0 0 0 0;
}

ul#topnav {
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #200A0C;
	width: 950px;
	text-align: center;
	font-size:11px;

  }
	
ul#topnav li {
	display: inline;
	list-style: none;
	background-color: #200A0C;
	text-align: center;
	margin: 0;
	padding: 0 22px 0 0;
	text-decoration: none;
	
 }
 
ul#topnav li.last{
	padding:0;	
}
 
ul#topnav li a {
	display: inline;
	text-decoration: none;
	color: #D5C49C;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ul#topnav li a:hover {
	display: inline;
	text-decoration: none;
	color: #F0F0D9;
}


/* sidenav styles */
	
#sidenavcontainer {
	width: 120px;
	border-right: 1px solid #5A3D34;
	margin-top: 5px;
	padding-left: 5px;
	background-color: #6C2921;
	}
	
#sidenav {
	color: #D5C49C;
	}	

#sidenav a {
	color: #D5C49C;
	font-weight: bold;
	background-color: #6C2921;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 10px; 
	text-align: left;
	text-decoration: none;
	}
	
#sidenav a:hover{
	color: #FFFFFF;
	}

.sidenavcolumn {
	background-image: url(../images/gml-logo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 85px;	
}


/*redundant text links */

#textlinks {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-align: center;
	padding: 5px;
	color: #D5C49C;
	text-decoration: none;
	}
	
#textlinks a {
	color: #D5C49C;
	text-decoration: none;
	}
	
#textlinks a:hover {
	color: #F0F0D9;
	text-decoration: none;
	}
	
/* form styles */


input, select  {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	background-color: #B59577 !important;
	color: #43120E !important;
	border: 1px solid #43120E;
	}

textarea  {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	background-color: #B59577 !important;
	color: #43120E !important;
	border: 1px solid #43120E;
	width: 150px;	

	}

#form td {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 11px; 
	}

.button  {
	color: #D5C49C;
	border: 1px solid #43120E;
	background-color: #B59577 !important;
	}	
	
/* footer styles */

#footer {
	border:1px solid #d5c49c; border-top:0;
	width:950px;
	margin:0 auto 10px auto;
	text-align:left;
	padding:15px 0;
	position:relative;
}
ul.footer_links h4{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e0e0e0;
	margin:0;padding:0;
}

ul.footer_links{
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
	width:180px;
	float:left;
}
#footer ul.footer_links li{
	padding:2px 0;	
}
#footer ul.footer_links li a{
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#d5c49c;
	text-decoration:none;
}
#footer ul.footer_links li a:hover{
	color:#F0F0D9;
}

div#footer_right{
	position:absolute;
	bottom:10px;
	right:15px;
	text-align:right;
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#d5c49c;
}

div#footer_right a{
	font:11px/16px Arial, Helvetica, sans-serif;
	color:#d5c49c;
	text-decoration:none;
}

div#footer_right a:hover{
	color:#F0F0D9;
}


#sagefooter {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-decoration: none;
	color: #D5C49C;
	text-align: center;
	padding: 5px;
	}

#sagefooter a:link {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-decoration: none;
	color: #D5C49C;
	}
#sagefooter a:active {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-decoration: none;
	color: #D5C49C;
	}
#sagefooter a:visited {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-decoration: none;
	color: #D5C49C;
	}
#sagefooter a:hover {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	text-decoration: none;
	color: #F0F0D9;
	}
	
#indexpagefooter {
	background-image: url(../images/ilhm_index_logo.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	height:70;
	background-position:center;
	}

table.listingsummary img, img.PropertyPhoto{
	width: 150px;
	height: 106px;
}

table.singletable tr td img{
	width: 320px !important;
	height: 200px !important;
}

table.singlepictable tr td img{
	width: 80px !important;
	height: 50px !important;
}

table.listingsummary form img{
	width: 388px !important;
	height: 400px !important;
}

ol.FiveQuestionsList li{
	padding-bottom: 15px;
}

.BottomLeftCell{
	border-right: 1px solid #D3C49B;
	padding-bottom: 10px;
}

.BottomRightCell{
	padding-bottom: 10px;
}

#testimonials {
	width:250px;
	font-style:oblique;
	padding: 5px;
	color:#6C2921;
	/*color:#D5C49C;*/
	border-top:1px dotted #6C2921;
	border-bottom:1px dotted #6C2921;
	font-size:11px;
	}

.testimonials-more {
	color:#6C2921;
	font-style:oblique;
	font-size:9px;
	}

ul.float-left{
	float:left;width:48%;list-style:none;text-indent:0;margin:0 0 0 0;padding:0;
	}
ul.float-left li{
	margin-bottom:5px;
	padding-left:15px;
	color:#D5C49C;
	background:url('../images/arrow.gif') no-repeat 5px 5px;
}
div.link-con a{
	color:#D5C49C;
	text-decoration:none;
}
div.link-con a:hover{
	color:#ffffff;}
div.link-con img{margin-top:5px}
h2{color:#d5c49c;font:bold 13px Verdana, Geneva, sans-serif;}
h2.res_header{text-align:left;display:block;background:#993a2f;border:1px solid #43120e;padding:10px;margin:0;border-bottom:0}
div.text-center{text-align:center}
div.link-con{background-color:#7f3229;border:1px solid #43120e;padding:8px}
td.pad-left{padding-left:10px}
.clear{clear:both}
table.page-con{background-color:#7f3229;border:1px solid #43120e;padding:10px}
.divgrad{background:url('../images/divgrad.gif') repeat-x 0 1px}
#pagefooter{position:relative;background-color:#3c1310;border:1px solid #d5c49c;border-top:0;width:930px;margin:0 auto;padding:10px;}
ul.footerlinks{list-style:none;margin:0;padding:0;float:left;width:200px;text-align:left}
ul.footerlinks li{margin:0;padding:0}
ul.footerlinks li a{font:normal 13px Verdana, Geneva, sans-serif;color:#d5c49c;text-decoration:none}
ul.footerlinks li a:hover{color:#fff}
div#indexpagefooter{margin:0;float:right;width:106px;position:absolute;top:10px;right:10px}
#quote_testimonial{position:relative}
#quote1{background:url('../images/quote1.gif');width:27px;height:21px;position:absolute;top:0;left:0;z-index:1}
#quote2{background:url('../images/quote2.gif');width:27px;height:21px;position:absolute;bottom:0;right:0;z-index:1}
#quote_testimonial p{position:relative;z-index:2;color:#D5C49C;padding:10px 10px 10px 10px;text-align:justify;line-height:16px}
#readmoretestimonials{color:#d5c49c;font-weight:bold;text-align:right;text-decoration:none;margin:0}

/*\/\/\/\ START CAROUSEL FOR NEW LISTINGS PAGE \/\/\/\*/

.subheading{
color: #333333;
Font: italic 12px/1 "Trebuchet MS", Verdana, Arial, Helvetical, sans-serif;
}

.carousel{
position: relative; /*leave this value alone*/
border: 3px;
border-style:solid;
border-color: #6c2921;
overflow: scroll; /*leave this value alone*/
width: 515px; /*Width of Carousel Viewer itself*/
height: 505px; /*Height should enough to fit largest content's height*/
clear:both;

}

.carousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.carousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#tabs { float:inherit; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; /*height:35px;*/}
#tabs a { float:left; display:block; }
#tabs a:link, #tabs a:visited { /*background:#333366; background-image:url(../test/carousel/tab1.gif);*/ padding: 0px 3px 0 0; color:#fff; text-decoration:none; }
#tabs a:hover, #tabs a:active { /*background:#000033; background-image:url(../test/carousel/tab1over.gif);*/ padding: 0px 3px 0 0; color:#fff; text-decoration:none; }

/*\/\/\/\ END CAROUSEL FOR NEW LISTINGS PAGE \/\/\/\*/

#listing-info { float:right; width: 235px; height:505px; padding: 0 6px; margin: 0 6px; padding-top: 20px;
	}
	
.listing-links { position:relative; padding-top: 125px; }

#listing-content { float:left; padding-top: 10px; }

.copy { 
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}

h4.property-details {
	padding: 23px 0 0 0;
	font-size:14px;
	margin:23px 0 0 0;
	padding:0;
	 }
ul.property-details{
	margin:5px 0 0 0;
	padding:0 0 0 3px;
	list-style-type:none;
}
ul.property-details li{
	padding:0 0 0 12px;
	margin:0;
	background:url('../images/arrow2.gif') no-repeat 0px 5px;
}
 
.end {
	font-size:9px;
	padding-top: 10px;
	font-style:italic;
	}
	
.listing-res {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	colour: #cccc99 !important;
	padding-left: 5px;
	}
	
	
	
	
	
/* CUSTOM CAROUSEL CSS */

div.carousel_group{
	position:relative;
	width:514px;
	height:545px;
}
ul.carousel_tabs{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.carousel_tabs li{
	float:left;	
	background:#682A1F;
	padding:8px 0 5px 0;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#D5C49C;
	margin:0 1px 0 0;
	cursor:pointer;
	width:100px;
	text-align:center;
}
ul.carousel_tabs li.active{
	background:#000;
	border-bottom:0;
	padding:8px 0 5px 0;
	color:#D5C49C;
}
div.carousel_wrapper{
	clear:left;
	width:508px;	
	border:3px solid #682A1F;
	position:absolute;
	left:0;
	top:27px;
	height:484px;
	overflow:hidden;
}
ul.carousel_content{
	position:relative;
	list-style-type:none;
	height:484px;
	margin:0;
	padding:0;
	width:9000px;
	text-align:left;
}
ul.carousel_content li.cell{
	float:left;
	display:block;
	width:508px;
	height:100%;
	border-right:3px solid #682A1F;
	position:relative;
	top:0;
}
ul.carousel_tabs_extra{
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
	bottom:0;
}
ul.carousel_tabs_extra li{
	background:#682a1f;
	padding:5px 0 8px 0;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#D5C49C !important;
	margin:0 1px 0 0;
	width:180px;
	text-align:center;
	cursor:pointer;
}
ul.carousel_tabs_extra li.active{
	background:#000;
	border-top:0;
	padding:5px 0 8px 0;
	color:#D5C49C;
}

/* END CUSTOM CAROUSEL CSS */

hr { color:#D5C49C; }

.listing-page { 
	font-family:Arial, Helvetica, sans-serif;
	color: #D5C49C;
	font-size:14px;
	}
	
h4{
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
	font-family: Verdana, Geneva, sans-serif;
	color:#43120E;
}

ul.carousel_content div#gallery{
	background:#43120e;	
}
div#gallery h2{
	text-align:left;
	color:#fff;
	margin:5px 0 5px 0;	
}
div#gallery p{
	text-align:left;
	margin:0;
	color:#eee;	
}
div#gallery strong{
	color:#fff;	
}
.gradext{background-color:#3b0c0a !important}

table.listings-table a{
	text-decoration:none;
	color:#D5C49C;	
}
table.listings-table a:hover{
	text-decoration:underline;	
}
table.listings-table h5{
	margin:0;
}

div.blog-import ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
div.blog-import ul li{
	margin:0 0 20px 0;	
}
div.blog-import ul li a{
	font-size:1.2em;
	font-weight:bold;	
}

