/* KMK style (CSS) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
	zoom: 1 ;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
	text-align: center;
	color: black;
	background-color:transparent;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; color:#800020;}
a img { border: 0; }

/* content */

div.banner
{
	overflow: hidden;
	width: 1000px;
	height: 206px;
	display: block;    
	margin: 0 auto;
	margin-top: 15px;

	border: 0;
	padding: 0;
	background-image: url(kmk-banner.png);
}

.main-shell{
    overflow: hidden;
    width: 600px;  
	margin-left: auto;
    margin-right: auto;
	display: block;

    border: 0;	
	background-image: url(kmk-mainbg.png);
	text-align: left;
}


.footer{
    overflow: hidden;
	height: 37px;
	width: 500px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	text-align: right;

    border: 0px;
	padding: 12px;
	border-color: black;
	background-image: url(kmk-footer.png);
}

html>body .footer {
	width: 476px;
	height: 13px;
} 

.main
{
    overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
    width: 600px; 
	background-image: url(kmk-palm.jpg);
	background-position: top left; 
	background-repeat: no-repeat;
}

.main-bottom{
    overflow: hidden;
    width: 500px;
	height: 12px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;

    border: 0;
	background-image: url(kmk-bottombg.png);
}

html>body .footer {
width: 476px;
} 


.nav-bar{
    overflow: hidden; 
	margin-left: 10px;
	margin-right: 10px;
    width: 1000px; 
    text-align: center;
	font-size: 18px;
}

html>body .nav-bar{
width: 480px;
} 

.map{
	
width: 200px;

    border: 0;
    padding: 10px;
    text-align: center;
	border-style: solid;
}


.property-info{
	margin-left: auto;
	margin-right: auto;

    padding: 10px;
    text-align: left;
}

.sidebar{
	float: right;
	width: 270px;  
	margin-left: 15px;
    margin-right: 30px;

    border: 1;
    padding: 0;
    text-align: center;
	border-style: dotted;
	background-color: #FFFFF0;
}

html>body .sidebar{
	width: 250px;
    margin-right: 10px;
}

.box{
	float: left;
	display: block;
	width: 210px;

    border: 0;	
	background-image: url(kmk-boxbg.png);
    text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	
	clear: both;
    margin: 0px 10px 0px 3px;
}

html>body .box{
	width: 180px;
}

.box-bottom{
    overflow: hidden;
	width: 210px;
	height: 12px;
	display: block;
	
	float: left;
	
	padding-left: 10px;
	padding-right: 10px;
	
    margin: 0px 0px 15px 3px;
	
    border: 0;
	background-image: url(kmk-boxbottombg.png);
}

html>body .box-bottom{
	width: 190px;
}

.box-top{
    overflow: hidden;
	width: 210px;
	height: 12px;
	display: block;
	
	float: left;
	
	padding-left: 10px;
	padding-right: 10px;
	
    margin: 0px 0px 0px 3px;
	
    border: 0;
	background-image: url(kmk-boxtopbg.png);
}

html>body .box-top{
	width: 190px;
}

.right-side{
	float: left;
	width: 320px;  
	margin-left: 10px;
    margin-right: 0px;

    border: 0;
    padding: 0;
}

.left-side{
	float: right;
	width: 202px;  
	margin-left: 0px;
    margin-right: 10px;

    border: 0;
    padding: 0;
}
#hor-zebra{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}
#hor-zebra th{font-size:14px;font-weight:normal;color:#039;padding:10px 8px;}
#hor-zebra td{color:#669;padding:8px;}#hor-zebra .odd{background:#e8edff;}

table.listing {
	width: 500px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: transparent;
	vertical-align: top;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}
table.listing th {
	font-size:16px;font-weight:normal;padding:10px 8px;
}
table.listing td {
	padding:8px;
}
.odd{background:#e8edff;}
/*
table.grayTable
{
	color:#FFF;
	background:#707070 url(full.png) repeat-x top left;
	border:2px solid #3f3f3f;
	border-collapse:collapse;
	width:50em;
}

thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #FFF;
 	font-size:120%;
 	text-align:left;
}

td, th
{
	background:transparent;
	padding:.5em 1em;
}

tbody tr.odd td
{
	background:transparent url(tr_bg.png) repeat top left;
}

tfoot td
{
	padding-bottom:1.5em;
}

* html tr.odd td
{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');
}


*/

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #ffffff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.gray { background: #648d7f; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.gray { border-color: #648d7f; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }