@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg.jpg) repeat-x #8D8F93;
	margin-top:0;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%; 
	color:#333;	
}


h1 {
	font-size:1.2em;
	margin:8px 0px;
	padding:0;
}

td.contentheading{
	font-size:1.2em;
	padding:8px 0px;
	margin:0;
	font-weight:bold;
	color:#333;
	
}

h2 {
	font-size:1.0em;
	font-weight:bold;
}

p{
	/*font-size:0.8em;*/
	margin:4px 0;
	line-height:110%;
	padding:0;
}

#wrapper-container{
		margin:auto;
		width:950px;		
}

#wrapper-shadow {
	background:url(../images/shadow.png) repeat-y top left;
	width:950px;
	float:left;
}

#wrapper {
	width:932px;
	margin:auto;
}

#container{
	background:url(../images/wrapper-bg.jpg) repeat-y top left;
	width:932px;
	float:left;
}


#banner {
	background:url(../images/banner.jpg) no-repeat top left;
	float:left;
	width:932px;
	height:89px;
	margin:0;
}



#left-container {
	width:170px;
	height:250px;
	float:left;
}

#right-container {
	float:left;
}

#feature-pics{
	background: #ddd;
	width:756px;
	height:92px;
	border: 1px solid #bbb;
	margin:1px;
	padding: 0 0 0 2px;
}

#feature-pics img{
	border: 1px solid #bbb;
	width:139px;
	height:80px;
	margin:5px 5px 0 5px;
}

#content{
	margin:0px 10px 10px 12px;
	width:730px;
}

#content p{
	margin:10px 0px;
	padding:0;
	text-align:justify;
	line-height:120%;
	width:100%;
	font-size:0.9em;
}
#content ul{
	margin:5px 0 0 25px;
	padding:0;
	text-align:justify;
	line-height:120%;
	width:710px;
	font-size:0.9em;
}

#footer {
	background:url(../images/footer-bg.jpg) repeat-x top left;
	float:left;
	width:932px;
	height:64px;
	margin:0;
}
#footer p{
	font-size:0.8em;
	font-weight:normal;
	color:#bbb;
	margin:4px 0;
}

#footer a, footer a:visited{
	text-decoration:none;
	color:#bbb;
	font-weight:normal;
}

#footer a:hover{
	text-decoration:underline;
	color:#ddd;
}

#footer-left{
	float:left;
	margin:10px 0 0 15px;
	height:50px;
	width:350px;
}

#footer-right{
	float:right;
	margin:10px 10px 0 0;
	height:50px;
	width:80px;
}

#footer-bottom {
	background:url(../images/footer-bottom.png) no-reapeat top left;
	float:left;
	width:950px;
	height:4px;
	margin:0;
}

#weather{
	margin:15px 0 15px 22px;
	color:#0000FF;
	height:100px;
}
/*---------------- Content Stuff --------------- */

.management-team{
	float:left;
	margin: 3px 0px;
	padding: 0;
	
}

.management-team img{
	float:left;
	margin: 1px 8px 7px 0;
	padding: 0 0 17px 0;
	
}

.history {
	float:right;
	margin: 0px 0 0 0;
	padding: 0;
	width:135px;
}
.history-para {
	float:left;
	width:580px;
}
.history img{
	float:right;
	margin:  0 0 15px 0;
	padding: 0px 0px 15px 0px;
	border:0;
}

.contactFormInputs{
	margin:0 0 0 20px;
	clear:right;
	}

/*---------------- Navigation --------------- */

#menu {
	width: 170px; 
	background: #eee;
	margin:9px 0 0 0;
} 

#menu ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}


#menu a {
	color: #888;
	background: url(../images/bg-menu.jpg) no-repeat top left;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:15px;
	padding:7px 0 4px 15px;
	margin:0;
	display:block;
	line-height:100%;
	font-size:0.8em;
	cursor:pointer;
}

#menu a:hover {
	color: #555;
	background: url(../images/bg-hover.jpg) no-repeat top left #eee;
	cursor:pointer;
}

a .parent{
	margin: 1px 8px 0 0;
	float:right;
}

#menu li {
	position: relative;
	margin:0 0 0 0;
	padding:0;
} 

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	z-index:2;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul{
	display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* ---------- Sortable tables -------------- */
table.sortable thead {
    background-color:;
    color:;
    font-weight: ;
    cursor:pointer;
}
/*---not using
tr.cell{
	height: 15px;

---*/


/*---hide ie---*/
html>/**/body tr.cell {
	height: 21px;
}

/* --------- Tables -------- */
#tablesorter-demo{
	width:725px;
	float:left;	
}
table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 0.9em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #746534;
	border: 0px solid #FFF;
	padding: 4px;
	color:#FFF;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg-table.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#ddd;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc-table.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc-table.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #746534;
}
table.tablesorter a {
	color:#3333FF;
	text-decoration:none;
}
table.tablesorter a:hover {
	color:#0000FF;
	text-decoration:underline;
}

.select{
	font-weight:normal;
	font-size:0.7em;
	margin:0 0 0 20px;
}

#font-changer{
	float:left;
	margin:0 0 0 790px;
	width:87px;
	height:29px;
	background:url(../images/font-bg.jpg) no-repeat top left;
	padding: 0 0 0 0;
	text-align:center
}

#font-changer img{
	border:none;
	margin: 3px 1px 0 2px;
}

.search{
	float:right;
	margin:10px 4px 0 0;
}

#cse-search-box{
	height:15px;
	margin:0;
	padding:0;
}

.projects-table{
	margin:10px 0 0 0;
	padding:0;
	border:none;
	font-size:0.9em;
}

.projects-table td{
	padding:4px;
	margin:0;
	border:none;
	
}

.projects-table img{
	width:150px;
	height:100px;
	margin:5px;
	border:1px solid #c7c7c6;
	
}

.projects-table-heading{
	color:#fff;
	font-weight:bold;
	background:#746534;
}

.projects-table-heading h1{
	color:#fff;
	margin:0;
	padding:0;
	font-size: 1.0em; 
}

.col1{
	width:170px;
}

.col2{
	width:300px;
}

.projects-table-zebra{
	background:#ddd;
}

.contact td p{
	margin:0;
	padding:0;
}

#flashcontent{
	width:735px;
	height:490px;
	border:1px solid #746534;
}

.tenders{
	width:611px;
	font-size:0.9em;
}
.tendersh{
	background:#ddd;
	border:1px solid #333;
}
.tenders2{
	background:#eee;
}
.h{
	display:none;
}
label.error{
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	margin-left:4px;
}
.images a img{
	border:1px solid #ccc;
	padding:2px;
	margin:0 10px 5px 0;
}
#slider-ie6{
	display:none;;
}
ul.menu-page li{
	margin:3px 0;
}