html, body
{
    background: #ffffff;
    width:100%;
    margin:0;
    padding:0;
    height:100%;
}

.container {
           min-height:100%;
           width:850px;
           margin-left:auto;
           margin-right:auto;
		   overflow:auto;
}

.header {
        width:850px;
        margin-left:0px;
        margin-right:0px;
        padding:0;
        border:0;
        position: fixed -150px;
        font-family:  Verdana, Tahoma, sans-serif;
        letter-spacing:1.2px;
	font-size:0.9em;
	color: #9e9c9d;
}

img.header
{vertical-align:top-right;
}

.header h1{
          font-family: Tahoma, sans-serif;
          font-weight:normal;
          font-size:1.9em;
          letter-spacing:2.5px;
  	line-height:20%;
  	margin-left:0;
  	margin-top:10px;
}

.headerlang a{
			font-family: 微软雅黑, 幼圆, Verdana, arial, sans-serif;
			color: #9e9c9d;
			text-decoration:none;
			font-weight:normal;
			font-size:.95em;
			float:top;
			position:fixed;
			margin-left:795px;
			margin-top:25px;
}

/*----------------- MAIN MENU ------------------*/

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #9e9c9d;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:99%;
	z-index:1;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	padding: 5px 28px 5px 5px;
	font:15px Verdana;
	color: #9e9c9d;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	border:none;
	font:15px Verdana;
	color: #9E9C9D;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#FF8b63;
	border:none;
	font:15px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}


/*---------------CONTENT---------------------*/
div.content
{
		width:850px;
        min-height:600px;
        margin-top:35px;
        padding-bottom:15px;
		background:#ffffff;
		overflow:auto;
		font-size:13px;
		font-family: Tahoma, Verdana, sans-serif;
}
      
.content h2 {
  font-family: Tahoma, Verdana, sans-serif; 
  font-weight: normal;
  text-align:right;
  margin-right:10px;
  padding:0;
  color:#6d6e71;
}

.content h3 {
  font-family: Tahoma, Verdana, sans-serif; 
  font-weight: bold;
  padding:0;
  color:#6d6e71;
}


.content a{font-size:13px;
  font-family: Tahoma, Verdana, sans-serif;  font-weight:bold; text-decoration:none;
  color:#FF5638;}

.content a:visited {font-size:13px;
  font-family: Tahoma, Verdana, sans-serif;  font-weight:bold; text-decoration:none;
  color:#FF5638;}

.content a:hover {font-size:13px;
  font-family: Tahoma, Verdana, sans-serif;  font-weight:bold; text-decoration:none;
  color:#FF6C52;}

  
/*--------------HOME PAGE INTRO--------------*/

div.home{
		color: #666666;
		background: url(../images/TRT_SPLASH.png) no-repeat 0 0;
		background-position:right bottom;
		padding:0;
		width:850px;
		height:500px;
		float:left;
		margin:0 0 0 0 ;
}

#hometext{
        font-family: Tahoma, Verdana, sans-serif;
        font-size:14px;
		margin-left:10px;
		margin-top:50px;
		width:375px;
		text-align:justify;
}

#hometext a{font-size:14px;
  font-family: Tahoma, Verdana, sans-serif;  font-weight:bold; text-decoration:none;
  color:#FF5638;}



/*e-mail highlight*/

span.email{
	color:#FF5638;
	font-weight:bold;
}

.email h3        {
        color: #FF6C52;
        font-family: Tahoma, Verdana, sans-serif;
        font-size:1.1em;
}

/*-------------sub page links-----------*/
.more a {width:225px; font:1.2em Tahoma, Verdana, sans-serif; font-weight:bold; color:#FF5638; text-decoration:none;}
.more a:visited {width:225px; font:1.2em  Tahoma, Verdana, sans-serif; font-weight:bold; color:#FF5638; text-decoration:none;}
.more a:hover {font:1.2em Tahoma, Verdana, sans-serif; color:#FF6C52; font-weight:bold;}
.more a:active {font:1.2em Tahoma, Verdana, sans-serif; color:#FF6C52; font-weight:bold;}

/*INNOVATIVE PRODUCTS PAGE ------------- labelled as SPLASH*/

div.splash{			
}

ul#splash	{
	list-style: none;
	background: url(../images/splash.jpg) no-repeat 0 0;
	position: absolute;
	width: 750px;
	height: 560px;
	margin-top: 10px;
	margin-left: 25px;
	padding; 0;
	z-index:0;
}

ul#splash li {
position: absolute;
}

ul#splash li a{
	display: block;
	height: 100%;
	text-decoration: none;
	
}

ul#splash li a:hover {
	background: url(../images/splash.png) no-repeat 0 0;
}

ul#splash li a span {
	display: none;
	text-decoration: none;
}

ul#splash li a:hover span {
	display: block;
	padding: 0px;
	width: 350px;
	height:265px;
	position: relative;
	font: 1.9em Verdana, Tahoma, sans-serif;
	text-align:center;
	vertical-align:center;
	padding: 5px;
	color:#6d6e71;
	opacity: .75;
	filter:alpha(opacity=75);
	background-color: #FFF;
}

#banking
{
width:356px;
height:265px;
margin-top: 9px;
margin-left: 340px;
position: absolute;
}

#HUCPVC
{
width:356px;
height:265px;
margin-top: 288px;
margin-left: -27px;
position: absolute;
}

#OsteoScaf
{
width:356px;
height:265px;
margin-top: 288px;
margin-left: 341px;
position: absolute;

}

ul#splash li#banking a:hover 

{
	background-position: -380px -568px;
}

ul#splash li#HUCPVC a:hover 

{
	background-position: -13px -847px;
}

ul#splash li#OsteoScaf a:hover 

{
	background-position: -381px -847px;
}

div.splashtext
{
	font: 0.9em Verdana, Tahoma, sans-serif;
	padding: 5px;
	color:#6d6e71;
	position:absolute;
	margin-top:15px;
	margin-left:25px;
	width:345px;
	text-align:justify;
}


/*image gallery*/
.img
  {
  margin:2px;
  border:0;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
.img img
  {
  margin:10px;
  border:1px solid #ffffff;
  }
.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  font-size:.75em;
  width:120px;
  margin:2px;
  }
  
/*GOOGLE MAP SETTINGS*/  

.map a
{
	font-size:12px;
  font-family: Tahoma, Verdana, sans-serif; text-decoration:none;
  color:#FF5638;
}
 
.map a:hover
{
	font-size:12px;
  font-family: Tahoma, Verdana, sans-serif; text-decoration:none;
  color:#FF5638;
}
 
 /*----------------DIVIDER--------------*/
 div.dotted
 {border-bottom:1px solid #858585;
 margin:5px;
 padding:25px 0 30px 0;
 }

/*----------HUCPVC TECHNOLOGIES------*/

.hucpvc img{ padding:0 5px 15px 15px;
}

.hucpvc ul{ width:350px; font:justify;
}

/*----------TEAM TABLE-----------*/
#team {
}

.teammember {float:left; width:190px; padding:5px;  display:inline; font-size:0.9em;
}

.teammember a{ font-size:0.9em;
}

.teammember a:hover{ font-size:0.9em;
}

.teammember a:visited{ font-size:0.9em;
}

/*--------------FOOTER--------------------*/

.footer { 
        margin-left:auto;
        margin-right:auto;
        width:850px;
        /*height: 25px; */
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        color: #666666;
       	text-align:right;
}

.footer a:link {
  	font-size: 11px;
  	color: #858585;
  	text-decoration: none;
}

.footer a:visited {
  	font-size: 11px;
  	color: #858585;
  	text-decoration: none;
}

/*---------------PRODUCT  styles*/
#tech {
}

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->



/*--------------------------COLLABORATORS--------------------------------*/

#collabo{
width:650px;
height:500px;
background:url(images/collabo.jpg) no-repeat;
/*position:relative;*/
} 

#collabo a{
display:block;
position:absolute;
} 

#collabo a.link{
top:60px;
} 
	

#VIACORD{
width:170px;
height:65px;
margin-top:125px;
margin-left:4px;
position: absolute;
} 

#VIACORD_link{
margin-top:70px;
margin-left:12px;
position: absolute;
} 

#CREATE
{
width:185px;
height:65px;
margin-top: 127px;
margin-left: 460px;
position: absolute;
}

#CREATE_link
{
margin-top: 70px;
margin-left: 465px;
position: absolute;
}

#UofT
{
width:160px;
height:57px;
margin-top: 215px;
margin-left: 235px;
position: absolute;
}

#UofT_link
{
margin-top: 155px;
margin-left: 245px;
position: absolute;
}

#SCN
{
width:190px;
height:105px;
margin-top: 500px;
margin-left: 5px;
position: absolute;
}

#SCN_link
{
margin-top: 485px;
margin-left: 5px;
position: absolute;
}

#RND
{
width:180px;
height:70px;
margin-top: 420px;
margin-left: 230px;
position: absolute;
}

#RND_link
{
margin-top: 365px;
margin-left: 230px;
position: absolute;
}

#INCELL
{
width:110px;
height:90px;
margin-top: 315px;
margin-left: 5px;
position: absolute;
}

#INCELL_link
{
margin-top: 285px;
margin-left: 5px;
position: absolute;
}

#IBBME
{
width:200px;
height:40px;
margin-top: 345px;
margin-left: 445px;
position: absolute;
}

#IBBME_link
{
margin-top: 285px;
margin-left: 445px;
position: absolute;
}

#CIHR
{
width:160px;
height:110px;
margin-top: 490px;
margin-left: 480px;
position: absolute;
}

#CIHR_link
{
margin-top: 480px;
margin-left: 480px;
position: absolute;
}

/*---------------------OSTEOSCAF IMAGES----------------------*/


.osteoscaf ul{ width:250px; font:justify; float:left; 
}

.osteoimg ul a:hover:after
{
    content: attr(title);
}

.osteoimg ul > li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0 20px 10px 0;
}

.osteoimg ul a:hover:after,
.osteoimg ul a:focus:after
{
    background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
    bottom: 2px;
    content: attr(title);
    color: #000;
    display: block;
    font-weight: bold;
    height: 32px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
	top:10;
}