/**
 * Default screen CSS for Affordable Housing.
 */
 
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#030302;
	background-image:url(../images/main_bg1.jpg);
	background-repeat:no-repeat;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#910528;
	margin:0 20px 25px 0;
	padding:60px 0 0 0;
	font-size:30px;
	font-weight:500;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 20px 15px 0;
	padding:0;
	font-size:12px;

}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:5px 20px 5px 0;
	padding:0;
	padding:0;
	font-size:16px;

}

p {
	color:#FFF;
	margin:0 30px 15px 0;
	font-size:11px;
}

.highlight {
	color:#00E5FF;
	font-size:10px;
}	

ul {
	margin:0;
	padding:0;
	color:#FFFFFF;
	list-style-type:none;
}

li {
	color:#fff;
	padding:0 0 8px 0;
}

ol {
	font-size:11px;
	color:#FFFFFF;

}

a {
	color:#FF6600;
}

a:hover {
	color:#00E5FF;
}

table td {
	color:#FFFFFF;
	padding:2px 10px 2px 0;
}


/*------------------------------------------------------------------------------
* IE6 PNG FIX
*----------------------------------------------------------------------------*/
/*

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

*/



img, div { 
	behavior: url(iepngfix.htc) 
}



/*------------------------------------------------------------------------------
* Container
*----------------------------------------------------------------------------*/

#container {
	width:950px;
	background-image:url(../images/container_bg.png);
	background-repeat:repeat;
	background-position:top right;
	margin:20px auto 0 auto;
	padding:20px;
	border:1px dotted #666;
}


/*------------------------------------------------------------------------------
* Header
*----------------------------------------------------------------------------*/

#header {
	height:145px;
}

#header .logo {
	margin:10px 0 0 0;
}

#header #nav {
	height:30px;
	margin:16px 0 0 0;
}

#header #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:1000;
	position:absolute;
}

#header #nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	padding:0 19px 0 0;
	margin:0 0 0 0;
}

#header #nav a {
	color:#150D0A;
	text-decoration:none;
}

#header #nav .on {
	
}

#header #vip {
	width:550px;
	height:130px;
	float:right;
	position:relative;
}

#header #vip .onlinebanner {
	position:absolute;
	top:-35px;
	left:0;
}

#header #vip #email {
	float:right;
	width:220px;
	margin:0 0 0 0;
}

#header #vip #email p {
	margin:0 0 8px 0;
	color:#FFF;
}

#header #vip #email .joinheading {
	margin:0 0 10px 0;	
}

#header #vip #email .lightgrey {
	color:#999999;
}

#header #vip .vipform {
	margin:0 0 8px 0;
	padding:0;
}			

/*------------------------------------------------------------------------------
* Main - Content 
*----------------------------------------------------------------------------*/

#content {
	width:690px;
	/*border:1px solid white;*/
	position:relative;
}

#content #morenews {
	position:absolute;
	margin-left:612px;
	margin-top:8px;
	display:none;
}

#content #morenews a {
	text-decoration:none;
	color:#FF6600;
}

#content .news {
	width:688px;
	min-height:185px;
	height:auto;
	margin:0 0 0 0;
	border-bottom:1px dotted #666666;
}

#content .feature {
	width:690px;
	height:460px;
	margin:0 0 0 0;
	position:absolute;
	padding-bottom:20px;
	border-bottom:1px dotted #666666;
}

#content .newsimage {
	float:right;
	margin:0 0 0 20px;
}

#content .bigimage {
	border:4px solid #FFF;
	margin:0 0 20px 140px;
}

#content .foreshore {
	border:5px solid #FFF;
	margin:0 0 20px 0;
}

#content .featureimage {
	border:1px solid #3A3A3A;
	margin:0 0 20px 0;
}

#content #ads {
	margin:20px 0 0 0;
	position:absolute;
	top:480px;
	left:0;
}

#content #ads .ad {
	margin:0 28px 0 0;
}

#content .sub {
	margin:20px 0 0 0;
}

#content .sub ul {
	font-size:12px;
	list-style-type:circle;
	color:#FFF;
	margin:0 0 0 25px;
}

#content .sub ul li {
	
}

#content .sub h2 {
	color:#00E5FF;
	font-size:13px;
}

#content .sub table {
	font-size:12px;
}

#content .sub table td {
	padding:0 0 15px 0;
}


#content .sub table.brands td {
	padding-right:20px;
}

/*------------------------------------------------------------------------------
* Right - Our Brands
*----------------------------------------------------------------------------*/

#right {
	float:right;
	width:220px;
	margin-bottom:20px;
	
	padding:0;
}

#right #brands {
	width:220px;
	
	background-color:#191919;
	border:1px solid #3A3A3A;
	margin:0 0 37px 0;
	
}

#right #brands .brandlogo {
	margin:15px 0 15px 0;
}

#right #brands .brandlogotop {
	margin:30px 0 15px 0;
}

#right #brands .morebrands {
	margin:15px 0 0 0;
}



label.error {
	color: red;
	display: block;
	font-size: 10px;
}


/*------------------------------------------------------------------------------
* Footer
*----------------------------------------------------------------------------*/

#footer {
	clear:both;
	margin:20px 0 20px 0;
	padding-bottom:20px;
}

#footer .storenumbers {
	float:right;
	text-align:right;
}	

#footer p {
	font-size:9px;
	margin:0;
	padding:0;
}


.clear {
	clear:both;
}	




/*------------------------------------------------------------------------------
* IMAGE ROTATOR
*----------------------------------------------------------------------------*/

/* rotator in-page placement */
div.rotator1,
div.rotator2 {
	position:absolute;
	left: 0;
	top:0;
	display: none;
}

/* rotator css */
div.rotator1 u,
div.rotator2 u {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.rotator1 ul li,
div.rotator2 ul li{
	left:0;
	top:0;
	position:absolute;
	list-style: none;
	margin:0;
	padding:0;
	list-style-type:none;
}

/* rotator image style */	
div.rotator1 ul li img,
div.rotator2 ul li img {
	border:none;
	padding: 0;
	background: #FFF;
	margin:0;
}

div.rotator1 ul li.show,
div.rotator2 ul li.show {
	z-index:500;
}