* {
    margin: 0;
    padding: 0;
}

body {
    padding-bottom: 0px;
    font: 12px "Arial Black",gadget, sans-serif;
    color: #333333;
    background: #eff8ff url('../images/bg.gif') repeat-x;
}

h1 {
    padding-top: 30px;
    font-weight: normal;
    font-size: 46px;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: -2px;
    text-transform: lowercase;
    color: #FFFFFF;
}

h1 a, h1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

h2 {
	
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #000;
	
}

p {
	color: #1A1A1A;
    padding: .75em 0;
    line-height: 1.8em;
    text-align: justify;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
    color: #00F;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* page */

#page {
    width: 1020px;
    margin: 0 auto;
    padding-top: 00px;
    background: #eff8ff url('../images/bg.jpg') repeat-x;
    border: 2px solid #999;
    border-top: none;
}

/* header */

#header {
    height: 260px;
    margin: 0 0px 20px 0px;
    background: #f3f3f3 url('../images/header.jpg') no-repeat;
}

#logowrapper {
    float: left;
    width: 390px;
    padding-top: 70px;
    text-align: center;
}

#logo {
    border: none;
}

/* menu */

#menu {
    float: right;
    width: 700px;
    padding-top: 150px;
	
}

#menu ul {
    float: left;
    list-style: none;
	
}

#menu ul li {
    display: block;
    float: left;
    padding: 0 20px;
    font: .92em/50px Arial, Helvetica, sans-serif;
    text-transform: normal;
	background: url('../images/li.gif') no-repeat 0em;
   
}

#menu ul li a {
    color: #00F;
}

#menu ul li a:hover {
    color: #3E88BF;
    text-decoration: none;
}

/* sidebar index*/

#sidebarindex {
    float: left;
    width: 189px;
	height : 680px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px  dashed #999;
}

#sidebarindex h2 {
    font-size: 1.75em;
}

#sidebarindex .box {
    padding: 1.5em 0 4em 0;
}

#sidebarindex p {
    text-align: left;
    line-height: 2em;
}

#sidebarindex ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarindex ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}
/* sidebar Company */

#sidebarCompany {
    float: left;
    width: 189px;
	height : 1980px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarCompany h2 {
    font-size: 1.75em;
}

#sidebarCompany .box {
    padding: 1.5em 0 4em 0;
}

#sidebarCompany p {
    text-align: left;
    line-height: 2em;
}

#sidebarCompany ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarCompany ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar Nanyue_d-trax_4x4 */

#sidebarNanyue_d-trax_4x4 {
    float: left;
    width: 189px;
	height : 2420px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarCompany h2 {
    font-size: 1.75em;
}

#sidebarCompany .box {
    padding: 1.5em 0 4em 0;
}

#sidebarCompany p {
    text-align: left;
    line-height: 2em;
}

#sidebarCompany ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarCompany ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar clientele*/

#sidebarclientele {
    float: left;
    width: 189px;
	height : 1320px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarclientele h2 {
    font-size: 1.75em;
}

#sidebarclientele .box {
    padding: 1.5em 0 4em 0;
}

#sidebarclientele p {
    text-align: left;
    line-height: 2em;
}

#sidebarclientele ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarclientele ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar workshop*/

#sidebarworkshop {
    float: left;
    width: 189px;
	height : 3660px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarworkshop h2 {
    font-size: 1.75em;
}

#sidebarworkshop .box {
    padding: 1.5em 0 4em 0;
}

#sidebarworkshop p {
    text-align: left;
    line-height: 2em;
}

#sidebarworkshop ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarworkshop ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar marine*/

#sidebarmarine {
    float: left;
    width: 189px;
	height : 950px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarmarine h2 {
    font-size: 1.75em;
}

#sidebarmarine .box {
    padding: 1.5em 0 4em 0;
}

#sidebarmarine p {
    text-align: left;
    line-height: 2em;
}

#sidebarmarine ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarmarine ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar building*/

#sidebarbuilding {
    float: left;
    width: 189px;
	height : 950px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarbuilding h2 {
    font-size: 1.75em;
}

#sidebarbuilding .box {
    padding: 1.5em 0 4em 0;
}

#sidebarbuilding p {
    text-align: left;
    line-height: 2em;
}

#sidebarbuilding ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarbuilding ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar laboratory */

#sidebarlaboratory {
    float: left;
    width: 189px;
	height : 950px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarlaboratory h2 {
    font-size: 1.75em;
}

#sidebarlaboratory .box {
    padding: 1.5em 0 4em 0;
}

#sidebarlaboratory p {
    text-align: left;
    line-height: 2em;
}

#sidebarlaboratory ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarlaboratory ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar drilling */

#sidebardrilling {
    float: left;
    width: 189px;
	height : 950px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebardrilling h2 {
    font-size: 1.75em;
}

#sidebardrilling .box {
    padding: 1.5em 0 4em 0;
}

#sidebardrilling p {
    text-align: left;
    line-height: 2em;
}

#sidebardrilling ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebardrilling ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar electrical */

#sidebarelectrical {
    float: left;
    width: 189px;
	height : 950px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarelectrical h2 {
    font-size: 1.75em;
}

#sidebarelectrical .box {
    padding: 1.5em 0 4em 0;
}

#sidebarelectrical p {
    text-align: left;
    line-height: 2em;
}

#sidebarelectrical ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarelectrical ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar training*/

#sidebartraining {
    float: left;
    width: 189px;
	height : 4300px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebartraining h2 {
    font-size: 1.75em;
}

#sidebartraining .box {
    padding: 1.5em 0 4em 0;
}

#sidebartraining p {
    text-align: left;
    line-height: 2em;
}

#sidebartraining ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebartraining ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* sidebar register*/

#sidebarregister {
    float: left;
    width: 189px;
	height : 985px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarregister h2 {
    font-size: 1.75em;
}

#sidebarregister .box {
    padding: 1.5em 0 4em 0;
}

#sidebarregister p {
    text-align: left;
    line-height: 2em;
}

#sidebarregister ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarregister ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}
/* sidebar contact*/

#sidebarcontact {
    float: left;
    width: 189px;
	height : 1340px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarcontact h2 {
    font-size: 1.75em;
}

#sidebarcontact .box {
    padding: 1.5em 0 4em 0;
}

#sidebarcontact p {
    text-align: left;
    line-height: 2em;
}

#sidebarcontact ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarcontact ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}
/* sidebar enquiry*/

#sidebarenquiry {
    float: left;
    width: 189px;
	height : 860px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebarenquiry h2 {
    font-size: 1.75em;
}

#sidebarenquiry .box {
    padding: 1.5em 0 4em 0;
}

#sidebarenquiry p {
    text-align: left;
    line-height: 2em;
}

#sidebarenquiry ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebarenquiry ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}
/* sidebar gallery*/

#sidebargallery {
    float: left;
    width: 189px;
	height : 2820px;
    margin-bottom: 30px;
    padding: 0 45px 0 35px;
    border-right: 1px dashed #999;
}

#sidebargallery h2 {
    font-size: 1.75em;
}

#sidebargallery .box {
    padding: 1.5em 0 4em 0;
}

#sidebargallery p {
    text-align: left;
    line-height: 2em;
}

#sidebargallery ul {
    list-style: none;
    padding: 2.25em 0 4.75em 0;
}

#sidebargallery ul li {
    padding: .2em 0 .2em 18px;
    line-height: 2em;
    background: url('../images/li.gif') no-repeat 0 .9em;
}

/* content */

#content {
    float: right;
    width: 650px;
    padding: 0 50px 10px 0;
}


#content .post {
    padding: 0 0 4em 0;
	 padding: 20px 20px;
	background: url('../images/bg text.png')repeat;
	
	
}

#content .post2 {
    padding: 0 0 4em 0;
	 padding: 20px 00px;
	background: url('../images/bg text.png')repeat;
	
	
}
#content .entry {
    padding-top: .75em;
}

#content h2 {
    font-size: 2.5em;
	
}

#content h2 a {
    color: #777777;
}

#content h2 a:hover {
    text-decoration: none;
}

p.postmeta {
    color: #888888;
}

p.readmore {
    padding-right: 2em;
    text-align: right;
}

p.readmore a {
    padding: 4px;
    border: 1px solid #CFE0E9;
}

.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* footer */

#footer {
    margin: 0 1px;
    padding: 20px 20px;
    background: url('../images/footer2.png') ;
}

#footer p {
    font: .9em Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

#footer span {
    padding: 0 .5em;
}
* {margin:0; padding:0; outline:none}


.sortable {width:580px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:580px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:12px}
#perpage span {float:left; margin:0px 0 0 12px}
#navigation {float:left; width:100px; text-align:left}
#navigation img {cursor:pointer}
#text {float:right; width:200px; text-align:right; margin-top:0px}