﻿* { padding:0; margin:0; font-family:Trebuchet MS,helvetica,sans-serif; font-size:12px; color:#66CCFF; }
img { border:none; }
ul { list-style:none; }
html, body
{
    height:100%;
    min-height:100%;
    width:100%;
    background-color:#555E64;        
}
h1 { color:#FFF; font-size:16px; }
h2 { color:#FFF; font-size:12px; }
h3 { color:#FFF; font-size:12px; padding:0; margin:0; }

a.link{text-decoration:none;}

/* header */
#header { width:100%; }
#container { background-color:#282C2F; width:950px; margin:0 auto; border:solid 2px #000; border-top:none; }

/*Menu*/
#menu { width:100%; }
#menu li { height:72px; float:left; }
#menu li a { width:158px; height:72px; display:block; text-indent:-9000px; }
#menu li#homeli a { width:159px; background:url(../Images/menu/menu_home.jpg) no-repeat top left; }
#estateli a { background:url(../Images/menu/menu_estate.jpg) no-repeat top left; }
#condoli a { background:url(../Images/menu/menu_condo.jpg) no-repeat top left; }
#floorplanli a { background:url(../Images/menu/menu_floorplans.jpg) no-repeat top left; }
#locationli a { background:url(../Images/menu/menu_location.jpg) no-repeat top left; }
#menu li#contactli a { width:159px; background:url(../Images/menu/menu_contact.jpg) no-repeat top left; }

/*End Menu*/

/*Center Image*/
#centerImage { padding:6px 0 0 0; }
/*End Center Image*/

/*Top Links*/
#topLinks { margin:8px 5px; }
#topLinks ul { clear:both; width:100%; display:block; }
#topLinks ul li { float:left; height: 23px; }
#topLinks ul li a { display:block; width:313px; height: 23px; }

/*End Top Links*/

/*Main Body*/
#mainWrapper { width:100%; }
#bodyWrapper { width:640px; float:right; margin-right:3px; margin-top:27px; }

.imageBlock { width:100%; }
.imageBlock div.block { width:208px; display:block; float:left; padding:0 3px 0 2px; text-align:center; position:relative; }
.imageBlock div.block img { border:solid 1px #FFF; }
.visibleImageBlock { position:relative; z-index:1; }
.imageBlock ul li { width:208px; display:block; float:left; padding:0 3px 0 2px; text-align:center; position:relative; }
.imageBlock ul li img { border:solid 1px #FFF; }


.hidden { display:none; position:absolute; z-index:10000; }
.hiddenRight { left:214px; z-index:10000; }
.hiddenLeft { left:-504px; z-index:10000; }
.visible { display:block; position:absolute; z-index:10000; }
.imageThumbBlock { width:615px; margin:0 auto; padding-top:35px; }
.imageThumbBlock ul li { padding:0 10px; float:left; margin:0 3px 0 2px; text-align:center; }
.imageThumbBlock ul li img { border:solid 1px #FFF; }

.separator { clear:both; display:block; padding-top:3px; background:url(../Images/separator.jpg) no-repeat center left; height:20px; width:601px; margin:0 auto; }
.separator-small { clear:both; display:block; padding-top:3px; background:url(../Images/separator.jpg) no-repeat center left; height:20px; width:550px; }
.separator-nav {padding-top:3px; background:url(../Images/separator.jpg) no-repeat center left; height:20px; width:280px; }

/*End Main Body*/

/*Side Panel*/
#sidePanelWrapper { width:279; margin:0 3px; float:left; }
.sidePanelTop { width:287px; height:40px; background:url(../Images/sidepanel/sidepanel_top.jpg) no-repeat top left; }
.sidePanelBody { width:270px; padding-right:17px; background:url(../Images/sidepanel/sidepanel_body.jpg) repeat-y top left; }
.sidePanelBody h1, .sidePanelBody h2, .sidePanelBody p { margin-left:20px; }
.sidePanelBottom { width:287px; height:40px; background:url(../Images/sidepanel/sidepanel_bottom.jpg) no-repeat top left; }
.sidePanelBody .separator { width:255px; margin-left:15px; }
/*End Side Panel*/

/*Footer*/
#footer { clear:both; width:100%; height:61px; background:url(../Images/footer/footer_bg.jpg) no-repeat top left; }

/*End Footer*/

/*Contact*/
dl dd input { width:200px; color:#000; }
dl dd textarea { width:300px; height:80px; color:#000;}
dl dt { padding-top:5px; width:305px; }
dl dt input { float:right; color:#000; }
/*End Contact*/

/*Common*/

.bottomPad { display:block; width:100%; height:10px; }
.moreButton { float:right; }
.clear { clear:both; }
.right { text-align:right; }
.center { text-align:center; }
.left { text-align:left; }
.redFont { color:Red; font-weight:bold; }

.indent {padding-left: 50px;}
.indent-small {padding-left: 20px;}
.indentAndFloat {padding-left: 50px; float:left;}
.indent-smallAndFloat {padding-left: 20px; float:left;}
.float {float:left;}

/*End Common*/