html {height:100%;}
a:link a:visited {color: Blue;text-decoration: none;}
body {background: #a9a9a9 url(images/beach2.jpg) no-repeat fixed center ;
      margin-top:0px;margin-left:auto;margin-right:auto;width:980px;height:100%; font: normal 12px Arial;}
h2 { text-align:center;}
img { border-style: none; border-width: 0px;}

/* ===================== Page layout ====================== */
#page {margin:0px; width:980px;height:100%;position:relative;}

#pageHeader {height:120px;border-top:solid 1px black;position:relative;}
#pageHeader .menu {margin-top:5px;margin-left: 0;padding-left: 0;white-space: nowrap;text-align:right;font:normal 11px Arial;}
#pageHeader .menu li{display: inline;list-style-type: none;}
#pageHeader .menu a { padding: 3px 10px; }
#pageHeader .menu a:link, #pageHeader a:visited{color:#c6c6c6;text-decoration: none;}
#pageHeader .menu a:hover{color: black;text-decoration: none;}
#pageHeader .logo{left:60px;width:140px;height:140px; float:left; top:15px; position:relative; overflow:visible;}
#pageHeader .title{left:35px;top:35px; width:750px;height:85px; position:relative; overflow:visible;}

.searchbox {position:absolute; top: 50px; right:5px; background-color:#282828; padding:6px 10px; color:White; vertical-align: middle;}
.searchbox_textbox { border:solid 1px #757575; background-color:#d3d3d3; height:20px;  vertical-align: middle;  margin:0px; padding:2px 0 0 0;}
.searchbox_btn {background: white url(images/search_btn.png) no-repeat left top ;  width:30px; height:24px; border:0px;  vertical-align: middle; margin:0px; padding:0px; cursor:pointer;}

#navigation {margin-left:240px;}
#navigation .menu {margin:0px;padding:0px;white-space: nowrap;margin-bottom:10px; font: bold 16px Arial;letter-spacing:0.06em;}
#navigation .menu li {display: inline;list-style-type: none;}
#navigation .menu a { padding: 100px 15px 10px 15px;}
#navigation .menu a:link, .menu a:visited{color: #000000;text-decoration: none;}

.submenu h2 {text-align:left; margin:15px 0 0 15px; font: bold 16px Arial; letter-spacing:0.06em; color:Black;}
.submenu h2 a {color:Blue; text-decoration: none;}
.submenu h2 a:hover {color:Black; text-decoration: underline;}
.submenu ul {list-style-type:none; margin:0 5px 0 30px; padding:0px;}
.submenu li {padding-top:5px;}
.submenu li a {color:Black; text-decoration: none;}
.submenu li a:hover {color:#f2581c; text-decoration: underline;}

#pageContent {display: block; background-color:White;background: white url(images/content_bg.png) repeat-y -980px top ; border-bottom:solid 1px transparent; min-height:650px;}
#pageContent .b {background: url(images/content_bg.png) no-repeat 0px -20px; min-height:300px;margin:0px;padding:0px;}
#pageContent .b .left {width:235px;float:left;height:auto;margin-top:10px; position:relative;}
#pageContent .b .right{width:720px;margin-left:245px;margin-top:10px;display:table;}
.pageContentFooter {height:20px;background: url(images/content_bg.png) no-repeat 0px top; }
#pageFooter {margin-top:10px;border:0px;text-align:center;font-size:11px; letter-spacing:0.05em;}
#pageFooter a:link, #pageFooter a:visited {color:Blue; text-decoration:none;}
#pageFooter a:hover {color:White; text-decoration:underline;}


/* ===================== Grid / Table / List ====================== */

.list {list-style-type:none; margin:5px 0 0 10px; padding:0px; color:Gray;}
.list li {margin-top:3px;}
.list li a { color:Black; text-decoration:none;}
.list li a:hover { text-decoration:underline; color: Blue;}

/* ===================== Block ====================== */

.block {background: url(images/block.png) repeat-y -1960px top; width:980px; display:table; }
.block .h {background: url(images/block.png) no-repeat left top; width:980px; height:13px;}
.block .b {background: url(images/block.png) no-repeat -980px bottom; width:980px;  min-height:80px; padding: 0px 0px 15px 0px; display:table;}
.block .f {}
.block .line {background: url(images/block_line.png) no-repeat left top; width:4px; height:111px; float:left; margin:0px 7px 0 3px;}
.newsletter {float:left; width:220px;}
.newsletter p { margin:5px;}
.newsletter_text {border:solid 1px gray; width:180px; margin:5px 0px;}
.newsletter_btn {background-color:White; border:solid 1px gray; width:184px; cursor:pointer;}

/* ===================== Elements ====================== */

.margin_l_10 {margin-left:8px;}
.margin_t_10 {margin-top:10px;}
.fLeft {float:left;}
.w180 {width:170px; }
.w200 {width:200px;}

.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}

.cGray {color:#2f2f2f;}
.bold {font-weight:bold;}

.listtable {width: 68%; float:left;}
.listtable table td[1] {width: 10%}
.listtable table td[2] {width: 90%}

.employee {width:450px; height: 140px; padding: 3px; display:block; bottom: 5px; overflow:visible; clear:both;}
.employee .imageholder {float:left; width: 125px; height:auto; position:relative;}
.employee .dataholder {width:auto; left:15px; position: relative; float:left;}
.employee .dataholder ul { list-style-type: none;}
.employee .dataholder li { padding: .2em;}
.employeelist { position:relative; left: 15em;}

.property {width:auto; height: 110px; padding: 3px; display:block; bottom: 5px; overflow:visible;}
.property ul { list-style-type:none }
.property li { padding: .2em}
.property .imageholder {float:left; width: 100px; height: auto; position:relative;}
.property .imageholder a { vertical-align:middle; text-align: center;}
.property .dataholder {width:75%; position: relative; float:left;}
.property .priceinfo {float:left; width:55%;}
.property .propertyinfo {float: left; width:45%;}
.property .banner { width: 100%;}


#office {position: absolute; top:360%;}

#saledetails .leftt {float:left;  padding:10px; left:15px; position:relative;}
#saledetails .rightt {}
#saledetails .summary {height:350px; padding: 10px; left:5px; position:relative; float:left; width:45%;}
#saledetails .summary ul { list-style-type:none;}
#saledetails .images {float:left; width:45%; min-width: 45%; min-height:350px;}
#saledetails .top {height: 350px;}
#saledetails .tab div { min-height:300px;}
#saledetails #features ul { list-style-type: none;}

#rentaldetails .leftt {float:left; padding:10px; width: auto;}
#rentaldetails .summary {padding: 10px; left:5px; position:relative; width:45%; float:left;}
#rentaldetails .summary ul { list-style-type:none;}
#rentaldetails .images {float:left; width: 45%; min-width: 45%; min-height:350px;}
#rentaldetails .top {height: 350px;}
#rentaldetails .tab div { min-height:300px;}
#rentaldetails #features ul { list-style-type: none;}

.employeedetails { text-align:center;}
.employeedetails ul { list-style-type: none; padding: 0;}
.employeedetails li { padding: 0 0 .3em 0;}

#rooms table 
{
    table-layout:auto;
    border-style:solid;
    empty-cells:show;
    padding: 5px;
}

#rooms table tr
{
    padding: 2px;
    border-style:solid;
}

#rooms table td
{
    padding: 2px;
    margin: 0px 2px 0px 2px;
}


.gc p, .gc h2, .gc h3, .gc h4 { text-align:center;}
.gc .center {left:20%; position:relative; text-align:center;}
.gc .gcimagelist { list-style-type: none;}
.gc .gcimagelist li { display:inline; width:190px; height: 190px; margin: 5px; padding: 5px;}
.gc .gcnavigation { list-style-type:none;}
.gc .gcnavigation li { padding: 0 3em; display:inline; font-size:large; font-weight:bold; position:relative; left:5.5em;}
.gc th, .gc td { border-style: solid; border-width: thin; text-align: center; }
.gc table { table-layout: auto; border-collapse: collapse; position:relative; left: 4em;}

.clearleft { clear:left;}

.static-content p { text-align: center;}
.static-content table {width: 500px;}
.static-content table th, .static-content table td {width:200px; text-align:left;}
.static-content .center {left:20%; position:relative; text-align:center;}

.featuredlist {	list-style-type: none;	list-style-position: outside; text-align: center;}
.featuredlist li { display:inline; width:220px; float:left;}

.searchside {float:right; width:28%;}
.searchside div {padding: .5em 0 0 0;}
.searchside #MinPrice, #MaxPrice {width: 5em;}
.searchside #MaxOccupants, #Beds, #Baths {width: 3em;}
.searchside label {float: left;}
.searchside input[type='reset'] {position:relative; left: 1em;}

.searchsale label { width: 3.5em;}
.searchside .l1 { width: 3.5em;}
.searchside .l2 {width: 8em;}

.tabright {padding-left: 2em;}

.slogan {float:left; font-size: 20px; height: 20px; width:350px; padding: .2em 0 0 9em;}

#calcdiv {width:auto;}

.overlay a:visited, .overlay a:link  { color: Blue; font-size: large; font-weight: bold;}
.formmail { width: 100%;}
.formmail div { padding:0.4em; width:100%; }
.formmail label { width:35%; text-align:right; float:left; padding-right: .2em;}
.formmail .center { text-align:center;}
.formmail .required { font-weight:bold;}