/* CSS Document PLATINUM*/

html, body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	background:url(../images/bkmain.jpg);
	font-size:85%;
}

p {
	margin: 0 0 1em 0;
	font-size:11px;
	color: #DBDBDB;
}

a {
	color: #FFCC99;
	font-weight:bold;}

a:hover {	color: #fff;}


	
/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */

#containermain {
	width:100%;
	background:url(../images/bk.jpg) repeat-x;
	float: left;
}

#container {
	margin:auto;
	width:898px;
}
	
/* ~~~~~~~~~~~~~~TOP~~~~~~~~~~~~~~~~ */

#top {
	width:898px;
	float:left;
	height: 128px;
	background:url(../images/top.jpg) no-repeat;
	text-align: center;
	padding: 0;
}	

#logo {
	width:201px;
	float:left;
	height: 128px;
}	
	
	
#flash {
	width:898px;
	float:left;
	height: 620px;
}	
	
#bottom {
	width:898px;
	float:left;
	height: 88px;
	background:url(../images/bottom.jpg) no-repeat;
	text-align: center;
	padding: 40px 0 0 0;
}	
	
#bottom p{
	font-size:11px;
	font-weight:bold;
	color: #999999;
}
	
/* ~~~~~~~~~~~~~~MENU CODE~~~~~~~~~~~~~~~~ */
#menu {
	width:697px;
	float:left;
	height: 55px;
	padding:73px 0 0 0;
}	

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menu li a {
	float:left;
	height:55px;
	display:block;}
	
#menu li.home a{
	background-image: url(../images/menu/1.gif);
	background-position:top;
	width: 55px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.home a:hover{
	background-position:bottom;}
	
#menu li.featured a{
	background-image: url(../images/menu/2.gif);
	background-position:top;
	width: 98px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.featured a:hover{
	background-position:bottom;}
	
#menu li.community a{
	background-image: url(../images/menu/3.gif);
	background-position:top;
	width: 105px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.community a:hover{
	background-position:bottom;}
	
#menu li.homesites a{
	background-image: url(../images/menu/4.gif);
	background-position:top;
	width: 88px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.homesites a:hover{
	background-position:bottom;}
	
#menu li.testimonials a{
	background-image: url(../images/menu/5.gif);
	background-position:top;
	width: 107px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.testimonials a:hover{
	background-position:bottom;}
	
#menu li.blog a{
	background-image: url(../images/menu/6.gif);
	background-position:top;
	width: 56px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.blog a:hover{
	background-position:bottom;}
	
#menu li.about a{
	background-image: url(../images/menu/7.gif);
	background-position:top;
	width: 85px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.about a:hover{
	background-position:bottom;}
	
#menu li.contact a{
	background-image: url(../images/menu/8.gif);
	background-position:top;
	width: 103px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.contact a:hover{
	background-position:bottom;}
	
	

	
/* ~~~~~~~~~~~~~~END MENU CODE~~~~~~~~~~~~~~~~ */

#content {
	width:898px;
	background:url(../images/contentbk.jpg) repeat-x;
	float: left;}
	
#contentbk {
	width:898px;
	background:url(../images/cross.jpg);
	float: left;}
	
#left {
	width:170px;
	float: left;
	padding:15px 1px 25px 30px;
	margin: 15px 0 0 0;
	font-size: 11px;
}
	
#right {
	width:547px;
	float: left;
	padding: 60px 75px 0 75px;
}

#rightwide {
	width:627px;
	float: left;
	padding: 60px 35px 0 35px;
}

#column{
	width:240px;
	margin:20px 10px 0 0;
	border:1px solid #4F4F8F;
	float:left;
	padding: 10px;
	background-color: #332F6A;
}

#clear {
	float:left;
	width:547px;
	clear:both;}
	
#clearmargin {
	float:left;
	width:547px;
	margin-bottom:20px;
	clear:both;}


#houses {
	float:left;
	width:170px;
	position:absolute;
	z-index:1;
	color:#F4DFBA;
	padding:10px 1px 25px 30px;
	margin-top:0px;
}	

/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */	
#footer {
	width:898px;
	height:23px;
	float:left;
	font-size:10px;
	color:#9FABD4;
	background:url(../images/footer.jpg) no-repeat;
	padding: 15px 0 0 0;}

#footer a {
	color:#9FABD4;
	font-weight:bold;
	text-decoration:none;}
	
#footer a:hover:{
	color:#fff;
	text-decoration:underline;}
	
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */	
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size:28px;
	color:#FFFFFF;
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
	font-style: italic;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFCC99;
	margin:0;
	padding:0 0 0 0;
}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:0;
	padding-bottom:10px;
	color:#FFFFFF;
}
	
.yellow {
	color: #FFCA00;
	font-size:20px;
	display: block;
	padding: 2px 4px;}
	
.black {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.floatright {
	border:1px solid #006699;
	float:right;
}
	
.floatleft {
	border:1px solid #006699;
	float:left;
	margin: 0 20px 20px 0;
}

.floatleftwide {
	border:1px solid #006699;
	float:left;
	margin: 0 120px 0 0;
}

	
li {
	margin-left:20px;}
	
	
/* ~~~~~~~~~~~~~~FEATURED PROPERTIES~~~~~~~~~~~~~~~~ */
div.feat_property{
    float:left;
    width:140px;
    height:175px;
    margin-right:25px;
    text-align:center;
    background-color:#332F6A;
    border:1px solid #4F4F8F;
    padding:5px;
}

div.feat_property div.img_wrapper{
    width:130px;
    height:110px;
    margin:0 auto 5px auto;
}

div#left h2, div#houses h2{
    text-transform:uppercase;
    color:#332F6A;
    font:bold 13px Arial, Helvetica, sans-serif;
    margin:18px 0 8px 0;
    padding:0px;
}

div#left div.featured_prop_intro,div#houses div.featured_prop_intro{
    margin-bottom:14px;
    width:130px;
}

div#left div.featured_prop_intro img,div#houses div.featured_prop_intro img{
    float:right;
    border:1px solid #999;
}

div#left div.featured_prop_intro a,div#houses div.featured_prop_intro a{
    text-align:right;
    color:#fff;
    font-weight:bold;
    display:block;
    clear:both;
}

div#left div.featured_prop_intro a:link, div#left div.featured_prop_intro a:visited,
div#houses div.featured_prop_intro a:link, div#houses div.featured_prop_intro a:visited{
    text-decoration:none;
    color:#fff;
}

div#left div.featured_prop_intro a:hover{
    text-decoration:none;
    color:#332F6A;
}

.blue {
	font-size:12px;
	color:#100D54;
	font-weight:bold;
}

/* ~~~~~~~~~~~~~~OTHER STUFF~~~~~~~~~~~~~~~~ */
div#important_links{
    margin:5px 0;
    font:13px;
    line-height:150%;
}

div#important_links a:link, div#important_links a:visited{
    color:#fff;
}

div#important_links a:hover{
    color:#FFCC99;
}


/* ---------------------- hack -------------------- */
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {display:inline-block;} 
* html .clearfix{height:1px}

/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */