html { margin:0; padding:0; background:#fff url(images/body-bg.gif) repeat-x left top; }
body { margin:0; padding:0; }
div { font-size:12px; }
html, body, div, p, textarea, input { font-family:'Tahoma', arial, sans-serif; font-size:13px; color:#555; }
td { padding:2px; }
img { border:none; }
p { margin:0; }
hr { height:1px; color:#ccc; background-color:#ccc; margin:10px 0; border:none;}
a {color:#2577ff;}

#wrapper { padding:0; margin:0 auto; width:900px; }

/* XSIS */
#xsis { width:900px; background:url(images/banner.jpg) no-repeat center top; margin:0 auto; padding-top:177px; margin:0; overflow:hidden; clear:both; }

#header { margin:0 auto; padding:0; width:250px; height:101px; overflow:hidden; float:right; margin-bottom:13px; }
#header #logo { }
#header #logo a { background:transparent url(images/logo.gif) no-repeat top left; height:101px; width:204px; display:block; text-indent:-9999px; float:right; }

/* Nav */
#nav { padding:69px 0 0 18px; margin:0; height:32px; width:600px; float:left;  }
#nav-wrapper {  display:inline;}

#nav-wrapper li {list-style:none; float:left; display:inline;  margin-right:5px; }
#nav a { float:left; margin:0 0 0 0; height:29px; padding:4px 9px 0 9px; text-decoration:none; color:#0166ff; font-size:18px; }
#nav a:hover,#nav li.selected a  { background:#003382; color:#fff; }

#body {color:#231f20; width:650px; float:left; display:inline; height:100%; overflow:hidden; margin:0 auto; }
#body-wrapper {overflow:hidden; margin:0; padding:20px; }

#body h4 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf;}
#body h3 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf; }
#body h2 { margin:0 0 15px 0; display:block; font-size:20px; font-weight:normal; padding:0 0 0 3px; color:#0462ff; background:url(images/h1-bg.gif) repeat-x center top; }
#body h1 { margin:0 0 15px 0; display:block; font-size:24px; font-weight:normal; padding:0 0 0 3px; color:#0462ff; background:url(images/h1-bg.gif) repeat-x center top; }
#body img {}
#body a { color:#76acea; text-decoration:none; }
#body a:hover {text-decoration:none;}

#sidebar h2 { margin:0 0 15px 0; padding:2px 5px 2px 15px; background:#acacac; color:#fff; font-size:14px; font-weight:normal; } 

/* Sidebar */
#sidebar { width:230px; float:right; margin:20px 0 0 0; padding:0;   }
#sidebar-wrapper { background:#e7e7e7; overflow:auto; height:100%; }
#sidebar h3 { margin:10px 0; display:block; background:url(images/h-icon.jpg) no-repeat right center; font-size:18px; font-weight:normal; color:#4b88cf; border-bottom:#bdd3ed solid 2px; }

#footer {font-size:12px; clear:both; width:880px; height:39px; margin:20px auto 30px auto; padding:5px 0 0 20px; background:url(images/footer-bg.gif) repeat-x center top; }
#footer #footer-wrapper {   }
#footer p {margin:0; padding:6px 0 0 0; color:#5d5d5d; font-size:11px;}
#footer a {color:#76acea; text-decoration:none; color:#5d5d5d;}
#footer a:hover {text-decoration:underline;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right; margin-right:20px; padding:0; }
#footer img { border:none; padding:0; margin:0;}

/* services */
.services { float:left; display:inline; margin:20px 15px; width:150px; }
.services .services-wrapper { border-bottom:#a1a1a1 solid 1px; height:130px; }
.services p { color:#003e9a; font-size:18px; margin:10px 0; text-align:center;}

/* Modules */

/* text-body/sidebar */
.text-body { overflow:hidden; clear:both; margin-bottom:15px; }
.text-body ul { list-style:none; margin:0; padding:0; }
.text-body ul li { background:url(images/bullet-01.gif) no-repeat left 7px; padding-left:13px;}
.text-body img {}

.text-sidebar { margin-bottom:15px; }
.text-sidebar p { margin:0 15px 15px 15px; }


/* extra */
#text-body-5121 { width:276px; float:left; display:block; clear:none; }
#text-body-5122 { width:276px; float:right; display:block; clear:none; }


/* Contact Form */
.contact-body { border:#ddd solid 1px; padding:15px; }
.contact-body .contact-textbox { padding:2px; font-size:14px; margin:4px 0;  border:#94A549 solid 1px; width:440px; }
.contact-body .contact-textarea { padding:2px; font-size:14px; margin:4px 0;  border:#94A549 solid 1px; width:440px; height:150px; }
.contact-body .send { } 
/* buttons */
#bt-continue {background:url(images/continue.gif); width:73px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-register {background:url(images/register.gif); width:71px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-update {background:url(images/update.gif); width:71px; height:21px; border:0px;display:block; text-indent:-9999px;}

.txtbox {border:1px solid #93A446; width:300px;}
.textarea {border:1px solid #94A549; width:300px; height:100px;}
.error {margin:10px 0; 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;}


/* Booking Form */
.form-booking {color:#191512; font-size:11px; border:none;}
.form-booking .label {}
.form-booking .header {font-size:14px; color:#76ACEA ;}
.form-booking .text {font-size:10px; color:#999999;}
.form-booking label {float:left; font-size:11px; font-weight:bold; text-align:left; margin-right:20px; color:#191512;}
.form-booking .line {border: none !important;}
.form-booking tr {border:none !important;}
.form-booking .listbox {width:300px; border:1px solid #94A549 !important; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .day {width:46px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .month {width:46px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .year {width:58px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .textbox {width:292px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:3px; color:#191512;}
.form-booking .textarea {width:294px; height:100px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .file {color:#191512;}
.form-booking .button {background:#93A446; color:#ffffff; padding:0; font-size:14px; cursor:pointer; border:none; height:30px; width:60px;}

/* forms */
input {margin:1px 0; background:none;}
textarea { background:none;}
button {cursor:pointer;}
.form { background:#fff;}
.form label {color:#0462FF; margin-top:5px;}
.form fieldset {border:none;}
.form .button {background:#D8261A; color:#ffffff; padding:2px; font-size:12px; cursor:pointer;}
.form .form-general {text-align:left; border:none;}
.form .form-general label {float:left; width:80px; text-align:left; margin-bottom:2px; line-height:13px; color:#0462FF;}
.form .form-general input, #form-general select { text-align:left; margin-top:3px;   border:#ddd solid 1px; }
.form .form-general textarea { float:left; text-align:left;  border:#ddd solid 1px; }
.form .form-general button {  cursor:pointer; border:none; background:#0462FF; color:#fff; width:100px; height:25px; font-size:15px;}

/* OTHERS */
.map { display:block; width:575px; height:350px; margin:15px 0;}