/*
dark green- #007f55;
pale - #ecf3f0;
yellow - #f7c40f;
navy - #162d50;
margin TRBL
*/



* {
padding: 0;
margin: 0;
}

html, body {
height: 100%;
background-color: #162d50;
}


body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11pt;
}


#container {
min-height: 100%;
position:relative;
margin: 0 auto;
background-color: #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
width: 800px;
line-height:140%;
}


#header {
height: 185px;
width: 800px;
background-color: #ecf3f0;
}



#mainindex{

width: 776px;

height: 610px;

margin-top: 10px;

margin-bottom: 10px;

padding:10px;

padding-bottom:32px;

}


#mainsale{

width: 776px;

height: 540px;

margin-top: 10px;

margin-bottom: 10px;

padding:10px;

padding-bottom:32px;

}

#maincontact{

width: 776px;

height: 410px;

margin-top: 10px;

margin-bottom: 10px;

padding:10px;

padding-bottom:32px;

}


#main{

width: 776px;

margin-top: 10px;

margin-bottom: 10px;

padding:10px;

padding-bottom:32px;

}



#homecontent {
float:left;
width: 488px;
height:600px;
margin: 0px 0px 15px 0px; 
background-color: #ffffff;

}


#details
{
float: right;
clear: right;
width: 288px;
height:600px;
margin: 0px 0px 15px 0px; 
text-align: center;
background-color: #ffffff;
}




#clearfooter {
clear:both;
height: 36px;
}

#footerold{
clear:both;
margin: -36px 0px 0px 0px;
height: 32px;
text-align: center;
background-color: #f2f2f2;
border-top: 4px solid #162d50;
padding: 10px 0px 10px 0px;

}


#footer {
clear:both;
position:absolute;
bottom:0;
width:800px;
height:32px;   /* Height of the footer */
text-align: center;
background-color: #f2f2f2;
border-top: 4px solid #162d50;
padding: 10px 0px 10px 0px;
}



#logo
{
float: left;
width: 154px;
height: 129px;
margin: 15px 0px 15px 10px;
}

#contact
{
float: right;
clear: right;
width: 400px;
height: 129px;
text-align: right;
margin: 20px 10px 10px 0px;
}


















.imgborder
{
width: 270px;
height:221px;
margin: 0px 10px 0px 10px;
border: 1px solid #f7c40f;
padding: 2px;
}


.line{
clear:both;
width: 776px; 
border-bottom: 1px solid #f7c40f;
margin-bottom:20px;
padding-top:20px;


}











#rental{

width: 776px;


margin-top: 10px;

margin-bottom: 10px;

padding:10px;

padding-bottom:32px;

}

.rentalproperty
{
border-bottom: 1px solid #f7c40f;
padding:10px 0px 10px 0px;
}



.floatrentalpicleft
{
float: left;
width: 154px;
border: 1px solid #D3D3D3;

}


.floatrentaldescright
{
float: left;
width: 604px;

margin-top:-4px;
padding-left:10px;
}


.floatmainpic
{
float: left;
width: 153px;
height: 232px;
border: 1px solid #D3D3D3;

}

.floatsalepic
{
float: left;
width: 153px;
border: 1px solid #D3D3D3;

}


.floatsaledescright
{
float: left;
width: 604px;
height: 238px;
margin-top:-4px;
padding-left:10px;
}








#leftsaleimg{

clear:both;

float: left;

width: 154px;



padding: 10px;

margin-bottom: 10px;

border: 1px solid #D3D3D3;

background-color: #ecf3f0;

}


#content {
clear:both;
width: 800px;
height: 590px;
overflow:auto;
margin-top:10px;
padding: 20px 0px 20px 20px; 
background-color: #ffffff;
border: 1px solid #164450;
}







#saleimages {
float:left;
width: 320px;


background-color: #ffffff;

}


#saledetails
{

float: right;

width: 370px;


margin: 10px;
padding-top: 20px; 
text-align: center;
background-color: #ffffff;

}




#divider
{
border: 1px solid #f7c40f;
margin: 20px 10px 20px 10px; 
}

.imgpadding
{
margin: 5px 5px 5px 5px;
border: 1px solid #f7c40f;
padding: 2px;
}





.floatleft
{
clear: both;
float: left;
margin: 0px 10px 10px 10px;
border: 1px solid #216778;
padding: 2px;
}

.floatright
{
float: right;
margin-right:20px;
}

.headerfloatright
{

float: right;
}

.headerfloatleft
{
float: left;
}




.contactfloat{
float:left;
width: 370px; 
}

#center {
text-align: center;
}


p {

color: #162d50;
font-size: 10pt;


}

p.center {
text-align: center;
color: #162d50;
font-size: 10pt;


}

p.small {
font-weight:bold;
font-size: 12px;
color: #162d50;

}



h1 {
font-size: 14pt;
line-height: 170%;
color:#162d50;
}

h2 {
font-size: 12pt;
color:#162d50;
border-bottom: #d45500;
}

h3 {
text-align: center;
font-size: 10pt;
color:#162d50;
}

h4 {
font-size: 8pt;
color:#162d50;
}

h5 {
line-height: 170%;
font-weight:bold;
font-size: 10pt;
color: #162d50;

}

h6 {
font-weight:normal;
font-size: 9pt;
color: #162d50;
}



ul.square {
list-style-type: square;
margin-left:20px;
font-size: 10pt;
line-height: 140%;
color:#007f55;
}



.a1 A:link {text-decoration: underline; color:#162d50;} 
.a1 A:visited {text-decoration: none} 
.a1 A:active {text-decoration: none} 
.a1 A:hover {text-decoration: underline; color: #f7c40f;}

.a2 A:link {text-decoration: underline; color:#007f55;} 
.a2 A:visited {text-decoration: none; color:#007f55;} 
.a2 A:active {text-decoration: none; color:#007f55;} 
.a2 A:hover {text-decoration: underline; color: #f7c40f;}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
clear:both;
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #162d50 no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #007f55;
}

#ddcolortabs a:hover span{
background-color: #007f55;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #007f55;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 4px;
line-height: 4px;
background: #162d50;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 154px;
	height:102px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 307px;
	height: 205px;
}

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}