* {
  margin:0; padding:0;
  border:0; text-align:left;
}
body{
  background: #ffffff; color:#252525;  
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 80%; text-align:center; line-height: 1.5em;
}
.clr { clear:both; height:1px;overflow:hidden; margin:0; padding:0; }
/* ------------------ LAYOUT POSITIONS ---------------------*/
#container{ width:952px; margin:0 auto; text-align:left; }
#areaheader {
  background: #B6CACE; height:30px;
  border-bottom: 1px solid #B6CACE;
}
#areatopmenu {
  height:110px; width:952px; position:relative;
  border-bottom:3px solid white;  
}
#arearotate { 
	border-top: 1px solid #688C94; width:952px;
	display:block; position:relative; overflow:hidden;
}
div#colhack2, div#colhack1 { margin: 0; padding: 0; width: 100%; }
div#colhack1.home { background:#fff url(../css/images/bg/service-home-bg.png) repeat-y; }

#arealeft { float:left; margin:0 0 10px; padding:0; width:240px; }
div#colhack1.pages #arealeft { width:200px; }

#areamain { float: left; padding:15px 20px 10px; margin:0; width:420px; }
div#colhack1.pages #areamain  { padding-top:0; width:470px; }
div#colhack1.pages #areamain.wide  { padding:0 20px 10px 0; width:690px; }

#arearight { width:240px; float:right; margin:0 0 10px; padding-top:15px; } 
div#colhack1.pages #arearight  { padding:0; }

#areafooter { clear:both; }

/* TOP NAV Bar + Search +++++++++++++++++++++++++++++++++  */
ul.header { 
	width:auto; display:block; text-align:right; 
	padding:4px 20px 0 0; font-weight:bold; font-size:0.95em;
}
ul.header li { display:inline; padding:0 5px; font-size:1em; }
	#cse-search-box { width:250px; display:inline; }
	#cse-search-box input { 
		font-family:"Trebuchet MS"; font-size:1em; padding:1px 3px;
		border:1px solid #CBCBCB; padding:0 5px; line-height:18px;
	}
	#cse-search-box input.inputboxsearch { 
		background:#FFF url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat; 
		width:140px; height:16px; border:1px solid #7E9DB9; padding:1px;
	}
	#cse-search-box input.buttonsearch { 
		background:#E6E6E6; text-transform:uppercase;  
		text-align:center; border:none; cursor:pointer;
		line-height:1em; height:20px; font-weight:bold;
	}
	
ul.header li a:link, ul.header li a:visited, ul.header li a:active   { color:#252525; } 
ul.header li a.chineseLink  { font-size:1.25em; }

/* LOGO 		+++++++++++++++++++++++++++++++++  */
h1.logo {
	width:400px; height:99px; position:absolute; left:5px;
	z-index:10; top:8px; font-size:1em; float:left;
}
h1.logo, h1.logo a, h1.logo a span {
	cursor:pointer; display:block; height:99px; overflow:hidden;
	position:relative; width:400px;
}
h1.logo a span {
	background: url(images/bg/logo-bg.png) no-repeat;
	left:0; position:absolute; top:-2px; z-index:2;
}

/*  MAIN MENU +++++++++++++++++++++++++++++++++++++  */
#menulist_root {
  position:relative; text-transform:lowercase;
  font-size:1.25em; font-weight:bold; color:#717981;
  overflow:hidden; height:110px; float:right; width:460px;
}
  #menulist_root li.mainlevel { float:left; margin-right:30px; font-size:0.94em; }  
  #menulist_root li.mainlevel span { border-left:1px solid #688C94; padding-left:12px; margin:0 0 9px; }
  #menulist_root ul { padding-left:12px; }
  #menulist_root li.sublevel { 
    background:transparent url(../css/images/icons/blue-arrow.png) no-repeat 0 8px; 
	line-height:1.5em; display:block; font-size:0.79em; font-weight:normal; padding-left:14px; 
  } 
  #menulist_root li.sublevel a {  color:#45403F; }

  /* MODULE POSITIONS FOR TOP BANNER  +++++++++++++++++++++++++++++++++++++  */
#arearotate { width:952px; overflow:hidden; display:block; position:relative; }
#arearotate  ul.rotator {  position:relative; margin:0; padding:0;}

/*  SERVICES - LEFT SIDE [HOME] 		+++++++++++++++++++++++++++++++++++++  */
.moduleservices { width:235px; position:relative; }
  .services-home li {
    background:transparent url(images/icons/blue-bullet.png) no-repeat 5px 10px;
    border-top:1px solid #fff; margin:0; padding:7px 5px 10px 25px;    
    font-size:0.9em; line-height:1.2em; position:relative;
  }
  .services-home li h3 { margin:0; padding:0; font-size:1.1em; line-height:1.5em; }
  .services-home li h3 a:link, .services-home li h3 a:visited, .services-home li h3 a:active { color:#336699; }
  
  .moduleglobalOffice { padding:10px 15px 0 25px; }
  .moduleglobalOffice h3 { text-transform:uppercase; margin:0 0 15px; }
  .moduleglobalOffice ul { overflow:auto; width:185px; margin:10px 0; display:block; }
  .moduleglobalOffice li { 
	float:left; margin:0 0 12px; font-size:0.95em; font-weight:bold;
	text-transform:uppercase; line-height:1em; padding:1px 0 0 20px; 
  }
  .moduleglobalOffice li.sublevel { width:60px; border-right:1px solid #369; padding-left:10px; }

/* - - - - - - - - - MODULE UPDATEs, PROJECTS [HOME]  - - - - - - - - - */
.moduleUpdate, .moduleProject { margin-bottom:15px;  }
.moduleUpdate tr, .moduleProject tr { padding:0; margin:0; }

  .moduleUpdate h2, .moduleProject h2 {
    background:#FDE201; font-size:1.1em; line-height:1.5em;
    color:#403D3C; padding:0 0 1px 15px; margin:0; 
  }  
    .contentItem { display:block; font-size:1em; padding:12px 10px 13px 15px; }
    .contentItem p { padding:5px 0 0; line-height:1.3em;  }
	.contentItem span.date{ 
	  font-size:0.9em; font-weight:bold; color:#EF5002; display:block; line-height:1em;
    }
    h3.flexcontentitemtitle { font-size:1.05em; }
	
	/*   PROJECTs LAYOUT  HOME		+++++++++++++++++++++++++++++++++++++  */
	.moduleProject .contentItem  { padding:0; }   
    .moduleProject .contentItem  li{ border-bottom:1px solid #DDD; padding:12px 10px 12px 15px; }

	/*   PROJECTs Random Image  Pages		+++++++++++++++++++++++++++++++++++++  */
	.moduleProject .img-desc { font-size:0.9em; line-height:1.2em; }
	.moduleProject .random-img { margin-bottom:5px; }
	
	/*   PROJECTs Right Col Pages		+++++++++++++++++++++++++++++++++++++  */
	.pages .moduleProject h2 { font-size:1.1em; font-weight:bold; margin:0 0 22px; padding:0 0 1px 10px; }
	.pages td.col { padding:0 10px 12px 10px; }
	.pages img.thumb-img {
      float:left; margin:0 10px 0 5px; border:1px #ccc solid;
    }	
/* - - - - - - - - - Welcome  [HOME]  - - - - - - - - - */	
.home #areamain h1 { 
	color:#8B9000; background:none; line-height:1.2em; 
	font-size:1.7em; margin:0; padding:0;
}  
.welcomeContent  { padding:0 0 15px; }

/* - - - - - - - - - Tell A Friend - - - - - - - - - */	
.st-taf { text-align:right; padding:0 0 5px; }
.st-taf  img { border:1px solid #ccc; padding:3px; background:#fff; }

/* SHOWCASE */
.moduleShowcase { position:relative; }
.moduleShowcase h2 { padding:10px 0; text-transform:uppercase; font-size:1.5em; }
#showcase { overflow:auto; }
#showcase  li { float:left; padding:5px 3px 3px 0; background:none; }
#showcase img.thumbImg { 
	border:1px solid #CCC; padding:0; margin:0; 
	width:135px; height:99px; 
}
#showcase .thumbLink { display:block; background:#333; cursor:pointer; }
#bubbleWrap { visibility:hidden; }
#bubbleWrap .bubble { 
	position:absolute; top:-260px; left:25px;
	background:#fff; width:320px; padding:15px 20px 10px;
	border:1px solid #9DB4BE; z-index:999;
}
#bubbleWrap .bubble.lower {  top:-150px; }
img.imgFull { margin-bottom:5px; }
.moduleShowcase div h3 { font-size:1em;}
.moduleShowcase div p { font-size:0.95em; line-height:1.2em; height:2.4em; overflow:hidden; }

/* ------------------ CONTENT PAGES ---------------------*/
  /* Cookie Crumb  		+++++++++++++++++++++++++++++++++++++  */
  #cookieCrumb { padding:8px 12px; clear:both; font-size:0.9em; }
  #cookieCrumb img { padding:0 7px; }  
  #areamain h1 { 
	background:#C2C3C3; color:#FFF; font-size:1.875em; margin:0 0 20px; padding:5px 10px;
  }
  #contentArea { padding:0 10px 20px; font-size:1em; }
  #contentArea td { padding:0 0 20px; }
  
  #contentArea p, #contentArea h3 { margin:0 0 12px; } 
  #contentArea h2 { color:#D54803; font-size:1.72em; margin:0 0 18px;   }
  #contentArea h3 { color:#8B9000;  }
  #contentArea .yeartitle {color: #717981; margin:0;}
  
  #contentArea .contentDate { 
	font-size:0.9em; font-weight:bold; color:#EF5002; padding:0;
	display:block; line-height:1em; margin:0;
  }
  #contentArea .content-img { clear:both; }
  
  #contentArea ul { margin:0; padding:10px 0 15px 10px; }
  #contentArea li { 
    background:url(images/icons/green-li.png) no-repeat 2px 8px;
	padding:2px 0 8px 13px;
  }  

  /* - - - - - - - - - - FOR PRODUCTs PAGE Main CONTENT  - - - - - - - - */
    .gallery { padding:15px 10px 0 15px; width:645px; }
	.gallery.evenRow { background:#f6f6f6; }
    .colLeft, .colRight { 
		width:305px; padding:0 30px 0 0; float:left;
	}
    .colRight { padding-right:0; }
	.top  { padding-bottom:25px; } 
	#contentArea .colLeft h3, #contentArea .colRight h3 { font-size:1.2em; margin:0; }
	
	.pages #showcase img.thumbImg  { 
		width:80px; height:55px; padding:2px; border:1px solid #eee;
		background:#fff;
	} 
	.pages #showcase .thumbLink { background:#999; }
	#contentArea #showcase { padding:0; }
	#contentArea #showcase li { padding:0 3px 3px 0; }
	#contentArea .bubble { 
		bottom:75px; top:auto; left:0px; font-size:0.9em; padding:5px; 
	} 
	#contentArea .moduleShowcase div  p { 
		font-size:1em; line-height:1.5em;
		height:100%; overflow:visible;
	} 
	#ProjectsMenu { padding-left:15px; }
	#ProjectsMenu li {
	  background:transparent url(../css/images/icons/blue-arrow.png) no-repeat scroll 0 8px;
	  display:block; line-height:1.6em;padding-left:14px; font-size:1.1em;
	}
		
  .backTop { 
	display:block; text-align:right; margin:10px 0 15px; 
	border-bottom:1px solid #eee; padding:0 0 5px;
  }
  span.backTop a:link, span.backTop a:visited, span.backTop a:active { text-decoration:underline;  }
  span.backTop a:hover { text-decoration:none; }
  .backBtn  { margin-top:20px; }
  .backBtn a { 
	background:url(images/icons/btnBack.png) no-repeat 0 0; 
	display:block; height:25px; width:73px;
  }
  .backBtn.chinese a { background:url(images/icons/chbtnBack.png) no-repeat 0 0; width:100px; }
  
  
  /* - - - - - - - - - -  LOGIN LAYOUT  - - - - - - - - */
    #usermenu, #rentalmenu {
      padding:10px 10px 0 15px;
      font-size:0.95em;
    }
/* - - - - - - - - - - MODULE POSITIONS FOR FOOTER  - - - - - - - - */
.moduletablecopyright {
  font-size: 0.8em;
  color:#fff;
  padding:3px 10px;
  background-color:#688C94;
}
.moduletableloginLink a, .moduletableloginLink a:link, .moduletableloginLink a:visited {
  font-size:0.9em;
  color:#688C94;
  margin:3px 10px;
}


#print { visibility:hidden; position:absolute; z-index:1;}

/* - - - - - - - - - - - - - USER DETAIL & LOGIN  - - - - - - - - - - - -  */
#login .row{
  margin:0 0 15px 5px;
}
#jumpto button { margin:0; padding:0; }
#login .lostpasssword, #login .register {
  margin:10px 0 10px 5px;
}
table.paramlist select.inputbox {   width:180px;  }
td.order select.inputbox { width:150px; }
td.display select.inputbox { width:40px; }
/* - - - - - - - - - - - - - - - - Search Page - - - - - - - - - - - - - - - */
#searchheading { margin-top:15px; }
#searchresults {
  margin-top:15px;
  line-height:1.35em;
  font-size:0.95em;
}
/* ~~ SEARCH Parameters ~~ */
#searchresults form .contentpaneopen div,
#searchresults .resultcounter {
  padding:0 0 10px;
}
.searchintro, .searchconclusion{   padding:9px 0 0;  }
#searchresults .inputbox { font-size:1em; }

.searchordering, #searchresults .resultcounter {
  border-bottom:1px dashed #464a52;
}
.searchintro b, .searchconclusion b{ color:#D54803; }
.searchconclusion img { position:relative; top:-5px;}

#searchresults div.searchordering .inputbox { width:115px; padding:0; }

/* ~~ SEARCH RESULTS ~~ */
#searchresults .contentpaneopen div.itemblock,
div.pagenav{ margin-top:15px; }
#searchresults .contentpaneopen .itemblock h2{
  font-size:1.1em; line-height:1.5em; color:#565656;
}
/* - - - - - - - - - - - - - - - - Contacts Page - - - - - - - - - - - - - - - */
.contact td { margin:0; padding:0; }
.contact td img {
  padding-left:5px;
  padding-top:5px;
}
form#emailForm { padding-left:15px; }
.contact_email textarea { font-size:1em; }
.contact_email .button { width:40px; text-align:center; }

/* - - - - - - - - - - - - - - - - SiteMap Page - - - - - - - - - - - - - - - */
.sitemap .contentpaneopen { margin-top:15px; margin-left:20px;}
.sitemap .contentpaneopen li { float:left; width:400px;}
.sitemap .contentpaneopen li li { float:none; }

/* Table Items */
table.xstbb td { padding:0 5px; }
table td { padding-bottom:5px; }
/* JOOMLA */
h1, h2, h3, h4, h5,h6, textarea { font-family: Trebuchet MS, Helvetica, sans-serif; }
ul { list-style-type: none; }

.hide, hr { position: absolute; left: -9999em; clear:both; }

a:link, a:active, a:visited {
  color:#3B74AA;
  text-decoration: none ;
}
a:hover { text-decoration: underline; }

/* - - - - - - - - - - - - - Facile Forms  - - - - - - - - - - - -  */
.contentitemcareer iframe { border:1px solid #444; padding:10px; }
.content_outline select {
  font-size:1.2em;
}

/* need below for IE */
table {
 color: #252525;
 font-size: 1em;
 line-height: 1.5em;
}

/* ------------------ PAGINATION ---------------------*/
#pagination {
clear:both; font-size:0.9em; 
margin: 0 0 15px;
}