/* Edited with EditCSS */
/**** LINK-tag style sheet main.css ****/

/* Turn off Browser defaults */
:link,:visited { text-decoration:none; }
ul { list-style:none; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border: none; }

/* END -------------------------------------------------------------------*/

/* Link Colors */
a:link, a:visited {	color: #990002; }
a:active, a:hover {	color: black; }

body {
  background-color: #999999;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
p,a,li{
font-size: 11pt; 
} 
h1{
  background: transparent url(../_images/banner.jpg) no-repeat 0 0;
}

#skip {display: none;}

/* =wrap */

div#wrap {
  background-color: white;
  border: 1px solid #333333;
  margin: 0 auto;
  text-align: left;
  width: 855px;

}

/* =head */

div#head h1 a {
  background: transparent url(../_images/background.jpg) no-repeat 0 0;
  display: block;
  height: 205px;
  width: 855px;
}

/* =nav */


div#nav ul {
 /*background:  url(../_images/nav-bg.jpg) repeat-x 0 0;*/
  
 /*padding:6px -3px 0px 3px;*/
 background-color:rgb(157,0,0);
  width:855px;
  height: 40px;
} 
/*
td.navleft{  
  background: url(../_images/nav-bg-left.gif) no-repeat;
  width:6px;
 }
td.navright{ 
  background: url(../_images/nav-bg-right.gif) no-repeat;
  width:12px;
 }
*/
div#nav ul li {
  font-size:9;
  text-align:center; 
  vertical-align:middle;

  margin: 0px 7px;
  display: inline;
  height: 40px;

/*background: url(../_images/nav-bg.jpg) repeat-x;*/
}


div#nav ul li a {
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 0px;
  font-size:10pt;
  text-align:center; 
  vertical-align:center;
  /*margin: 0px 6px;*/
  padding:0px;
  display:inline-block;
  /*background: url(../_images/nav-bg.jpg) repeat-x;*/
  
}
div#nav ul li:hover {
   background-color:rgb(199,157,157);
}
div#nav ul li a:hover {
/*   background: url(../_images/nav-bg-hover.jpg) repeat-x;*/
   background-color:rgb(199,157,157);
}

/* =sidebar */

div#sidebar {
  background-color: #B1BDE7;
  float: left;
  width: 239px;
  
}
*/
/* =main */

div#main {

 background-color: #fff;
  float: left;
  width:656px;
}

div#main-content {
  padding: 20px 30px 20px 30px;
  background-color:white;
}

div#main-content h1 {
  color: #442D1F;
  font-size: 20pt;
  font-weight: normal;
  padding-bottom: 0.7em;
  text-transform: capitalize;
  background:none;
}

div#main-content h2 {
  color: #442D1F;
  font-size: 18pt;
  font-weight: normal;
  padding-bottom: 0.7em;
  text-transform: capitalize;
}

div#main-content h2 a{
  font-size: 18pt;
  font-weight: normal;
  padding-bottom: 0.7em;
  text-transform: capitalize;
}

div#main-content h3 {
  color: #442D1F;
  font-size: 16pt;
  font-weight: bold;
  padding-bottom: 0.7em;
  text-transform: capitalize;
}
div#main-content h4 {
  color: #442D1F;
  font-size: 15pt;
  font-weight: bold;
  padding-bottom: 0.7em;
  text-transform: capitalize;

}
div#main-content h5 {
  color: #442D1F;
  font-size: 14pt;
  font-weight: bold;
  padding-bottom: 0.7em;
  text-transform: capitalize;
}
div#main-content p {

  line-height: 140%;
  padding-bottom: 1em;
}

div#main-content ul {
  padding: 5px 0 10px 15px;
}

div#main-content ul li {
/*  background: transparent url(../_images/arrow-right.gif) no-repeat 0 50%;*/
  list-style: square;
  padding: 5px 0 5px 15px;
}
				
div#main-content ol {
  padding: 5px 0 10px;
}

div#main-content ol li {
  color: #333;
  margin-left: 30px;
  padding: 5px 0;
}

div#inbreadcrumb {border-bottom:#442D1F thin solid; margin-bottom:10px;}
div#inbreadcrumb ul{ padding-left:0px; }
div#inbreadcrumb li:first-child{ padding: 0 5px 0 0px; }
div#inbreadcrumb ul li{display: inline; padding: 0 5px 0 10px;font-weight:bold;}
div#inbreadcrumb ul li a{color:#442d1f;text-decoration:underline;}
div#inbreadcrumb ul li a:visited{color:#990002;}
div#inbreadcrumb ul li a:hover{color:#990002;}

address {
  font-style: normal;
  padding: 5px 0 15px;
}

div#main-content em{font-weight:bold; text-decoration:underline;font-style:normal;font-variant:small-caps;color:#9d8352;}
div#sub-content {
/* background-image:url(../_images/sub-main-back.jpg);*/
  background-color:white;
  float: center;
  padding: 0 0 0px 0px;
  background-repeat: repeat-x;
  margin-left: 40px;
  width:95%;
  text-align:center;
}

div#sub-content table{ 
width:90%;
}

div#sub-content table tr td{ 
height:215px;text-align:center;
width:33.3%;
}

div#sub-content table tr td#logocell{ 
height:100px;
 }

div#sub-content table tr td#logocell img{ 
height:100px;
width:249px;
position:relative;
left:-20px;
top:-10px;
 }

div#button1,div#button2,div#button3,div#button4,div#button5,div#button6{ 
position:relative; 
width:175px;
height:134px;
border:1px dashed white;
text-align:center;
color:white;
}

div#button1:link,div#button2:link,div#button3:link,div#button4:link,div#button5:link,div#button6:link{ 
width:175px;
height:134px;
color:white;
}

div#button1:hover,div#button2:hover,div#button3:hover,div#button4:hover,div#button5:hover,div#button6:hover{ 
border:1px dashed black;
cursor:pointer;
}


div#button1{ 
top:60px;
 }

div#button2{ 
top:-20px;
 }


div#button3{ 
top:60px;
 }


div#button4{ 
top:-60px;
 }


div#button5{ 
top:20px;
 }


div#button6{ 
top:-60px;
 }

dl.sub-box {
  float: left;
  width: 175px;
  background-image:url(../_images/sub-content-bg.jpg);  background-repeat:repeat-y;
  font-family:Verdana, Arial;
}

dt.button {
  height: 25px;
  text-align:center;
  color:black;
  width: 175px;
  background-repeat:no-repeat;
  background-image:url(../_images/sub-top.jpg);
}



dd.description {
  background: #E8ECDF url(../_images/sub-content-bg.jpg) repeat-y;
}

dd.description img{ 
position:relative;
float:center;
margin:10px 0px 0px 0px;
 }

dd.description p {
  color:white;
  line-height: 140%;
  padding: 10px 20px 10px 10px;
}

dd.sub-button p {
  background-image: url(../_images/sub-more.jpg);background-repeat:no-repeat;
  display: block;
  text-align:right;
  height: 25px;
  width: 200px;
}

 

img#formable{
  margin-top: 15px;
}

dl#formable dt, dl#formable dd {
  padding: 3px 0;
  line-height: 140%;
}

dt label {font-weight: bold;}

dd.radiobutton {
  padding: 5px 0;
}

dd.radiobutton label {
  padding: 10px 10px;
}

input.radio {position: relative; top: 2px;}

select {width: 206px;}
		dt.submit {float: left; margin: 15px 50px 0 0;}
dd.reset {margin-top: 15px;}

/* =foot */

div#foot {
  background-color: #442D1F;
  clear: both;
  padding: 8px 0;
  text-align: center;color:white;font-size:100%;height:80px;
}

div#foot a{color:white;text-decoration:underline;}

div#foot a:hover {
  color:black;
}

/* hack */
*html div#foot {
  height: 0.01%;
}

/* =webxites */

div#webxites {
  margin: 0 auto;
  padding: 5px 15px;
  text-align: center;
  width: 868px;
  background-color: #FFFFFF;
}

div#webxites p {
  text-align: right;
}

/* Form elements */
h4.required { font-size: 12pt; padding: .5em 0; }

.text { background-color: #FFFFFF; border: 1px solid #5A5A5A; padding: .2em; }
.text_focus { background-color: #B1BDE7; border: 1px solid #5A5A5A; padding: .2em; }
.text_err { background-color: #8FA37A; border: 1px solid #5A5A5A; padding: .2em; }

.textarea { background-color: #FFFFFF; border: 1px solid #5A5A5A; padding: .2em; }
.textarea_focus { background-color: #B1BDE7; border: 1px solid #5A5A5A; padding: .2em; }
.textarea_err { background-color: #8FA37A; border: 1px solid #5A5A5A; padding: .2em; }
#crystalleft{margin:40px 0 20px 0;}

#breadcrumb li{display: block; padding: 0 10px 0 15px;}
#breadcrumb a{color:#442d1f;text-decoration:underline;}
#breadcrumb a:hover{color:#990002;}


#add{
	width:200px;
	float:right;
	padding:10px;
	color: #000000;
	font-size: 12pt;
	text-align: center;
	line-height: 140%;
}



/*featured gallery*/
.featuredlist{width:99%; margin-top:20px;}
.proptitle{background-color:#442D1f;padding:3px;font-weight:bold; color:white; font-size:14pt;margin-top:10px;}
.proptitle a{ font-weight:bold; color:white; font-size:14pt;
 }
.home {float:left; position:static;width:275px; height:210px;border:1px solid #003399;margin-top:15px;}
 .clearer {	margin: 0px;padding: 0px;clear: both;}
 .sold{color:red;}
/*gallery options*/
div#main-content .gallery{padding:0px; margin:0px;width:157px; height:161px; background:url(../_images/listing-back.jpg) no-repeat;float:right;margin-top:15px;margin-right:15px;}
div#main-content .gallery li{padding:0px;width:140px; height:28px;list-style:none;display:block;padding-top:13px;padding-left:15px;width:140px;background:none;}
div#main-content .gallery a:hover{color:#000066;}

 
 
div#main-content .map{margin-left:20px;font-size:1.2em;font-weight:bold;}
div#main-content .map li{background:none;}
div#main-content .map li, ul{font-size:1.0em;}
div#main-content .map a {background-image:none;color:#000033;}
div#main-content .map a:hover{color:red;}

#Conexia{float:right;}



#intersend{width:200px;float:right;background-color:white;text-align:center;border:1px solid black;margin-left:10px;}
#intersend label{font-size:1.0em;}
#intersend input{padding:1px;}
#interhead{background-color:#9D8352;color:white;padding:5px;font-weight:bold;margin-bottom:3px;}

#mls {  width:100%;
  
height:500px; 
}

#red{ color:#ff0000; }

/* Begin CSS Popout Menu*/

#menu{
width:855px;
float:left;
background:rgb(157,0,0);
font-size:18px;
}

#menu a, #menu h2{
font:bold 16px Verdana,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding: 0px;
vertical-align:center;
}

#menu h2{
color:#fff;
background:rgb(157,0,0)  no-repeat 100% 100%;
font-size:19px;
/*text-transform:uppercase;*/
}

#menu a{
background:rgb(157,0,0);
text-decoration:none;
}

#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{
color:rgb(157,0,0);
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:5px 18px;
padding:1;
float:left;
/*width:16%;*/
background-color:rgb(157,0,0);
font-size:18px;
height:25px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
display:inline;
z-index:500;
top:15px;
display:none;
width:185px;
  margin:0;
left:5;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* only webkit-based browsers will read the following styles */
			#menu ul ul {top:0px; }
}

#menu ul ul a{ 
font:bold 13px/13px Verdana, sans-serif;
  height:75%;
 }

#menu ul ul ul{
top:0;
left:135; margin:0;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover, div#menu h2.over{
background:#ddd  no-repeat -999px -9999px;
}

div#menu li:hover, div#menu li.over{
cursor:pointer;
z-index:100;display:inline;
}

div#menu li:hover ul ul,div#menu li.over ul ul,
div#menu li li:hover ul ul,div#menu li li.over ul ul,
div#menu li li li:hover ul ul,div#menu li li li.over ul ul,
div#menu li li li li:hover ul ul,div#menu li li li.over ul ul
{display:none;}

div#menu li:hover ul,div#menu li.over ul,
div#menu li li:hover ul,div#menu li li.over ul,
div#menu li li li:hover ul,div#menu li li li.over ul,
div#menu li li li li:hover ul,div#menu li li li li.hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:rgb(157,0,0);
background:#eee no-repeat 100% 100%;
}

#menu a.x:hover,#menu a.x.over{
color:#fff;
background:rgb(157,0,0);
}

#menu a.x:active{
color:rgb(157,0,0);
background:#ccc;
}



.community{ 
float:right;
display:inline;
position:relative;
top:-26px;
left:-10px;
 }


.imagescroll{ 
height:400px;
overflow:auto;
 }

#mapaccuracy{ padding-left:10px;
float:right;  position:relative;
top:-273px;
}
.ratetable{
    width:90%;
}

table.ratetable td { 
    padding:10px; 

}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #777;
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #777;
 border-bottom: none;
 background: #e0d9c6;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #990002; }
ul.tabbernav li a:visited { color: #990002; }

ul.tabbernav li a:hover
{
 color: #990002;
 background:#EDD; 
 border-color: #222;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}