@charset "utf-8";
/* CSS Document */
body#cproductservice a#productservicenav,
body#csupport a#supportnav,
body#ctraning a#trainingnav,
body#cpartner a#partnernav,
body#cfree a#freenav
{
color:red;
}
<!--
a:link { color: #333; text-decoration: none;}
a:visited { color:#333; text-decoration: none;}
a:hover { color:#000; text-decoration: none;}
a:active {color:#333; text-decoration: none;}

-->
body,td,th { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666;}
body {margin: 0px;}
#layout{width:1000px;height:auto;border: none;margin: 0 auto;position:static;}
/*header*/	
#header{position:static;height:auto;}	
#logo{width:350px; padding-top:20px; float:left;}
#sagelogo{ float:right; margin-top:40px; padding: 2px; background-color:#FFF; border:solid 1px #CCC}
#top{width:1000px;background-image:url(../images/top.png);height: 118px;margin: 0 auto;margin-top: 0px;}
#top-header{width:1000px;background-image:url(../images/top-header.png);height: 225px;margin: 0 auto;margin-top: 0px;}	
.top a:link {text-decoration: none; color:#fff; font-family: Arial, Gadget, sans-serif;}
.top a:visited {text-decoration: none; color:#fff;font-family: Arial, Gadget, sans-serif;}
.top a:active {text-decoration: none; color:#fff;font-family: Arial, Gadget, sans-serif;}
.top a:hover {text-decoration: none; color: #D9F4FD;font-family: Arial, Gadget, sans-serif;}
#topmenu{position:static;width:1000px;height: 30px;margin: 0 auto; padding-left:6px;}
#divide{width:8px;margin-top:5px;float:left;height: 20px; color:#FFF; text-align:center;}
#menu{float:left;height: auto;margin-top:2px;margin-left:4px;margin-right:2px;padding:4px 8px 4px 8px; text-align:center;}
#topbottom {position:static;float:right;width:170px;padding-left:10px;height: auto;margin-left:4px;margin-right:2px;margin-top:15px;padding:4px;}
.search{ width:300px; float:right; padding:1px; font-weight:bold; margin-top:4px;}
.textfield {  width: 160px}
.greating{ float:right; width:410px; text-align:right}
/*end header*/	
/*middle*/
#middle{width:998px;height:auto;position:static;float:left;position:static;}

/*index content */
#indexcontent{ position:static;float: left;width:840px;height:auto;margin-left:2px;margin-right:2px;padding:2px;}
.dotedcontent2{margin:4px; margin-right:8px; padding:4px; border-bottom:dotted 2px #FFF; border-top:dotted 2px #CCC;}
#servicethumb2{ width:116px; height:auto; margin-right:2px; margin-bottom:4px; float:left;}
#servicethumbdesc2{ font-family:Verdana, Geneva, sans-serif; text-align:center; padding:4px; margin-top:4px; font-size:10px; height:35px}
#latestnews { width: 260px; margin-right: 3px; padding:4px; height: 120px; border: #CCC 1px solid; float: left;}
#profservice{ width: 828px; height: 118px; background-color:#F5F9FA; padding-top:8px;}
/*end index content 

/*side*/	
#leftside{
	position:static;
	float: left;
	width:200px;
	height:auto;
	}
#side {width:150px;margin-left:4px;margin-right:4px;padding:4px;padding-left:6px;height: 16px;border-bottom: dotted #CCC 1px;}
.side a:link {text-decoration: none; color: #666;}
.side a:visited {text-decoration: none; color:#666;}
.side a:active {text-decoration: none; color:#666;}
.side a:hover {text-decoration: none; color: #333;}
	/*end side*/
	/*side*/	
#right{
	position:static;
	float: right;
	width:140px;
	height:auto;
	}
#content{position:static;float: left;width:640px;height:auto;margin-left:2px;margin-right:2px;padding:2px;}
/**//*service page*/
#title{ width:560px; padding:2px; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color: #0877ac;}
#imageright{ float:right; margin:4px; margin-left:8px;}
#imageleft{ float:left; margin:4px; margin-right:8px;}
#servicethumb{ width:150px; height:210px; margin-right:2px; margin-bottom:4px; float:left;}
#servicethumbtitle{ font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-align:center; height:40px;}
#servicethumbimg{ margin-left:auto; margin-right:auto; width:72px;}
#servicethumbdesc{ font-family:Verdana, Geneva, sans-serif; text-align:center; padding:4px; margin-top:4px; font-size:10px; height:50px}
/*end service page*/
/*//*faq page*/	
.contenttextleft{margin:4px; margin-right:8px;}
.contenttextleft a:link {text-decoration: none; color: #0877ac;}
.contenttextleft a:visited {text-decoration: none; color:#0877ac;}
.contenttextleft a:active {text-decoration: none; color:#0877ac;}
.contenttextleft a:hover {text-decoration:underline; color: #0877ac;}
.dotedcontent{margin:4px; margin-right:8px; margin-top:20px; padding:4px; border-bottom:dotted 2px #CCC; border-top:dotted 2px #CCC;line-height: 18px;}
/*//*product-service page*/	
.subpagesleft{ float:left; margin:2px; margin-right:2px; width: 145px;}
#productservice{ float:right; width:350px; padding: 5px; text-align: center; margin-top:4px; margin-bottom: 8px; margin-right:8px;}	
#support{ float:right; width:300px; padding: 5px; text-align: center; margin-top:0px; margin-bottom: 8px; margin-right:8px;}
#training{ float:right; width:300px; padding: 5px; text-align: center; margin-top:20px; margin-bottom: 0px; margin-right:8px;}
.roundcontent{ float:right; width: 449px; height:auto; background-image:url(../images/border_mid.jpg); background-repeat:repeat-y; padding-left: 18px; padding-right:18px; text-align:justify;line-height: 18px;}
.roundtp{ float:right; margin-top:10px; width: 485px; height: 30px; background-image:url(../images/border_top.jpg); background-repeat:no-repeat;}
.roundbtm{ float:right; width: 485px; height: 30px; background-image:url(../images/border_btm.jpg); background-repeat:no-repeat; }
/*** products & services pages */
#product { width:130px;margin-top: 10px; text-align:center; padding:4px;}
.subpagelink{color:#066; font-weight:bold; font-size:11px; cursor:pointer; background-color: #F3F3F3; border:#CCC 2px solid;}
.productsubpages{ position:static; float:right; width: 485px; height:auto;}
/*end middle*/
#footer {position:static;font-size:11px;color:#666;height: 50px;background-image:url(../images/footerbg.png);text-align:center;margin-top: 10px;margin-bottom: 10px;margin-left:0px;margin-right:0px;padding-top:10px;}
.footer a:link {text-decoration: none; color: #666;}
.footer a:visited {text-decoration: none; color:#666;}
.footer a:active {text-decoration: none; color:#666;}
.footer a:hover {text-decoration: underline; color: #333;}
h1{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#090;}
.style1{ color:#0877ac;}
.style2{ font-weight:bold;}
.style3{ font-weight:bold; color:#090;}
.style4{ font-size:11px; color: #F00;}
.style5{ font-size:11px; color: #999;}
#more{font-size:11px; height:auto;padding: 2px;text-align:center;}
.more a:link {text-decoration: none; color: #0877ac;}
.more a:visited {text-decoration: none; color:#0877ac;}
.more a:active {text-decoration: none; color:#0877ac;}
.more a:hover {text-decoration:underline; color: #0877ac;}
.textfield2 { width: 300px;}
.button { background-color:#ECF5FF; font-size:11px; color: #2D9CD9; font-weight: bold; border: solid #BCE6F5 2px; cursor:pointer;}
.tdTitle{ background-color: #ccc; color:#000;}
.tdRow1 { background-color: #FCFDFB;}
.tdRow2 { background-color: #F7F7F7;}
.tdRow3 { background-color: #D52B2F; color:#FFF;}
.tdRow4 { background-color: #FF0;}
#contentAdmin{position:static;float: left;width:790px;height:auto;margin-left:2px;margin-right:2px;padding:2px;}
.datagrid tr:hover td{	background-color:#f2e8da;}
/* client pages */
#contentClientMain{position:static;float: left;width:780px;height:auto;margin-left:2px;margin-right:2px;padding:2px;}

/**/