@charset "utf-8";
/* CSS Document */
body {background:url(../img/site/bg_header.png) repeat-x;margin:0;padding:0; font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#222;}

* {margin:0;padding:0;}

#w {width:1000px;margin:0 auto;padding:0;color:#222;}
#hw {width:1000px; height:200px;margin:0 auto; padding:0;}
#ht {width:1000px; height:30px;float:left;}
#banner {width:1000px; height:140px;float:left; background:url(../img/site/banner.png)}
#hb {width:1000px; height:30px;float:left;}

a {color:#458; text-decoration:none;}
#m {width:800px;color:#000;float:left;margin-right:10px;}
#m ul {margin:0 0 0 1.5em;}
#col {width:180px;float:right;margin:0 0 0 0;}
#col .vs {width:180px;height:4px;float:left; }
#f {width:996px;margin:0 auto;float:left; text-align:center; font-size:12px;color:#888;padding:2px;}
#f a{text-decoration:underline;}
.vs {width:1000px;height:20px;float:left;}

#col .vs {width:180px;height:20px;float:left;}
#m .vs {width:800px;height:20px;float:left;}

h1 {font: 20px "Lucida Sans Unicode",sans-serif;color:#458; margin:0 0 0.5em 0}
h2 {font: 16px "Lucida Sans Unicode",sans-serif;color:#458; margin:0 0 0.5em 0}
h3 {font: 14px "Lucida Sans Unicode",sans-serif;color:#458; margin:0.5em 0}
p {margin:1em 0}

/*#AABFCC*/


/* Navigation List */
#button {width: 1000px;	height:30px;/*background-color: #00ff00;*/color: #333;padding:0;font-size:12px; font-weight:bold;}
#button ul {list-style: none;}	
#button li {width:125px;height:30px;float:left;text-align:center;}
#button li a {display: block;padding: 7px 5px 3px 0.5em;color: #FFF;text-decoration: none;width: 125px;}
html>body #button li a {width: auto;height: 20px;}
#button li a:hover {height:20px;/*background-color: #FF0000; // on mouse over */color: #fff;}

.nb {background:url(../img/navigation/nav_button.png);}
.nb:hover {background:url(../img/navigation/nav_button_sel.png);}
.nb_sel {background:url(../img/navigation/nav_button_sel.png);}

/* Admin List */
#admin {width: 1000px;	height:30px;/*background-color: #00ff00;*/color: #888;padding:0;}
#admin ul {list-style: none;}	
#admin li {width:125px;height:30px;float:right;text-align:center;}
#admin li a {display: block;padding: 7px 5px 3px 0.5em;color: #888;text-decoration: none;width: 125px; font-size:12px;}
html>body #admin li a {width: auto;height: 20px;}
#admin li a:hover {height:20px;/*background-color: #FF0000; // on mouse over */color: #fff;}

.ab {background:url(../img/admin/admin_button.png);}
.ab:hover {background:#444;}
.ab_sel {background:#444;}

.forms {margin:1em 0 0 0;}
.forms label { width:128px;display:block;float:left;margin:0 1em }
.forms input { width:200px;margin:0 1em }
.forms select { width:200px;margin:0 1em }
.forms p {margin:0 0 0.5em 0;}
.forms .submit { width:128px;}

.t { width:172px; height:16px; background:url(../img/site/grid_green.png); float:left; padding:4px; color:#FFF; font-weight:bold;}

#debug { margin:0 auto; background:#FBB; border:1px solid #F88; padding:4px;float:left; }


.blog {width: 180px;color: #888;padding:0;float:left; margin:0 0 8px 0;}
.blog ul {list-style: none;}	
.blog li {width:180px;float:right;text-align:left;margin:1px 0 0 0}
.blog li a {display: block;padding: 2px 0 2px 0.5em;color: #888;text-decoration: none;width: 125px; font-size:12px; background:#458;color:#FFF;}
html>body .blog li a {width: auto; height:auto;}
.blog li a:hover {background-color: #8AB; /* on mouse over */color: #fff; }


.mainitem { width:360px; height:100px; float:left; padding:10px 20px 30px 20px; cursor:pointer; background:url(../img/icons/box.png) no-repeat;}
.mainitem img {float:left; margin:0 10px 0 0;}


.hipbox { background:url(../img/icons/hipbox.png) no-repeat; }
.comepcbox { background:url(../img/icons/comepcbox.png) no-repeat; }

.btn { width:200px; height:28px; background:url(../img/buttons/btn_main.png); cursor:pointer; text-align:center; font-weight:bold; color:#444; border:0;}
.btn:hover{background:url(../img/buttons/btn_main_sel.png); color:#FFF;}
.btn a {display: block; width:200px;padding:7px; color:#444; text-decoration:none;}
.btn a:hover {color:#FFF;}
html>body .btn a {width: auto; height:auto;}

.agt {width: 800px;margin:0;padding:0;float:left;}
.agt ul {list-style: none; margin:0; padding:0;}	
.agt li {width:238px;float:left;text-align:left;margin:1px 1px 0 0;padding:0;}
.agt li a {display: block;color: #888;text-decoration: none;width:234px; font-size:12px; background:#888;color:#FFF;padding:2px;}
html>body .agt li a {width: auto; height:auto;}
.agt li a:hover {background-color: #8AB; /* on mouse over */color: #fff; }

.list {width:780px; padding:10px; float:left; background:url(../img/site/bg_grey_stripe.png) top repeat-x; cursor:pointer;}
.list:hover {background:#CDE;}
.list .image { width:74px; height:48px; border:1px #888 solid; float:left; }
.list .image img { width:74px; height:48px; border:none; }
.list .price { font-size:14px; color:#457; }
.list .content { width:530px; float:left; margin-left:10px; font-size:11px; }
.list .details { width:150px;padding:2px; background:#FFF; float:right; margin-left:10px; color:#662;}
.list .details img{border:none;}

#page_options {width:800px; text-align:right;}
#page_options img {border:none}
#page_options a { text-decoration:underline;}

.paging {
	width:796px; background:url(../img/site/longshadow.png) top no-repeat; padding:2px; float:left;	color:#458; font-size:11px;
}
.paging input {border:none; background:#458; width:52px; text-align:center; color:#FFF; margin:1px;cursor:pointer; margin:-2px 3px 0 -2px;}
.paging input:hover{background:#8AB;}

.features {
	width:800px;
	float:left;
}

.agent_row {
	width:800px;
	padding-bottom:8px;
	float:left;
	background:url(../img/site/longshadow.png) no-repeat bottom;
}

.vb {
	width:800px;
	float:left;
	height:2px;
	padding-bottom:8px;
	background:url(../img/site/longshadow.png) no-repeat bottom;
}


.disclaimer {
	padding:4px;
	border:1px #CCC solid;
	background:#EEE;
	width:790px;
	float:left;
}
.pad {margin:4px;float:left}

.item {width:780px; padding:10px; float:left; background:url(../img/site/bg_grey_stripe.png) top repeat-x; cursor:pointer;}
.item:hover {background:#CDE;}

#viewDetails {width:800px;font-size:12px;}
.viewImages {width:784px;padding:4px;margin:4px;background:#EEE;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;}
#xViewCont {width:384px;height:256px;background:#FFF;float:left;}
#xView {width:384px;height:256px;}
#xList {width:396px;height:124px;padding:2px;background:#CCF;float:left;overflow:auto;}
#xOptions {width:332px;height:124px;padding:2px;background:#FFF;overflow:auto;float:left;}
#xOptions h1 {font-size:14px;padding:4px;margin:0;}
#xOptionsList {margin:0 auto;text-align:center;}
.xThumb {width:96px;height:64px;display:inline;margin:3px;cursor:pointer;}
.xThumb:hover {width:92px;height:60px;border:solid 2px #09F;}
.xIcon {width:64px;height:64px;float:left;cursor:pointer;padding:4px;}
.xIcon:hover {width:60px;height:60px;border:solid 2px #09F;}
#propertyInfo {width:718px;border:solid #bbb 1px;padding:4px;margin:4px;background:#ddd;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;}
.propertyInfoRight {width:332px;float:right;}
.propertyInfoLeft {width:332px;float:left;}