* {padding:0; margin:0; }
html {  }
body { background:#3f4b53 url(images/body-bg.jpg)  repeat-x left top; }
td { vertical-align:top; } 

img { border:0; }
p { margin:0 0 12px 0; }
hr { border:none; background:#c1c0c0; height:2px; margin-bottom:12px; }
ul { margin:4px 0 16px 18px; }
div { font-family:Arial, Helvetica, sans-serif; }

p, div { color:#5c5d5d; line-height:18px; }
.clear { clear: both; }
	
#wrapper { width:1020px; margin:0px auto; font:normal 12px Arial, Helvetica, sans-serif;}

#header { padding:0; margin:57px 0 0 0; width:1020px; height:141px; overflow:hidden; display:block; background:url(images/header-bg.jpg) no-repeat center top; }
#header #logo { margin:27px 0 0 46px; padding:0; width:218px; height:107px; }
#header #logo a { background:url(images/logo.jpg) no-repeat scroll 0 0; height:93px; width:336px; display:block; }
#header #logo a span {display:none;}
#header #slogan { display:none; }
/*#header #slogan { color:#fff; position:absolute; top:230px; width:1002px;}
#header #slogan p { font-size:13px; }
#header #slogan p.heading { font-size:18px; margin-bottom:15px; }
#header #slogan span { width:310px; display:block; margin-left:56px; }*/
/* xsis */
#xsis { width:1020px; display:block; margin:0 0 0 0; padding:32px 0; background:#fff url("images/xsis-bg.gif") repeat-y center top; min-height:200px; height:auto!important; overflow: hidden; }


#xsis a { color:#3e93a6; text-decoration:underline; }
#xsis a:hover, #footer a:hover { text-decoration:none; } 
#xsiswebmaster-2123 h1 { margin-bottom: 5px!important; }


/* footer */
#footer {clear:both; background:url("images/footer.gif") no-repeat center top; width:1020px; height: 122px; color:#fff; padding:0 0 18px 0; }
#footer #xsis-technology {display:none; }
#footer #footer-wrapper { padding-top:63px; margin:0; overflow:hidden; color: #fff; }
#footer p { margin:0 20px 0 0; text-align: right; float:right; display:inline; font-size:12px; color:#fff!important; font-size: 11px; }
#footer a { text-decoration:none; color:#fff!important; }
#footer #phone { float: left; margin: -18px 70px 0 40px; color: #fff;  }

/* body */
#body { display: inline; overflow:hidden; width:693px; float:right; margin:0 36px 0 0; padding:0; font-size:12px; color:#363636;} 



#body-wrapper h2 { font-size:14px; color:#414042; margin-bottom: 15px; }
#body-wrapper h1 { color: #eb1f25; font-size: 30px; letter-spacing: -1px; margin-bottom: 20px; line-height: 30px;  }



.show-page {}

/* sidebar */
#sidebar { width:211px; float:left;  margin:0 0 0 44px; padding:0; overflow:hidden; display: inline; }
#sidebar #sidebar-wrapper { margin:0; }
#sidebar .text-sidebar {padding:0 0 15px 0;}
#sidebar a { color:#003b82; }
#sidebar a:hover { color:#003b82; }
#sidebar ul { list-style:none; margin:12px 0 12px 12px; padding:0; }
#sidebar ul li { background: url(images/bullet.gif) no-repeat 0 6px; padding:0 0 12px 22px;}

#sidebar-wrapper h2, #sidebar-wrapper h3 { font-weight:normal; background: url(images/icon-side-header.gif) no-repeat right top; font-size:18px; }

/*******************************************************
Navigation & Sidebar
*/

#bigbanner { background:url("images/banner-bg.gif") no-repeat left top; height:303px; width:1020px; text-align: center; }
#bigbanner img { }

.page-banner {background:none!important; height:39px!important; width:1020px;  }

/* nav */
#nav { width:1020px; height:40px; font:normal 18px "Arial", Helvetica, sans-serif; overflow:hidden; margin:-198px 18px 0 0;  position: absolute; }
#nav ul { margin:0 0 0 112px; padding:0; width:100%; }
#nav li { display:inline; margin:0; padding:0;}
#nav a { float:left;padding:9px 20px 9px 20px; text-decoration:none; color: #fff; }
#nav a:hover, .selected a {  background:url("images/nav-bg.gif") no-repeat center top;  }
#nav a:hover span, .selected a span{ color:#fff !important; background:url(images/tab-right-over.gif) no-repeat left top!important; }
/* Commented Backslash Hack hides rule from IE5-Mac */
#nav a span {float:none;}
/* End IE5-Mac hack */



/*******************************************************
Modules
*/

/* text-body */
.text-body { margin-bottom:15px; overflow: auto; height: 100%; padding-bottom: 3px;}
.text-body ul { list-style:none; margin:0; padding:0; }
.text-body ul li { background: url(images/arrow-01.gif) no-repeat left center; padding:0 0 0 22px; margin-bottom: 4px; }

/* gallery */
.gallery-body .gallery-view { float:left; }
.gallery-body .gallery-view h4 { text-align:center; padding-right:10px; }
.gallery-body .gallery-photo-view { margin-bottom:12px; }
.gallery-body .gallery-photo-view img { margin-bottom:12px; }

/* forms */
.form label {color:#000;}
/*.form label #btn-send {margin:0 !important; padding:0 !important;}*/
.form fieldset {border:none;}
.form .form-general { text-align:left; padding:10px 0;border:none; }
.form .form-general label { float:left; width:80px; text-align:left; margin-bottom:2px; line-height:18px; font-weight:normal; }
.form .form-general input, #form-general select { padding:5px; font-size:12px; margin:2px 0; border:#aeadae solid 1px; color:#000; width:450px; }
.form .form-general textarea { float:left; text-align:left; margin-top:3px; color:#000; line-height:18px; width:450px; height:100px; border:#aeadae solid 1px; padding:5px; }
.form .form-general button { clear:both; float:left; margin:3px 0 0 80px; cursor:pointer; border:#68bf68 solid 2px; background:#40a64c; color:#fff; width:74px; height:25px; font-size:12px; }

.booking-body { padding: 20px; border-bottom: #ccc solid 8px;background: url(images/contact.jpg) #f1f1f1 no-repeat left top;}
.booking-body h3 { color: #333; font-size: 20px; margin-bottom: 15px; margin-left: 170px; }
.booking-body .form-booking { width:100%; margin-left: 170px; }
.booking-body .form-booking .label {width:120px;}
.booking-body .form-booking .label label {  text-align:left; margin-bottom:2px; line-height:18px; font-weight:normal; color:#000; }
.booking-body .form-booking .label label span { color:red; }

.booking-body .form-booking .options .listbox { padding:5px; font-size:12px; margin:2px 0; border:#aeadae solid 1px; color:#000; width:340px; }
.booking-body .form-booking .options .listbox option { padding: 3px; }
.booking-body .form-booking .options {}
.booking-body .form-booking .options .textbox { padding:5px; font-size:12px; margin:2px 0; border:#aeadae solid 1px; color:#000; width:330px; }
.booking-body .form-booking .options .textarea { font-family: Arial; text-align:left; margin-top:3px; color:#000; line-height:18px; width:330px; height:120px; border:#aeadae solid 1px; padding:5px; font-size: 12px; }
.booking-body .form-booking #bt-submit { border: navy; margin:12px 0 12px 0; cursor:pointer; background:#eb1f25; color:#fff; width:74px; height:25px; font-size:14px; }

#sidebar .form fieldset {border:none;}
#sidebar .form .form-general { text-align:left; padding:10px 0;border:none; }
#sidebar .form .form-general label { float:left; width:80px; text-align:left; margin-bottom:9px; line-height:0px; font-weight:normal; display: block;  }
#sidebar .form .form-general input, #form-general select { padding:3px; font-size:12px; margin:0 0 14px 0; border:#aeadae solid 1px; color:#000; width:209px; background: url(images/textbox-bg.gif) repeat-x center top; }
#sidebar .form .form-general textarea { float:left; text-align:left; margin-top:3px; color:#000; line-height:18px; width:209px; height:60px; border:#aeadae solid 1px; padding:5px; background: url(images/textbox-bg.gif) repeat-x center top;}
#sidebar .form .form-general button { clear:both; float:left; margin:0px 0 12px 143px; cursor:pointer; border:#68bf68 solid 2px; background:#40a64c; color:#fff; width:74px; height:25px; font-size:12px; }

.txtbox {border:1px solid #999;width:150px;}
.error {margin:10px 40px;; text-align:center; border:#f00 solid 1px; background:#FFE6E6; padding:10px 0; clear:both;}
.error p {margin:0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;}
.msgerror {color:#f00!important; font-weight:bold;}

/* MAPS */
.side-maps { width:211px; height:300px; margin-bottom:12px; display:block; clear:both; overflow:hidden; padding-bottom:20px; }
.maps { width:546px; height:350px; margin-bottom:12px; display:block; clear:both; overflow:hidden; padding-bottom:20px; }

/* investment */
.investment-sidebar { width:193px; padding: 22px 0 22px 0; margin-bottom: 18px; background:url(images/sidebox-bg.gif) repeat-y center top; border-top: #252825 solid 9px;  }
.investment-sidebar h3 { border-bottom:#b4b5b4 solid 1px; padding: 0 0 8px 39px; font-size: 18px; color: #414042; margin-bottom: 10px; }
.investment-sidebar form { margin-left: 39px; }
.investment-sidebar form label { display: block; }
.investment-sidebar form .listbox { width: 140px; border:#999 solid 1px; padding: 2px; margin-bottom: 5px; }
.investment-sidebar form .listbox option { padding:0 0 0 3px;; }
.investment-sidebar form .textbox { width: 132px; border:#999 solid 1px; padding: 3px; margin-bottom: 10px; }
.investment-sidebar form .button { background: url(images/btn-bg.gif) repeat-x center top; color: #fff; border: none; padding:2px 6px; font-size: 12px;  }

.investment-body-list { margin-top: 0px; }
.investment-body-list h1 { font-size: 24px; margin: 0; }
.investment-body-list ul.list { padding:0; margin: 0; margin-top: 20px; }
.investment-body-list .list li { width: 220px; margin: 0 9px 9px 0; list-style: none; padding: 0; float: left; }
.investment-body-list .list li img { padding: 6px; border: #cfcfcf solid 1px; }
.investment-body-list .list li h2 { margin-bottom: 8px!important; display: block; height: 18px; overflow: hidden; }
.investment-body-list .list li h2 a { color:#eb1f25!important; font-size: 13px; padding-left: 7px; font-weight: normal; }
.investment-body-list .list li .price { color: #0072bc; font-size: 24px; float: left; margin-left: 7px; line-height: 24px; }
.investment-body-list .list li .suburb { margin: 4px 0 0 8px; float: left; color: #727273; width: 100px; overflow: hidden; height: 20px;  }
.investment-body-list #path { margin-bottom: 15px ; }
.investment-body-list #browse { border-top:#eee solid 1px; border-bottom: #eee solid 1px; padding: 10px 0 0 0; }
.investment-body-list #browse ul { margin: 0; padding: 0 0 10px 0; list-style: none; overflow: auto; height: 100%; }
.investment-body-list #browse li { margin: 0 6px 3px 0; padding: 0; float: left; list-style: none;  }
.investment-body-list #browse li a { width: 130px; display: block; font-size: 13px; background: #ccc; background: url(images/icon-folder.gif) no-repeat 3px center; padding: 3px 3px 3px 30px; text-decoration: none;  }
.investment-body-list #browse li a:hover { background: url(images/icon-folder.gif) #eee no-repeat 3px center; color: #000; }

.investment-body-list #pages { margin-top: 20px; border-top: #ddd solid 1px; padding-top: 20px; }
.investment-body-list #pages a { float: left; margin-right:2px; width: 25px; height: 22px; padding-top: 3px; background: #ddd; border: #ccc solid 1px; color: #333; display: block; text-align: center;text-decoration: none;  }
.investment-body-list #pages a:hover, .investment-body-list #pages a.selected { background:#eb1f25; color: #fff; font-weight: bold; }
.investment-body-list #noresult h4 { font-size: 20px; margin-bottom: 15px; }
.investment-body-list #noresult p { margin-bottom: 15px; }

.investment-body-detail h1 { font-size: 20px!important; margin-bottom: 5px!important; }
.investment-body-detail .intro { color: #999; }
.investment-body-detail #pic { float: right; width: 250px; padding: 5px; border: #ccc solid 1px; height: 100%; overflow: auto; }
.investment-body-detail #pic img { width: 250px; }

.investment-body-detail #file { margin-top: 10px; width: 240px; float: right; padding: 10px; border: #ccc solid 1px; margin-bottom: 15px;  }
.investment-body-detail #file h3 { margin-bottom: 15px; }
.investment-body-detail #file ul { list-style: none; padding: 0; margin: 0; }
.investment-body-detail #file li { padding: 0 0 0 20px; margin: 0; background: url(images/icon-attach.gif) no-repeat left center; }

.investment-body-detail #link {  width: 240px; float: right; padding: 10px; border: #ccc solid 1px; margin-bottom: 10px;  }
.investment-body-detail #link h3 { margin-bottom: 15px; }
.investment-body-detail #link ul { list-style: none; padding: 0; margin: 0; }
.investment-body-detail #link li { padding: 0 0 0 20px; margin: 0; background: url(images/icon-link.gif) no-repeat left center; }

.investment-body-detail #data { width: 415px; float: left; }
.investment-body-detail #data table {  }
.investment-body-detail #data td { padding: 6px 0; border-bottom: #ccc dotted 1px; height: 20px; font-size: 14px;width: 400px; }
.investment-body-detail #data .label { width: 140px;  float: left; font-weight: bold; }
.investment-body-detail #data .field-date { display: none; }
.investment-body-detail  #desc { display: block; padding-top: 15px; margin-bottom: 15px; width: 415px; float: left; }
.investment-body-detail  #memo { font-weight:bold; color: #000; margin-bottom: 15px; width: 415px; float: left; }

.investment-body-detail #gallery { background: #efefef; padding: 10px 0px 0 10px; height: 390px; overflow: hidden;  float: right;width: 252px; margin-top: 15px; margin-bottom: 20px; }
.investment-body-detail #gallery ul { list-style: none; padding: 0; margin: 0;  }
.investment-body-detail #gallery li { float: left; margin: 0 10px 10px 0;  }
.investment-body-detail #gallery li img { width: 113px; height: 113px; border: #fff solid 1px; }

.investment-body-detail #contact { clear: both; padding: 20px; border-bottom: #ccc solid 8px;background: url(images/contact.jpg) #f1f1f1 no-repeat left 180px; overflow: auto; height: 100%; }
.investment-body-detail #contact h3 { color: #eb1f25; font-size: 15px; margin-bottom: 15px; }
.investment-body-detail #contact form { }
.investment-body-detail #contact label { display: block; font-weight: bold;  }
.investment-body-detail #contact .textbox { padding:5px; font-size:12px; margin:0px 0 5px 0; border:#aeadae solid 1px; color:#000; width:330px; }
.investment-body-detail #contact .textarea { font-family: Arial; text-align:left; margin-top:3px; color:#000; line-height:18px; width:330px; height:120px; border:#aeadae solid 1px; padding:5px; font-size: 12px; }
.investment-body-detail #contact .button { background: url(images/btn-bg.gif) repeat-x center top; color: #fff; border: none; padding:2px 6px; font-size: 12px; display: block; margin-top: 10px; } 
.investment-body-detail #contact .detail { width: 200px; float:left; }
.investment-body-detail #contact .form { float: left; display: block; border-left: #ccc solid 1px; padding-left: 50px; width: 380px; overflow: hidden;  }
.investment-body-detail #contact .detail .name { font-weight: bold; font-size: 16px; }
.investment-body-detail #contact .detail p { margin-bottom: 8px; font-size: 14px; }


.investment-body-detail #success { clear: both; padding: 10px; background: #c7eabb; color:#279700; border: #279700 solid 1px; font-weight: bold; margin-bottom: 10px; }

.investment-body-detail #map { clear: both; display: block; margin-bottom: 15px; border: #ccc solid 1px; }

.investment-body-detail #side { width:240px; float: right; }

#response { margin: 0 0 10px 39px; color: #EB1F25; }

/* mailbomb */
.mailbomb-sidebar {width:193px; padding: 22px 0 22px 0; margin-bottom: 18px; background:url(images/sidebox-bg.gif) repeat-y center top; border-top: #252825 solid 9px; }
.mailbomb-sidebar h3 { border-bottom:#b4b5b4 solid 1px; padding: 0 0 8px 39px; font-size: 18px; color: #414042; margin-bottom: 10px; }
.mailbomb-sidebar form { margin-left: 39px; }
.mailbomb-sidebar label { display: block; }
.mailbomb-sidebar .message { margin: 0 10px 0 39px; margin-bottom: 15px; font-style: italic; }

.mailbomb-sidebar form .textbox { width: 132px; border:#999 solid 1px; padding: 3px; margin-bottom: 10px; }
.mailbomb-sidebar form .button { background: url(images/btn-bg.gif) repeat-x center top; color: #fff; border: none; padding:2px 6px; font-size: 12px;  }
