body {
	margin: 0px;
	padding: 0px;
	background: #b8b3c3;
	color: #444;
	font: normal 11px Arial;
}
 .container {
	width: 922px;
	background: #ffffff;
	padding-bottom: 10px;
}
.header {
	height: 51px;
	width: 900px;
}
.header a { 
	text-decoration: none;
	outline: none;
	border: none;
	float: left;
}
 img {
	border: none;
 }
* html img, 
* html .png{
    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 = "resources/design/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://www.housingfiji.com/resources/css/','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}
 .header_title {
	float: left; 
	font: bold 30px Arial; 
	margin-left: 20px; 
	margin-top: 8px; 
	color: #666666; 
	letter-spacing: 2px;
 }
 .banner {
	width: 850px;
	height: 200px;
	background: #223a76 url('../design/images/banner.jpg') top right no-repeat;
	position: relative;
	padding-left: 50px;
	overflow: hidden;
 }
 .vision_descript {
 	background: url('../design/images/vision.png') top right no-repeat;
	width: 495px;
	height: 50px;
	position: relative;
	top: 80px;
	float: left;
 }
 *html .vision_descript {
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	(sizingMethod=scale, src='resources/design/images/vision.png') ;
 }
 .navig {
	width: 900px;
	height: 45px;
 }
 .middle {
	width: 900px; 
	min-height: 704px;
 }
 *html .middle { 
	height: 704px;
 }
 .content {
	width: 628px; 
	height: 716px; 
	float: left; 
	padding: 5px 9px;
 }
.welcome_message {
	float: left; 
	width: 624px; 
	text-align: left; 
	border-bottom: 2px solid red; 
	margin-bottom: 8px;
} 
.left_section {
	float: left;
	width: 615px;
	text-align: justify;
	padding: 3px 5px 8px 5px; 
}
.left_section a {
	color: red; text-decoration: none;
}
.left_section a:hover {
	text-decoration: underline;
}
.left_section_bottom {
	float: left; 
	clear: both; 
	height: 234px; 
	width: 628px; 
	background: #red url(../design/images/bd_vision.png) top left no-repeat;
}
.vision_mission {
	float: left; 
	width: 628px; 
	height: 297px; 
	margin-bottom: 3px; 
	text-align: left; 
	background: #ffffff;
	color: #333333;  
	margin-top: 2px;
	position: relative;
}
.three_vesumona {
	margin-top: 79px; 
	float: left; 
	clear: both; 
	position: relative; 
	width: 100%;
}
*html .three_vesumona {
	margin-top: 9px; 
}
.left_section_bottom_center {
	width: 196px; 
	height: 233px; 
	padding: 0px 5px;
	float: left; 
	margin: 0px 10px;
	background: #d26024 url(../design/images/center_bg.png) left bottom no-repeat;
}
.left_section_bottom_center a {
	color: yellow; 
	font: normal 11px Arial; 
	text-transform: uppercase; 
	text-decoration: none; 
	float: left; 
	margin-top: 17px;
}
.left_section_bottom_center a:hover {
	text-decoration: underline; 
}
.left_section_bottom_left {
	width: 190px; 
	height: 233px; 
	padding: 0px 5px;
	float: left;
	background: green url(../design/images/left_bg.png) left bottom no-repeat;
}
.left_section_bottom_left a {
	color: yellow; 
	font: normal 11px Arial; 
	text-transform: uppercase; 
	text-decoration: none;
	margin-top: 32px;
	float: left;
}
.left_section_bottom_left a:hover {
	text-decoration: underline;
}
.left_section_bottom_right {
	width: 190px; 
	height: 233px; 
	padding: 0px 5px;
	float: right;
	background: #223a76 url(../design/images/right_bg.png) left bottom no-repeat;
}
.left_section_bottom_right a {
	color: yellow; 
	font: normal 11px Arial; 
	text-transform: uppercase; 
	text-decoration: none;
	margin-top: 32px;
	float: left;
}
.left_section_bottom_right a:hover {
	text-decoration: underline;
}
.sideNav {
	width: 246px; 
	height: 436px; 
	float: right;
	background: #e5e8cd;
	position: relative;
}
*html .sideNav {
	width: 236px; 
}
 .sideNav_title {
	width: 216px; 
	font: bold 14px Arial;
	color: #000000;
	padding: 5px 10px; 
	text-align: left;
	float: left;
	clear: both;
 }
 .sideNav_title2 {
	width: 206px; 
	font: bold 14px Arial;
	position: absolute;
	color: #000000;
	padding: 5px 10px; 
	text-align: left;
	top: 177px;
	left: 0px;
 }
 .list_news {
	margin: 0px;
	padding: 10px 0px;
	float: left;
	width: 224px;
 }
 .list_news li{
	color: #333333;
	list-style-type: square;
	margin: 0px 0px 0px 45px!important;
	text-align: left;
	width: 179px;
}
.list_news li a{
	text-decoration: none;
	color: red;
	text-transform: uppercase;
	font-size: 10px;
}
.list_news li a:hover{
	text-decoration: underline;
}
.featured_product {
	width: 218px; 
	padding: 5px 10px; 
	text-align: left;
	position: absolute;
	color: #333333;
	left: 0px; 
	top: 210px;
}
.featured_product a{
	text-decoration: none;
	color: red;
	text-transform: uppercase;
}
.featured_product a:hover{
	text-decoration: underline;
}
#news {
	margin: 0px;
	padding: 0px;
}
#news li{
	list-style-type: none;
	display: none;
	padding-top: 10px;
	padding-left: 22px;
}
#news li img{
	width:177px;
	border: 3px solid #ffffff;
}
#news li a{
	margin-top: 2px;
}
.middle_bottom {
	width: 900px; 
	height: 200px; 
}
.middle_bottom_left {
	float: left; 
	width: 626px; 
	height: 199px; 
	padding: 0px 9px  5px 9px;
	border-top: none;
}
.middle_bottom_right {
	float: right; 
	width: 246px; 
	height: 266px;
	padding: 5px 0px;	
	text-align: left;
	background: #e5e8cd;
}
.dev_img {
	margin-top: 0px;
	position: relative;
	float: left; clear: both;
	margin-top: 20px;
	margin-left: 43px;
}
*html .dev_img {
	margin-left: 22px;
}
.dev_img img {
	border: 1px solid #ffffff;
}
.dev_img img:hover {
	border: 1px solid #333333;
}
*html .dev_img {
	margin-top: 20px;
}
*html .middle_bottom_right { 
	width: 235px; 
}
.list_news2 {
	margin: 0px;
	padding: 0px;
}
.list_news2 li{
	color: #333333;
	margin-left: 40px!important;
}
.list_news2 li a{
	color: #333333;
	font-weight: normal;
}
 .list_news3 {
	margin: 0px;
	padding: 10px 0px;
	float: left;
	width: 224px;
 }
 .list_news3 li{
	list-style-type: square;
	margin: 0px 0px 0px 45px!important;
	text-align: left;
	width: 179px;
}
.list_news3 li a{
	text-decoration: none;
	color: #333333;
}
.list_news3 li a:hover{
	text-decoration: underline;
}
.footer {
	width: 910px; 
	height: 20px; 
	padding: 10px 0px 5px 0px;
	background: #223a76;
	color: #ffffff;
	position: relative;
}

/* For Contact Form */
.contact {
	color: #666666; font: normal 11px Tahoma; text-decoration: none; outline: none; 
}
.contact:hover {
	color: #000;
}
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333333; color:#dddddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../design/images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../design/images/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../design/images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../design/images/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../design/images/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}