/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.


COLOURS
	Cream = #EFE6D8
	
*/




/* IMG */
.entry p img {background: #ccc; border: 4px #EFE6D8 solid;}
#sidebar .imgbox {background: #ccc; border: 4px #EFE6D8 solid;}

.xpost {
padding: 30px;
background: white;
border: 4px solid #EFE6D8;
margin-bottom: 50px;
}

.clearall {clear: both;float: none;}

.gmap {padding: 10px; border: 4px #EFE6D8 solid; background: white; width:310px; height:390px; float: left; margin-left: 20px; overflow: hidden}

.boxy {padding: 35px;width: 202px; height: 200px; border: 4px #EFE6D8 solid; background: #fff; float: left; margin-right: 15px;}
.boxy-lrg {padding: 35px;width: 265px; height: 200px; float: left;}
	
	.boxy h3, .boxy-lrg h3 {margin-bottom: 15px; border-bottom: 1px #ccc dashed; padding-bottom: 5px;z-index: 100;}
	.boxy h4, .boxy-lrg h4 {font-size: 90%; color: #666 !important;}
		.boxy h4 a, .boxy-lrg h4 a {color: #666 !important;}
	.boxy p, .boxy-lrg p {font-size: 12px;z-index: 100;}
	.boxy a, .boxy-lrg a {color: black; text-decoration: none;}
	
	.boxy .hp-img {width: 202px; overflow: hidden;}
		.boxy .hp-img img {width: 262px}
		.boxy .hp-img .hptitle {background: #000; color: #fff; display: block;width: 192px; height: 20px; position: relative; top:-30px; font-size: 11px; padding: 5px; opacity:0.8;}
		.boxy .hp-img .hptitle, .boxy .hp-img .hptitle * {color: #fff;}
	
.listings {
	clear: both;float: none; padding-bottom: 5px;
}
	.listings .imgbox {width: 150px; overflow: hidden; margin-right: 20px; float: left; border: 3px #EFE6D8 solid;}
		.listings .imgbox img {border: none}
	.listings .txtbox {padding: 15px 0px;}
	.listings .txtbox h4 {padding: 0px; margin: 0px;}	
	.listings .txtbox h6 {font-size: 10px; padding: 0px; margin: 0px 0px 10px 0px; color: #666}	
	.listings .txtbox h6 * {color: #666}	
	.listings .txtbox p {font-size: 12px}
	.listings a, .listings a * {text-decoration: none; color: black;}
	.listings a:hover {}
	
hr {
	clear: both;
	float: none;
	margin: 25px 0;
	border: none;
	border-bottom: 1px #ccc dashed;
}
	#sidebar .boxy-lrg {padding: 5px 0px; height: auto !important}
	#sidebar .boxy-lrg a, #sidebar .boxy-lrg a * {color: #000; text-decoration: none}
	#sidebar .imgbox {width: 90px; float: left; margin-right: 10px;}
	#sidebar .txtbox {padding-top: 3px;}

#banner {position: relative; margin: 0 0 20px 0; background: url(images/home-bg.png) no-repeat; height: 450px; overflow: hidden; z-index: 400; width: 946px; height: 477px;}

	#slider {
	    width: 919px; /* important to be same as image width */
	    height: 448px; /* important to be same as image height */
	    position: absolute; top:10px; left: 12px;
	    background: #fff;
	    border: 1px #EFE6D8 solid;
		overflow: visible; /* important */
		overflow: hidden;
	}
	#slider img {z-index: 401 !important;}
	
	#slider #sliderContent {
	    width: 960px; /* important to be same as image width or wider */
	    position: absolute;
		top: 0;
		margin-left: 0px;
	}
	#slider .sliderImage {
	    float: left;
	    position: relative;
		display: none;
	}
	#slider .sliderImage span {
	    position: relative;
		font: 10px/15px Arial, Helvetica, sans-serif;
	    padding: 13px;
	    height: 0px;
	    background: #000;
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
		-khtml-opacity: 0.7;
	    opacity: 0.7;
	    color: #fff;
	    display: none;
	}
	#slider .clear {
		clear: both;
	}
	#slider .left, #slider .right {
		position: absolute !important;
		width: 210px !important;
		height: 450px;
		z-index: 402 !important;
	    display: none;
	}
	
		
		div.heading3 {font-size: 16px; font-family: Georgia; font-weight: bold; padding: 15px 0 !important;}
		
		#slider .left {
			top: 0px;
		    left: 0px;
		}
		#slider .right {
			right: 40px;
			top: 0px;
		}
	#slider ul { list-style-type: none;margin: 0px; padding: 0px;}