@charset "utf-8";

/*
 Name: Brett Property Main CSS
 Date: Jan 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
ol,ul{list-style:none}

#container 	{
	margin:0 auto;
	width:970px;
	background-color:#f4f4f4;
}

body 	{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/iStock_000010135363XSmall.jpg);
	margin-top:0px;
}

h1 	{
	font-size:24px;
	margin:20px 0px 2px 25px;
	color:#386c00;
}

h2	{
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	margin-left:25px;
	color:#ff0002;
}

h3	{
	font-size:11px;
	font-weight:bold;
	color:#8dbe2f;
}

p 	{
	font-size:12px;
	margin-top: 10px;
	margin-left:25px;
	margin-right:20px;
	color:#000;
	text-align:justify;
	line-height: 170%;
}

a {color:#fff; text-decoration:none;}

a.link{color:#000; text-decoration:underline;}

a:hover {color:#ff0002;}

/* Header content area */
#header img {float: left;}

/* Main content area */
#main	{
	float:left;
	width:720px;
}

ul.auction {list-style-type:circle; margin-left: 50px;}

ul.ticker{font-size:12px; font-weight:bold;}

/* Main content image */
#main img {float:left; margin-left: 15px;}

/* Menu styling */
.menu {font-family: arial, sans-serif; width:100%; height:30px; position:relative; font-size:11px; z-index:100; background:#282827;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:106px; height:29px; text-align:center; color:#fff; border-top:1px solid #444444; border-right:1px solid #444444; background:#282827; line-height:30px; font-size:11px; overflow:hidden;}
.menu ul {position:relative; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Menu styling for non IE browsers */
.menu ul li:hover a {color:#8dbe2f; background:#282827;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#282827; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#282827; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#282827; color:#fff;}
.menu ul li:hover ul li a:hover {background:#999999; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* Content boxes */
.box	{
	float:left;
	width:186px;
	height:300px;
	background:#272727;
	border:2px solid #8dbe2f;
	margin:20px 5px 10px 15px;
	padding: 15px;
	font-size:11px;
	text-align:left;
	color:#FFFFFF;
	line-height:14px;
}

#tickerbox{float:left; margin:15px 0 0 70px; padding-left: 5px; width:580px; height:20px; background:#272727; border:2px solid #8dbe2f;}

/* Right content area */
#rightside	{
	float:left;
	width:248px;
}

#rightside img.right {float:right; margin: 10px 15px 10px 25px;}

#rightside iframe{float:right; margin: 10px 15px 0 25px;}

#twitter {float:right; margin: 0 15px 15px 25px;}

#rightmove {float:right; margin: 0 15px 15px 25px; background: url(../images/tv.jpg) no-repeat;
	border:1px solid #ddd; width:198px; padding: 5px 0 0 0;}

/* Main content */
#links a.links {height:90px; width: 170px; float: left; margin: 0 15px 15px 15px;}
#links a.jaijo {background:url(../images/links/jaijo_design.gif) no-repeat;}
#links a.clarks {background:url(../images/links/clarks.png) no-repeat;}
#links a.network {background:url(../images/links/network_auctions.png) no-repeat;}
#links a.noble {background:url(../images/links/noble.png) no-repeat;}
#links a.stop {background:url(../images/links/1-stop.png) no-repeat;}
#links a.haven {background:url(../images/links/haven.png) no-repeat;}

#map {width: 500px; height: 300px; margin: 20px 0px 30px 123px;}

/* Contact Forms */

#contact {
	float: left;
	margin: 15px;
}

fieldset
{
	float: left;
	margin-bottom:10px;
}

legend	{
	font-size:20px;
	color:#ed2290;
	margin: 1px 20px 0 20px;
}

label
{
	font-size:12px;
	width: 95px;
	float: left;
	margin: 22px 0 0 20px;
	text-align: justify;
	color: #333333;
}

input
{
	float: left;
	width: 200px;
	margin:20px 0px 0 0px;
}

input.submit 
{
	font:12px/20px verdana, arial, helvetica, sans-serif;
	padding: 0;
	background-color :#FFFFFF;
	border:1px solid;
	border-color: #386C00;
}

select
{
	float: left;
	width: 200px;
	margin:20px 0 0;
	text-align: center;
}

textarea
{
	float: left;
	width: 508px;
	font:12px/20px verdana, arial, helvetica, sans-serif;
	margin-top:10px;
}

/* Footer content area */
#footer	{
	height: 112px;
	background: url(../images/footer_16.jpg) no-repeat;
	margin-top:0px;
	position:relative
}

#footeraddress{position:absolute; bottom:5px; float:left; margin-left: 375px; width: 600px;}

#footer p {font-size:10px; text-align:right; font-weight:bold; color:#fff;}

#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color:#ff0002;}
#footer a.footer {width:45px; height: 44px; display: block; float: left; margin: 10px 10px 0px 0px;}
#footer a.propertylive {background:url(../images/property_live.png) no-repeat;}

#footer img	{float:left; margin: 10px 10px 0px 5px;}

.clear{clear:both}

/* Slideshow */
#slideshow {
	height:221px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#slideshow IMG {
	position:absolute;
	top:0px;
	z-index:8;
	width: 531px;
	height: 221px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#mortgage img { margin: 10px 0 10px 130px;
    }
#tv img { margin: -7px 0px 2px 100px;
    }