/* 



	Theme Name: grafics-1
	Description: KHowe-cms
	Author: G.Rafics Inc
	Author URI: http://www.graficsinc.com.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:Times New Roman, Times, serif; 
font-size:9px; 
color:#ffffff; 
text-decoration:none; 
float:right; 
width:550px; 
margin-top:20px; 
margin-bottom:1px;
}

.headtxt ul {
margin-top:0px; 
margin-left:80px;
}

.headtxt li {
text-decoration:none; 
display:inline; 
padding:0px 10px 0px 0px;
}

.headtxt li a {
color:#FFCC33; 
text-decoration:none; 
display:inline; 
padding:0px 10px 0px 0px;
}
#logo {
margin:5px 0px 2px 0px; 
float:left; 
width:193px;
height:84px; 
background-image:url(images/khc_logo.png); 
background-repeat:no-repeat; 
background-color:transparent; 
}
#tabs {
float:right; 
width:615px;
margin:0px 0px 20px 0px; 
position:relative;
z-index:10;
color: #fff;
}

#tabs ul {

margin:0px 20px;
padding: 4px;
list-style: none;
width: 615px;
display:inline-block; 
}

#tabs ul li {
display:inline-block; 

}
.last a {
border-right: none!important;

}
#tabs li a  {

text-decoration: none;
padding:2px 5px 2px 5px; 
text-align: center;
font-size: 12px;
color: #fff;
display:inline-block!important; 
}
#tabs li a:hover  {
text-decoration: none;
color: #ffcc33;

text-shadow: #000 1px 2px .5px;

}





#flash {
float:right; 
width:616px; 
margin:-10px 0px 0px 2px; 
position:relative; 
z-index:100;
}

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

#IDX-quickSearchForm { position: relative; height: 160px; width: 190px; } 
#QS-minPriceField { position: absolute; width: 75px; height: 12px; left: 112px; top: 37px; font-size: 11px;  } 
#QS-maxPriceField { position: absolute; width: 75px; height: 12px; left: 12px; top: 37px; font-size: 11px;  } 
#QS-minRoomsField { position: absolute; width: 75px; height: 12px; left: 12px; top: 76px; font-size: 11px;  } 
#QS-minBathsField { position: absolute; width: 75px; height: 12px; left: 112px; top: 76px; font-size: 11px;  } 
#QS-labelMaxPrice { text-align: left; position: absolute; width: 70px; height: 14px; left: 112px; top: 20px;  } 
#QS-labelMinPrice { text-align: left; position: absolute; width: 70px; height: 14px; left: 12px; top: 20px;  } 
#QS-labelMinRooms { text-align: left; position: absolute; width: 70px; height: 14px; left: 12px; top: 61px;  } 
#QS-labelMinBaths { text-align: left; position: absolute; width: 70px; height: 14px; left: 112px; top: 61px;  } 
#QS-labelFormTitle { text-align: left; position: absolute; width: 160px; height: 15px; left: 12px; top: -1px;  font-size: 13px;  font-family: Arial;  } 
#QS-labelCityList { text-align: left; position: absolute; width: 110px; height: 15px; left: 12px; top: 99px;  } 
#QS-buttonSearch { position: absolute; width: 65px; height: 22px; left: 112px; top: 114px;  } 
#QS-selectCityList { position: absolute; width: 82px; height: 22px; left: 12px; top: 116px;  font-size: 11px;  } 
#backLink {position:absolute; top:160px;}

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width: 194px;
  color: #fff;
  
}

.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:14px!important;
  text-align:left;
  border-bottom: 1px solid #854845;
  margin: 0px 0px 10px 5px;
  padding-top: 10px;
  padding-bottom: 2px;
  display:table-cell;
  -moz-user-select:none;

}

.AccordionTitle ul li {
list-style: none!important;
}

.AccordionContent
{
  height:auto;
  overflow:hidden;
  display:none;
}
.AccordionContent ul {
  overflow:visible;
  cursor:pointer;
  text-align:left;
  margin: 0px 0px 20px -20px;
 list-style-type: none!important;
}

.AccordionContent li 
{
  list-style-type: none!important;
  font-size:12px;
  text-align:left;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 6px;
  display:block;
}



.AccordionContainer a:link
{
  font-family:Arial;
  font-size:14px!important;
  color: #fff!important;
  text-decoration: none;
}

.AccordionContainer a:visited
{
  font-size:14px!important;
  text-decoration: none;
  color: #fff!important;
}
.AccordionContainer a:hover
{ font-size:14px!important;
  text-decoration: none;
  color: #101243!important;
}
.AccordionContainer a:active
{font-size:14px!important;
  text-decoration: none;
  color: #fff!important;
}
.AccordionContainer
{ 
float: left;
width: 194px;
margin: 0px 6px 25px 0px;
padding: 0px 0px 0px 0px;

}
#Accordion2Content {height: 100px!important; }
#Accordion3Content {height: 100px!important; }
#Accordion4Content {height: 100px!important; }
#Accordion5Content {height: 230px!important; }

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

#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;
}

.lowright {
margin:20px 15px 0px 0px; 
padding:0px 0px 0px 0px;
}

.lowright p img {margin-bottom:10px;}

.center {
width:410px; 
color:#000033; 
margin:10px 0px 10px 10px; 
padding:5px;
}

.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:63px; 
margin-top:-3px; 
}

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

#footertext { 
float: left;
width: 831px;
margin:auto; 
padding:0px 0px 0px 5px; 
text-align:left;

}
#footertext p {
color:#ffffff; 
font-size:11px;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

#footertext ul {
margin: 0px;
padding: 0px;
color:#ffffff;
}

#footertext ul li {
display: inline;

}


p .footlistidx {padding-bottom: 2px; }



li .footlist  {
color:#FFFFFF; 
padding:3px 0px 0px 0px;
margin-left: 0px;
}

.footlist a {
color:#FFFFFF; 
text-decoration:none; 
}

.footlist a:hover {color:#FFCC33;}



.credits {margin:0px 0px 0px 0px;}

#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;	
} 

#blogkgrnd{
padding: 0px;
margin: 5px 0px 10px 0px;
background-color: #fff;	
} 


#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;
}

#sidebar2 {
float: right;
width: 170px;
margin: 0px 5px 0px 0px;
}


#sidebar2 {
float: right;
width: 170px;
margin: 25px 10px 0px 0px;
}
#sidebar2 .widget h3 {
font-family:Times New Roman, Times, serif; 
font-size:16px; font-weight:bold; 
color:#000033 !important; 
margin-top:0px; 
margin-right:0px; 
margin-bottom:8px; 
text-align:left;
letter-spacing: .07em;
}
#sidebar2 .widget ul li {
margin-bottom: 10px;
color:#660000!important; 
font:12px Arial!important;
}
#sidebar2 .widget ul li a{
color:#660000!important; 
}
#sidebar2 .widget ul li a:hover {
color:#101243!important; 
}


#sidebar2 .widget h3 .rsswidget {
font-family:Times New Roman, Times, serif; 
font-size:16px; font-weight:bold; 
color:#000033 !important; 
margin-top:0px; 
margin-right:0px; 
margin-bottom:8px; 
text-align:left;
letter-spacing: .07em;
text-decoration: none;
}



#sidebar4 {
float: right;
width: 170px;
margin: 0px 5px 0px 0px;
}
#sidebar5 {
float: right;
width: 200px;
margin: 0px 10px 0px 210px;
}

#mainContent {
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;
}
  

.pagebottomright { /* 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;
width: 125px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: -22px 15px 0px 0px;
color: #ffffff;

}



.pagebottomleft{ /* this class can be used to float an element left in your page */
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 45px;
padding-bottom: 10px;
}


.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: 400px;
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 img {
margin-bottom: 10px;
}


.blogpost {
width: 550px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 10px 10px 10px 15px;
padding-top: 15px;
}

.blogpost 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:15px!important; 
margin-bottom:15px!important;
color: #00005D;
text-decoration: none;
}

.blogpost h1 a{
font-family:Times New Roman, Times, serif!important; 
font-size:20px!important; 
font-weight:bold!important; color:#000033!important; 
margin-bottom:15px!important;
color: #00005D!important;
text-decoration: none;
}
.blogpost h1 a:hover {color: #101243; }
.blogpost h1 a:visited {color: #00005D; }
.blogpost h1 a:active {color: #00005D; }
.blogpost 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!important;
text-decoration: none;
}
.blogpost img {
margin-bottom: 10px;
}

.blogpost2 {
float: left;
width: 275px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding-right: 45px;
margin: 0px 0px 10px 15px;
}

.blogpost2 h2 a{
font-family:Times New Roman, Times, serif!important; 
font-size:15px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D!important;
text-decoration: none;
}

.blogpost3 {
width: 275px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px 0px 10px 305px;

}
.blogpost3 h2 a{
font-family:Times New Roman, Times, serif!important; 
font-size:15px!important; 
font-weight:bold!important; color:#000033!important; 
margin-top:10px!important; 
margin-right:0px!important; 
margin-bottom:15px!important;
color: #00005D!important;
text-decoration: none;
}


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