/*
Design Name: Prominent Properties 2
Author: Caron Andregg, SeaCliff Media 
Author URI: http://seacliffmm.com/

*/

/* =Structure
-------------------------------------------------------------- */
body {
padding : 0;
margin : 0;
min-width : 960px;
text-align : center;
}
#wrapper {
margin:0;
padding:0; 
width : 100%;
text-align : left;
background-image : url(img/wrapper_bkg.jpg);
background-position : center top;
background-repeat : repeat-x;
background-color:#ffffff;
clear : both;
}
header {
width : 100%;
margin : 0 auto;
padding : 0;
}
#header-top {
margin : 0 auto;
padding : 10px 0 10px 0;
width : 940px;
height : 64px;
background-image:url(img/header_bkg.jpg); 
background-position : center top;
background-repeat : no-repeat;
}
#header-real {
margin : 0;
padding : 0;
width : 300px;
color : #fff;
float : left;
}
#header-motto {
margin : 0;
padding-top : 33px;
width : 300px;
text-align : center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-style:italic;
color : #fff;
float : left;
}
#header-logo {
margin : 0;
padding : 0;
width : 250px;
text-align : center;
float : right;
}

/*==== Main Content =========== */

#main {
width : 100%;
text-align : left;
clear : both;
}
.container-top {margin-top:10px;}
.container {
margin : 0 auto 0 auto;
width : 940px;
}

#header-translate {
margin : 0 0 10px 740px;
padding : 1px 0;
width : 200px;
text-align : right;
font-size : 12px;
clear:both;
}

#header-translate ul {
margin : 0;
padding : 0;
text-align : left;
list-style : none;
height : 24px;
}
#header-translate li {
float : left;
margin : 0 1px 0 0;
padding : 0;
line-height : 28px;
}
#header-translate li a {
padding : 0 10px 1px 10px;
display : block;
position : relative;
background-color : #7690b9;
color : #ffffff;
text-decoration : none;
}
#header-translate li a:hover, #nav li a:active {
color : #ffff00;
}

.login {
	float:right;
}



/*------ Navigation ------------ */

#nav {
width : 940px;
margin : 0 auto 1px auto;
padding : 20px 0 0 0;
position : relative;
overflow : hidden;
z-index : 300;

}
#nav ul {
margin : 0;
padding : 0;
text-align : left;
list-style : none;
height : 32px;
}
#nav li {
float : left;
margin : 0 1px 0 0;
padding : 0;
line-height : 28px;
}
#nav li a {
padding : 4px 10px 4px 10px;
display : block;
position : relative;
background-color : #adb1b8;
color : #08006c;
text-decoration : none;
}
#nav li a:hover, #nav li a:active {
color : #ffffff;
}
.menu {
float : left;
}
#nav li a {
}
	
/*------ Featurebox ------------ */

#featurebox {
margin : 0 auto;
padding : 0;
width : 940px;
position : relative;
}
#featureroller {
margin : 0;
padding : 7px;
height : 300px;
width : 530px;
background-color : #adb1b8;
float : left;
}
#featuretext {
	font-family:Georgia, "Times New Roman", Times, serif;
margin : 0;
padding : 7px;
height : 300px;
width : 382px;
background-color : #adb1b8;
float : left;
}
.feature-head {
background-image:url(img/white-fade-line.png);
background-position : center right;
background-repeat : no-repeat;
}

.feature-head h1 {color:#ffffff; font-style:italic;}

.feature-body {height: 180px; color:#ffffff;}
.feature-body h3 {margin-top:23px;color:#ffff00;  }

.feature-bottom {
	position:relative;
	margin-top:10px;
background-image:url(img/white-fade-line.png);
background-position : center right;
background-repeat : no-repeat;
}
#featurebox-shadow {
margin : 0 0 15px 0;
padding : 0;
width : 940px;
height : 24px;
background-image : url(img/featurebox_shadow.jpg);
background-position : top center;
background-repeat : no-repeat;
clear : both;
}

/*------ Properties ------------ */

#properties {
margin : 15px auto;
padding : 0;
width : 940px;
}

#properties #properties-slider{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
#properties .aside {
margin : 0 20px 0 0;
padding : 0;
width : 220px;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
float : left;
}
#properties .pfourth.aside,#properties #pfourth.aside {
margin : 0;
float : right;
}
.fpb {
padding : 4px;
background-color : #666;
color : #fff;
}
.fpb h3, .fpb h4 {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
padding : 0;
margin : 0;
}
.fpb h4 {
font-size : 12px;
margin-bottom : 6px;
}
.fpb img {
border : 1px solid #111111;
}
.fpb-content {
margin : 7px 0;
}
.fpb-content-remarks{
	max-height:48px;
	overflow:hidden;
}
#properties .fpb-price {
width : 130px;
padding : 2px 0;
float : left;
color:#b43717;
white-space:nowrap;
}
#properties .more {
width : 70px;
padding : 2px 0 2px 15px;
border-left : 1px solid #b43717;
color : #b43717;
float : right;
}
#properties .aside h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #0e377e;
font-weight : 600;
}

/*------ Subsidiary ------------ */

#subsidiary {
margin : 15px auto;
padding : 0;
width : 940px;
clear:both:
}
#subsidiary .aside {
margin : 20px 20px 33px 0;
padding : 0;
width : 300px;
text-align : left;
float : left;
}

#subsidiary .aside ul {
margin: 15px 0;
padding-top:0;
list-style:none;	
}

#subsidiary .aside li {padding-left:0;}

.aside ul.propsale {padding-left:20px;}
.aside ul.propsale li, .aside ul.col1 li, .aside ul.col2 li  {margin:7px 0; padding: 3px; border-bottom:dotted #385e99 1px;}
.aside ul.propsale li a, .aside ul.col1 li a, .aside ul.col2 li a {color: #385e99; text-decoration:none;}
.aside ul.propsale li a:hover, .aside ul.col1 li a, .aside ul.col2 li a {color: #0e377e;}

#first.aside ul {list-style-image:url(img/bullet-arrow.jpg)}

#second.aside ul.col1  {
margin:0 15px 0 3px;
padding:0;
width:130px;
list-style:none;
list-style-image:none;
float:left;}

#second.aside ul.col2 {
margin:0;
padding:0;
width:130px;
list-style:none;
list-style-image:none;
float:right;}

#third.aside {
margin-right:0;
color:#385e99;
float : right;
}
#subsidiary h1 {
font-size : 22px;
color : #b43717;
}


/* ======= FOOTER   ===========*/


#footer {
margin : 40px 0 0 0;
padding : 10px 0;
min-height:123px;
background-image : url(img/footer_bkg.jpg);
background-position : center top;
background-repeat : repeat-x;
background-color : #08006D;
z-index : 2;
text-align:center;
clear : both;
}
#footer-inner {
margin : 0 auto;
padding : 0;
width : 960px;
font-size : 10pt;
text-align : center;
clear : both;
}
#footer-menu, #siteinfo  {
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	
}

#footer-menu a {
color:#ffffff;
}

#footer-menu a:hover{color:#ffff00;}
	
#footer-inner img {
padding : 10px;
border : none;
}
#siteinfo {
color:#99ff33;
}

/*============================================================== */


.screen-reader-text, .section-heading {
position : absolute;
left : -9000em;
}
.alignleft {
display : inline;
float : left;
}
.alignright {
display : inline;
float : right;
}
.aligncenter {
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
}
a:hover, a:active {
border : none;
}

/*  Essential Styles  
-------------------------------------------------------------- */

body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #666666;
line-height : 1.25;
background-color : #173e82;
}
h1, h2, h3 {
font-family : Georgia, "Times New Roman", Times, serif;
color : #b43717;
font-weight : 500;
letter-spacing : normal;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
small {
font-family: Arial, Helvetica, sans-serif;
font-size : 9px;
}
input {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
a, a:visited {
color : #385e99;
text-decoration : none;
}
a:hover {
color : #b43717;
}
.clear {
clear : both;
}
