* {margin:0; padding:0;}

html {background:#F4F8FC url(images/bg-html.jpg) repeat-x top center; margin:0; padding:0;}
body {background:url(images/bg-wrapper.jpg) repeat-y top center; margin:0; padding:0;}

p {margin:12px 0;}

ul {margin:4px 0 16px 18px;}
ul li {margin:4px 0;}

hr {height:1px; color:#ccc;	background-color:#ccc; margin:10px 0;}
img {border:0;}
.highlight {background:#FFFF99;}
.li-no-class li {border:none!important; list-style:disc!important; margin:0 0 0 20px;}

a {color:#0054A6;}
a:hover {text-decoration:none;}

#wrapper {background:url(images/bg-body.jpg) no-repeat top center; width:761px; margin:0 auto; padding:0; overflow:hidden; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrapper h4 {font-size:13px;}
#wrapper h3, #wrapper h1 {margin:0px 0 15px 0; font-size:18px; font-family:'Lucida Sans', Helvetica, sans-serif; color:#0054A6;}
#wrapper h2 {font-size:15px;}

#header {padding:0; margin:0; height:300px;}
#header #logo {text-indent:-99999px; padding:0px 0 0 0; margin:20px 0 0 10px; position:absolute;}
#header #logo a {width:230px; height:63px; display:block; background:url(images/logo.gif) no-repeat top left;}
#header #slogan { display: none; }


#body {width:440px; margin:0 25px 20px 15px; float:left;}


/*******************************************************
Navigation bar
*/
#nav, #sidebar {width:235px; float:right; margin:0 40px 0 0; display:inline;}

#nav {margin-top:-180px;}
#nav ul {margin:0 20px 0px 15px; padding:0;}
#nav ul li {list-style:none; border-bottom:#999 dotted 1px; background:url(images/arrow2.gif) no-repeat 100% 0px;}
#nav ul li a {text-decoration:none; text-transform:uppercase; font-size:10px; color:#666;}
#nav ul li a:hover, #nav ul .selected a {text-decoration:none; font-weight:bold;}
#nav ul .selected a {color:#000;}

#footer {background:url(images/bg-footer.gif) no-repeat center bottom; font:normal 11px Arial,tahoma,sans-serif; clear:both; height:60px;}
#footer-wrapper {padding:20px 30px 0 20px;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right;}
#footer ul li {list-style:none;	display:inline;}
#footer p {margin:0; padding:0;}
#footer, #footer a {color:#fff;}

/*******************************************************
Sidebar
*/
#sidebar {}
#sidebar-wrapper {padding:0 10px 20px 20px;}
#sidebar-wrapper div {clear:both; margin-bottom:10px;}

/* modules */

.recruitment-body {}
.recruitment-body ul {margin:0; padding:0;}
.recruitment-body ul li, .project-body-view {border:#ccc solid 1px; list-style:none;}
.recruitment-body ul li h4 {background:#ccc;}
.recruitment-body ul li h4 a {width:355px;}
.recruitment-body ul li h4 a, .project-body-view h1 {background:#ccc; color:#000!important; padding:5px 5px; display:block; font-size:13px!important; z-index:-1; margin:0px!important;}
.recruitment-body .subtitle-date, .project-body-view .subtitle-date {background:#eee; padding:3px 5px; display:block; font-size:10px; margin:0px;}
.recruitment-body .description, .project-body-view .description {padding:3px 5px; margin:10px 0 0 0;}
.recruitment-body .enquire a {background:url(images/btn_apply.gif) no-repeat center bottom; position:absolute; margin:-43px 0 0 363px; text-indent:-99999px; width:73px; height:21px; display:block; z-index:100;}
.project-body-view h3 {color:#000!important; padding:5px 5px; font-size:13px!important;}

.recruitment-sidebar ul {margin:10px 0 0 0;}
.recruitment-sidebar ul li {background:url(images/arrow.gif) no-repeat 0 1px; list-style:none; padding:0 0 0 20px; margin:0;}
.recruitment-sidebar ul li h4 {font-size:12px!important;}
.recruitment-sidebar ol {margin-bottom:10px;}
.recruitment-sidebar ol li {padding-left:30px!important; background:none;}
.recruitment-sidebar .subtitle-date {margin:0; color:#999;}
.recruitment-sidebar .description {margin:0;}

/* news-body */
.news-body { padding:0 10px 10px 10px; }
.news-body-h3 {font-size:17px; width:430px; border-bottom: #ccc dotted 1px;}
.news-body h4 a {color:#0054A6;	border-bottom:#0054A6 dotted 1px; text-decoration:none;}
.news-body ul {list-style:none; margin:0 0 30px; padding:0;}
.news-body ul li {list-style:none; margin-top:20px; width:430px; display:block;}

.news-body h4 a:hover {color:#fff; background:#0054A6;}
.news-body .locked img {border:none; float:none; margin:-1px 0 0 7px; position:absolute;}
.news-body .subtitle-date {margin:-15px 0 0 340px; position:absolute; color:#ccc; overflow:hidden; z-index:-1;}
.news-body .description {margin-top:10px;}
.news-body img {float:right; border:#ccc solid 1px; padding: 2px; margin-top:10px;}
.news-body-view {padding:12px;}
.news-body-view h1 {font-size:16px;}
.source {color:#ABBFC8;}

/* forms */
#form-comment {}
#form-comment textarea {width:300px;}

input {margin:1px 0;}
button {cursor:pointer;}
fieldset {border:none;}
.form-booking {margin-top:10px;}
.button {cursor:pointer;}
.form-general {text-align:left; padding:10px 0;border:none;}
.form-general label {float:left; width:80px; margin:8px 10px 0 10px; text-align:right; font-size:11px;line-height:13px;}
.form-general input, #form-general select {padding:2px; font-size:10px; margin:2px 0;}
.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;}