@import url("subleftmenu.css");

#page{margin: 0 240px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}

#subleftmenu{float: left;width: 200px; /*Width of left column in pixel*/	margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/	background: #fff;}

#page .column { margin:10px 20px; border-left:none; padding-bottom:5px; text-align:justify;}
#page .column img { position:relative; left:0; top:0; }
#page .column img.left { padding-bottom:100px; margin-right:15px; }
#page p { font-size:14px; margin:10px 0; line-height:18px; font-family: Corbel, Calibri, Arial, Verdana, Helvetica, sans-serif; font-weight:normal; color:#333;}
#page a.more { display:block; text-align:left; margin-top:5PX;}

#page h1 { font-size:1.8em; margin:0; padding:0; color:#f68c20; }
#page h2 { margin:0; font-size:1.2em; font-family: Corbel, Calibri, Arial, Verdana, Helvetica, sans-serif; line-height:1.4em; text-transform:capitalize; padding:5px 0;}

#page .hbox{display:inline;float:left;margin-left:30px;width:520px;}
#page .vbox{margin:0 auto;text-align:left}

.subColumn h3 {margin:0; text-transform:capitalize; font-family: Corbel, Calibri, Arial, Verdana, Helvetica, sans-serif; padding:0;  line-height:21px; color:#333;} 
.subColumn h3 span{ display:block; font-size:12px;} 
#page #events li a, #page #newsroom li a, .subColumn h3 a:link, #page .subColumn h3 a:visited{ color:#000}

.subColumn h3 a:hover{ text-decoration:underline}

.subColumn blockquote { margin:0; padding:0; padding-top:10px;}
.subColumn small { margin:0; padding:0; color:#9d9d9d;}
.subColumn p { margin:0; padding:5px 0; color:#333; }

.page-title { border-bottom:1px solid #e3e3e3; color:#f68c20; padding-bottom:5px;}
.sub-title { border-bottom:1px solid #e3e3e3; margin-bottom:10px; padding-bottom:10px;}

#page ul { margin:0; padding:0;}
#page ul li{ line-height:18px; padding-bottom:5px; font-size: 14px; margin-left:10px;  color:#333;}

/* Locations */
#page #locations{margin:0;position:relative; width:520px; margin:20px 0 20px 0; padding-bottom:0px !important;}
	#page #mainland-china a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_mainland-china.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}
	#page #finland a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_finland.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}
	#page #sweden a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_sweden.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}
	#page #taiwan a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_taiwan.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}
	#page #united_states a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_us.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}
	#page #bangladesh a{ background:url(http://resources.symbio.com/img/common/locations/locations_map_bangladesh.gif) no-repeat center center; height:auto; float:left; width:520px; height:320px;}


#page #locations h3{background:#8295ac;color:#fff;font-size:14px;margin:0;padding:5px 10px;text-shadow:-1px -1px 0 #7e90a7;  -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px;}
#page #locations p { padding-bottom:5px;}
#page #locations ul{list-style:none; margin:0; padding:0;}
#page #locations li{float:left;margin:10px; padding-left:60px;position:relative;width:170px; display:inline; font-size:12px; clear:none;}

#page #locations a{font-weight:bold}
#page #locations .last{clear:right}
#page #locations img{left:0; position:absolute; top:0; margin:0; padding:5px 0;}



/* Clients */
#page #clients{margin:0;position:relative; width:520px; padding-bottom:5px;}
#page #clients h3{background:#8295ac;color:#fff;font-size:16px;margin:0;padding:5px 10px;text-shadow:-1px -1px 0 #7e90a7;-moz-border-radius:4px; -webkit-border-radius:4px;}
#page #clients ul{list-style:none;margin:0 ;padding:0; padding:10px 5px; }
#page #clients li{float:left;margin:0; padding:6px; position:relative; width:114px; display:inline;}
#page #clients a{font-weight:bold}
#page #clients img{margin:0; padding:0;}


/* Partners */
#page .alliance{list-style:none;margin:0;padding:0; padding-top:10px;}
#page .alliance ul{ margin:0; padding:0; list-style:none;}
#page .alliance li{display:block;float:left;margin:0;padding:0; width:520px; margin-bottom:10px;}
#page .alliance li img { float:left;display: inline; width:170px; padding-right:10px;}
#page .alliance li p{margin:0; padding:0}

#page .hr{border-top:1px solid #e5e6e8;height:0;margin:20px 0}

#page .partners{margin:0;position:relative; width:520px; margin:20px 0; padding-top:10px; border-top:1px solid #e5e5e5}
#page .partners ul{list-style:none;margin:0 ;padding:0; }
#page .partners li{float:left;margin:0; padding:0; position:relative; width:115px; display:inline;padding:5px 7px; }

#page .partners a{font-weight:bold}
#page .partners img{margin:0; padding:0;}


/* management profiles */
#page #categories{margin:0;position:relative; width:520px; margin:20px 0 20px 0; padding-bottom:0px !important;}
#page #categories h3{background:#8295ac;color:#fff;font-size:16px;margin:0;padding:5px 10px;text-shadow:-1px -1px 0 #7e90a7;  -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px;}

#page #categories p { padding-bottom:5px;}
#page #categories ul{list-style:none; margin:0; padding:0;}
#page #categories li{float:left;margin-left:10px; margin-right:10px; margin-bottom:10px; padding-left:90px;position:relative;width:140px; display:inline; font-size:12px; clear:none; height:90px;}

#page #categories a{font-weight:bold}
#page #categories .last{clear:right}
#page #categories img{left:0; position:absolute; top:0; margin:0; padding:5px 0;}



/* Newsroom */
#page #newsroom{margin:0;position:relative; width:520px; margin:20px 0 20px 0; padding-bottom:0px !important;}
#page #newsroom h3{background:#8295ac;color:#fff;font-size:16px;margin:0;padding:5px 10px;text-shadow:-1px -1px 0 #7e90a7;  -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px;}

#page #newsroom h4 { padding-bottom:5px;font-size:120%; }
#page #newsroom ul{list-style:none; margin:0; padding:0;}
#page #newsroom li{float: left; font-size:12px; width:490px; }
#page .right { float:right;}

#page #newsroom li a:hover{ text-decoration:underline;}


/* Events */
#page #events{margin:0;position:relative; width:520px; margin:20px 0 20px 0; padding-bottom:0px !important;}
#page #events h3{background:#8295ac;color:#fff;font-size:16px;margin:0;padding:5px 10px;text-shadow:-1px -1px 0 #7e90a7;  -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:10px;}

#page #events h4 { padding-bottom:5px;font-size:120%; }
#page #events ul{list-style:none; margin:0; padding:0;}
#page #events li{float: left; font-size:12px; width:220px; height:100px; margin:10px;border-bottom:1px solid #e5e5e5; padding:10px; }
#page #events li p{font-size: 85%; line-height:14px;padding-bottom:5px; margin:0; color:#333;}
#page #events li em{display: block;font-size: 100%; line-height:12px;color: #4d4d4d; padding:0; margin:0; padding-bottom:5px;}
#page #events li span{display: block;font-size: 85%;color: #3b8ba8; padding:0; margin:0; }

#page #events li a:hover{ text-decoration:underline;}


hr{display:none}
.hr{border-top:1px solid #e5e6e8;height:0;margin:36px 0}



	#page #login{
		border-bottom:0px solid #deecf5;
		background:#fff;
		float:left;
		width:720px;
		padding:20px; font-family:Arial, Helvetica, sans-serif;
		text-align:center; 
	}
	#page #login p{ color:#444; font-size:110%;}
	#page #login .red { color:#FF0000;}


/* Knowledge Center */