/* 



	Theme Name: grafics-1
	Description: KHowe-cms
	Author: G.Rafics Inc
	Author URI: http://www.graficsinc.com.
	Version: 1
	Tags:auto,two columns,fixed width


*/

body {
FONT-FAMILY:Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:11px;
color:#000000; 
background-image:url(images/khc_bnr.jpg); 
background-repeat:repeat-x; 
background-position:50% 5px; 
background-color:#5C0B07; 
margin:0;
text-align: center;
}



#container {
width: 831px; 
margin-left: auto;
margin-right: auto;
text-align: left; /* this overrides the text-align: center on the body element. */
text-decoration: none;
} 


#header {
padding: 0px;  
width:831px; 
margin:0 auto;
} 



#header h1 {
margin: 0; 
padding: 10px 0; 
}


.left {
width:100%; 
border:none; 
float:right;
}

.headtxt {
font-family: Georgia,Times New Roman, serif; 
font-style: italic;
font-size:20px; 
color:#ffffff; 
text-decoration:none; 
float:right; 
width:550px; 
margin: 40px 10px 5px 0px;
text-align: right;
}


#logo {
margin:15px 0px 2px 0px; 
float:left; 
width:254px;
height:40px; 
background-image:url(images/AdelHomesoline-Logo.gif); 
background-repeat:no-repeat; 
background-color:transparent; 
}



#flash {
float:right; 
width:616px;
height: 224px; 
margin:0px 0px 0px 2px; 

background-image: url(images/aho_bnr.jpg);
background-repeat:no-repeat;
}

#idx {
float: left; 
width: 190px; 
margin: 25px 20px 0px -35px; 
color: #ffffff;
}

.menu {
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
list-style: none;
}
.menu ul {

}

.menu li {
border-bottom: 1px solid #fff;
padding: 6px 0px 1px 0px;
letter-spacing: .1em;
}

.last  {
border: none!important;
}

.menu li a {
text-decoration: none;
color: #fff;
}
.menu li a:visited: {
color: #fff;
}
.menu li a:hover {
color: #ffcc33;
}
.menu li a:active {
color: #fff;
}



.contact {
margin-left:0px; 
padding-left:2px; 
display:block;
text-align: left;
margin-bottom: 25px;
}

.contact ul {
font:12px arial; 
color:#FFCC33;
margin: 0px;
padding: 0px;
}

.contact li {
list-style:none!important; 
padding-bottom:5px;
}

.contact li a {
list-style:none!important;
}

.contact li img a {
margin:0px 30px 10px 0px;
}

.contact span a {
font:10px arial; 
color:#FFCC33;
}

.contact span a:hover {
font:10px arial; 
color:#00005D;
}


.right { 
color:#660000; 
font-family:Arial; 
background-color:#ffffff; 
margin:13px 0px 0px 1px;
}

.right ul {
list-style: none!important; 
color:#660000!important; 
font:13px Arial!important; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

.right ul li {
list-style: none!important; 
font:13px Arial!important; 
padding:0px 0px 5px 5px!important; 
margin:5px 0px 5px 0px;
}
.right ul li a{ 
list-style:none!important; 
color:#660000!important;
text-decoration: none; 
}
.right li a:visited{ 
color:#660000!important;
text-decoration: none; 
}
.right li a:hover{ 
color:#101243!important;
text-decoration: none; 
}
.right li a:active{ 
color:#660000!important;
text-decoration: none; 
}

.right h2 {
font-family:Times New Roman, Times, serif; 
font-size:18px; font-weight:bold; 
color:#000033 !important; 
margin-top:0px; 
margin-right:0px; 
margin-bottom:8px; 
text-align:left;
letter-spacing: .07em;
}



.center h1 {
font-family:Times New Roman, Times, serif!important; 
font-size:15px!important; 
line-height:10px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;}

.center h5 {font-family:Times New Roman, Times, serif; font-size:15px; font-weight:bold; color:#000033 !important; margin-top:5px; margin-right:0px; margin-bottom:3px; text-align:left;}

.italic {letter-spacing:1px; word-spacing:-1px; font-size:12px; font-style:italic; font-weight:bold; margin-bottom:15px; color:#000033;}



.right h1 {font-family:Times New Roman, Times, serif; font-size:14px; line-height:14px; font-weight:bold; color:#000033; margin-top:3px; margin-right:0px; margin-bottom:5px; margin-left:0px;}

.widget ul {
margin: 0px;
padding: 0px;
list-style: none;
margin-left: -4px;
margin-right: 10px;
}
.widget ul li a {
text-decoration: none;
}


.footer {
background-color: transparent; 
width:100%; 
height:30px; 
margin: 0px 0px 0px 0px; 
}



#footertext { 
float: right;
width: 831px;
}


#footertext ul {
float: right;
width: 615px;
padding: 0px;
margin: 3px 0px 3px 0px;
text-align: center;
}

#footertext li {
display: inline!important;
list-style: none!important;
padding: 0px 5px 0px 5px;
float: left;
border: none;
}
#footertext li + li {
border-left: 1px solid #fff;
}

#footertext ul li a {
color: #fff;
text-decoration: none;
}
#footertext ul li a:visited {
color: #fff;
text-decoration: none;
}
#footertext ul li a:hover{
color: #ffcc33;
text-decoration: none;
}
#footertext ul li a:active {
color: #fff;
text-decoration: none;
}


#fill {
background-color:#111344; 
width:100%; 
height:35px; 
margin-top:-35px;
}


.credits {
width:831px;
height:30px; 
margin: 15px auto; 
font: 11px arial, verdana, sans-serif;
}
.credits p {
display: inline;
padding: 0px;
margin: 0px;
}
.credits ul {
float: left;
width: 300px;
list-style-type: none;
color: #ffcc33;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px -2px;
}
.credits li  {
float: left;
border: none; 
color: #ffcc33;
display: inline;
padding: 0px 3px 0px 3px;
 }
.credits li + li {
 border-left: 1px solid #ffcc33;
 } 
.credits li a {
text-decoration: none;
font: 11px arial, verdana, sans-serif;
color: #ffcc33;
}
.credits li a:visited {
color: #ffcc33;
}
.credits li a:hover {
color: #fff;
}
.credits li a:active {
color: #ffcc33;
}

.copy {
float: left;
width: 300px;
font: 11px arial, verdana, sans-serif;
color: #ffcc33;
text-align: left;
}
.grafics  {
float: right;
width: 300px;
font: 11px arial, verdana, sans-serif;
color: #ffcc33;
text-align: right;
margin-right: 10px;
padding-top: 20px;
}

.credits p .grafics a {
text-decoration: none;
font: 11px arial, verdana, sans-serif;
color: #ffcc33;
}
.credits .grafics a:visited {
color: #ffcc33;
}
.grafics a:hover {
color: #fff;
}
.grafics a:active {
color: #ffcc33;
}





#content {background-color:#FFFFFF; width:410px; float:right; margin:0px 10px 0px 0px;}

.clear {clear:both;}





#headtext {
float: right;
padding: 95px 5px 0px 100px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
clear: both;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
} 



#middlebkgrnd {
padding: 0px;
margin: 5px 0px 0px 0px;	
} 




#sidebar1 {
float: left;
width: 190px;
padding: 0px 0px 0px 5px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
}

#sidebar1 li {
list-style: none;
}

#sidebar1 a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: none;
}

#sidebar1 a:visited {
color: #ffffff;

}



#sidebar1 a:hover {
color: #ffffff;
text-decoration: none;
}



#sidebar1 a:active {
color: #ffffff;
text-decoration: none;
}




#mainContent {
width: 588px;
margin: 0px 2px 0px 216px; 
padding: 3px 10px 100px 15px;
background-color: #ffffff;
} 


p {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
}

p a {
font-family: Arial, Helvetica, sans-serif;
font-size:15px!important; 
color: #5C0B07!important;
text-decoration: none;
}
  




.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
display: inline;
margin: 0px 0px 0px 8px;
padding: 5px;
}



.fltlft { /* this class can be used to float an element left in your page */
float: left;
display: inline;
margin: 0px 8px 0px 0px;
padding: 5px;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}



.post {
width: 580px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 0px;

}
.post h1 {
font-family:Times New Roman, Times, serif!important; 
font-size:20px!important; 

font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}

.post h1 a{
font-family:Times New Roman, Times, serif!important; 
font-size:20px!important; 
 
font-weight:bold!important; color:#000033!important; 
margin-top:15px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}
.post h2 {
font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}
.post h2 a {
font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}
.post h2 a:visited {
font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}
.post h2 a:hover {
font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #ffcc33!important;
text-decoration: none;
}
.post h2 a:active {
font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}
.post img {
margin-bottom: 10px;
}
.post ol li {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
}






img.alignright {float:right; margin:1em 0 1.5em 1.5em}
img.alignleft {float:left; margin:1em 1.5em 1.5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1.5em 1.5em}
a img.alignleft {float:left; margin:1em 1.5em 1.5em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img { 
outline: none!important;
border: none!important;
}

.propdata {
	
	text-align: center;
	display: block;
	font-variant: small-caps;
	font-size: 12px;
	border: 1px solid black;
	padding: 2px;
	margin-top: 2px;
}

.page-propdata-box {
	width: 400px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.propdata h3 {
	padding: 0px;
	margin: 0px;
}
.propdata-line div {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
.propfeatures {
	font-weight: bold;
	color: #34431d;
}

.page-blurb {
	font-weight: bold;
	color: #34431d;
	text-align: center;
	font-variant: small-caps;
	text-transform: capitalize;
}
.propdata h3 {
	font-style: italic;
}
.prop-box-featured em {
	font-size: smaller;
}
#gre_map_canvas {
	width: 400px;
	height: 400px;
	border: 1px solid black;
}
#gre_map_multi {
	width: 400px;
	height: 400px;
	border: 1px solid black;
}

#gmap-info {
	padding: 0;
	margin: 0;
}
#gmap-info h3 {
	padding: 0;
	text-align: left;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

#gmap-info .listing-thumb {
	float: left;
	padding-right: 5px;
}
#gmap-info p {
	text-align: left;
	vertical-align: top;
}

.prop-box, .prop-box-avail {
	padding: 8px;
	margin: 10px 5px 15px 0px;
}
.prop-box-avail {
	background: #f1f1f1;
	width: 550px;
	min-height: 75px;
	display: block;
}
.prop-box-avail h2, .prop-box-avail h3 {
	padding: 0px;
	margin: 0px;
        text-decoration: none;
        font-family:Times New Roman, Times, serif!important; 
font-size:18px!important; 
font-weight:bold!important; 
}
#activelistings h2 a {
text-decoration: none;
color: #000033!important;
}
#activelistings h2 a:visited
color: #000033!important;
}
#activelistings h2 a:hover {
color: #ffcc33!important;
}
#activelistings h2 a:active {
color: #000033!important;
}

#activelistings a {
text-decoration: none;
color: #000033!important;
}
#activelistings a:visited
color: #000033!important;
}
#activelistings a:hover {
color: #ffcc33!important;
}
#activelistings a:active {
color: #000033!important;
}

.prop-box {
	background: #ddd;
	min-height: 80px;
	width: 300px;
	display: block;
	float: left;
	margin-right: 20px;
}
.prop-box h2, .prop-box a, .prop-box h3 {
	padding: 0px;
	margin: 0px;
        text-decoration: none;
}


#tabnav li{
font: 15px Arial, Helvetica, sans-serif;
display: inline;
margin: 0px; 3px 0px 0px;
padding: 0px 5px 0px 5px;
}

#tabnav li a {
color: #990000;
}
#tabnav li a:visited {
color: #990000;
}
#tabnav li a:hover{
color: #ffcc33;
}
#tabnav li a:visited {
color: #990000;
}

#photogallery h2 {
margin: 0px;
padding: 0px;
}
.ng  {
margin-top: 0px;
margin-bottom: 10px;
padding-top: 0px;
float: left;
width: 550px;
}