body {
text-align:center;
margin:0 auto;
padding:0;
}

#wrapper {
font-family: "trebuchet MS";
font-size:13px;
line-height: 1.5em;
margin:auto;
width:768px;
}

a {
color:#000000;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#topHead {
height:110px;
background:transparent url(../img/gdi_01.jpg) 0 0 no-repeat;
}

#topHead ul {
padding-top:73px;
padding-left:200px;
}

#topHead ul li{
display:inline;
}

#topHead ul li a{
padding:3px 30px 10px 30px;
text-decoration:none;
color:#FFFFFF;
float:left;
font-weight:bold;
border-top:5px solid #8d9589;
}

#topHead ul li a:hover{
color:#f37a04;
border-top:5px solid #f37a04;
}

#header {
text-align:left;
height:180px;
}

.index{
background:transparent url(../img/header_home.jpg) 0 0 no-repeat;
}

.services{
background:transparent url(../img/header_services.jpg) 0 0 no-repeat;
}

.contact_us{
background:transparent url(../img/header_contact.jpg) 0 0 no-repeat;
}

.about_us{
background:transparent url(../img/header_about.jpg) 0 0 no-repeat;
}

.career{
background:transparent url(../img/header_career.jpg) 0 0 no-repeat;
}

.technology{
background:transparent url(../img/header_technology.jpg) 0 0 no-repeat;
}

.product{
background:transparent url(../img/header_product.jpg) 0 0 no-repeat;
}

.how{
background:transparent url(../img/header_how.jpg) 0 0 no-repeat;
}

.clients{
background:transparent url(../img/header_clients.jpg) 0 0 no-repeat;
}

.project{
background:transparent url(../img/header_project.jpg) 0 0 no-repeat;
}

#header ul {
padding-top:6px;
}

#header ul li a{
width:141px;
display:block;
padding:5px 0 5px 15px;
text-decoration:none;
color:#FFFFFF;
}

#header ul li a:hover{
background-color:white;
color:#04768e;
}

#left{
float:left;
width:150px;
clear:right;
padding-top:30px;
background:#FFFFFF url(../img/gdi_04.jpg) 0 0 no-repeat;
}

#left img{
border:1px solid #CCCCCC;
margin-bottom:10px;
}

#content {
float:right;
width:600px;
padding-top:20px;
text-align:left;
/*padding: 20px 10px 20px 170px;*/
}

#footer {
background:transparent url(../img/footer.gif) right no-repeat;
height:59px;
clear:both;
}

#footer .top {
padding-top:7px;
padding-right:5px;
text-align:right;
width:760px;
font-size:11px;
}

#footer .bottom {
padding-top:8px;
padding-left:70px;
width:760px;
}

p {
padding-bottom:10px;
}

h2 {
font-size:20px;
font-weight:bold;
padding-bottom:20px;
}

h3 {
font-size:16px;
padding:10px 0;
}

#content ul {
padding-left:20px;
}

#content ul li {
list-style-type:disc;
}

#content img {
text-align:center;
margin:auto;
}

/* table
----------------------------------------------- */
table {
	width:100%;
	border:1px solid #bbb;
	margin:auto;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
	padding: 1em;
	text-align:left;
	font-size:11px;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}

.imgDetail {
float:left;
padding-right:20px;
}

.clear{
float:none;
clear:both;
}