body{
	font-family: "Century Gothic", Tahoma;
	font-size: 11px;
	color: #fff;
	vertical-align: top;
	line-height:13px;
	margin:0;
	padding:0;
}
img{ border:none; }
a {	color: #333; font-style:italic; font-weight:bold;}
a:hover {	color: #000; text-decoration:none;}
a:active {	color: #000;	font-size: 11px;	text-decoration: underline;}

.marginbottom20 {margin-bottom:20px;}

#container { margin:0 auto; width: 100%; background: #262262 url(../img/blue_background.png) no-repeat top; height: 235px;}

#header { width:883px; height:232px; margin:-200px auto 0 auto;}
#page1 #header { background: url(../img/t_banner_a.png) no-repeat;}
#page2 #header { background: url(../img/t_banner_b.png) no-repeat;}
#page3 #header { background: url(../img/t_banner_c.png) no-repeat;}
#page4 #header { background: url(../img/t_banner_a.png) no-repeat;}
#page5 #header { background: url(../img/t_banner_c.png) no-repeat;}
#page6 #header { background: url(../img/t_banner_b.png) no-repeat;}
#page7 #header { background: url(../img/t_banner_b.png) no-repeat;}
#pManagerSoft #header, #p3d #header, #pMd #header, #pGeomap #header, #pRHD #header, #pFICS #header, #pRNA #header { background: url(../img/t_banner_b.png) no-repeat;}


#menu { width:100%; background:url(../img/nav_background.png) repeat-x; height:49px; margin-top:20px;}
#menu ul {width:883px; list-style:none; margin:0 auto; padding:0; text-align:center;}
#menu ul li {display:inline; padding:0px 35px;}
#menu ul li a {text-transform:uppercase; text-decoration:none; font-size:14px; line-height:45px; color:#000; font-style:normal; font-weight:normal; }
#menu ul li a:hover {color: #666; }
#menu ul li a:active {color: #000; font-weight:bold; }

#content {width:883px; margin:20px auto;}
.col-1, .col-2 {position: relative; float:left; padding-bottom:30px;}


/*page1-HOME*/
#page1 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page1 #content .col-2 .col-2-middle{ width:720px; height:0; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page1 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page1 #content .col-2 .col-2-bottom { width:720px; height:441px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page1 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:0px 30px 0;}


/*page2-PORTFOLIO*/
#page2 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#page2 #content .col-2 .col-2-middle{ width:720px; height:1200px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page2 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page2 #content .col-2 .col-2-bottom { width:720px; height:1600px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page2 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}
#content .col-2 div.col-2-bottom div.col-2-middle div{ padding:0px 30px 0;}
#page2 ul.list { list-style:none; padding:5px 0 15px; margin:0 0 30px; border-bottom:1px solid #999;}
#page2 ul.list li {display:inline; margin-right:23px;}
#page2 ul.list li a {border:0;}

/*page3*/
#page3 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page3 #content .col-2 .col-2-middle{ width:720px; height:600px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page3 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page3 #content .col-2 .col-2-bottom { width:720px; height:1050px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page3 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:1px 30px 0;}


/*page4*/
#page4 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page4 #content .col-2 .col-2-middle{ width:720px; height:1030px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page4 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page4 #content .col-2 .col-2-bottom { width:720px; height:1480px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page4 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:1px 30px 0;}
#page4 #content .col-2 ul.list{list-style-type: decimal; padding:0 0 20px 40px; margin:0; color:#333; font-size:14px;}
#page4 #content .col-2 ul.list li{padding:2px; margin:2px; }
#page4 #content .col-2 .icon{ background:url(../img/support_icon.gif) no-repeat; width:267px; height:263px; position:absolute; top:-20px; right:-80px; }

/*page5*/
#page5 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page5 #content .col-2 .col-2-middle{ width:720px; height:20px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page5 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page5 #content .col-2 .col-2-bottom { width:720px; height:441px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page5 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:1px 30px 0;}
#page5 #content .col-2 ul.list{list-style-type: none; padding:0; margin:0; color:#333; font-size:14px;}
#page5 #content .col-2 ul.list li{padding:2px; margin:2px; }
#page5 #content .col-2 ul.list li b{ display:block; width:55px; float:left; font-weight:normal; }
#page5 #content .col-2 .icon{ background:url(../img/contact_face.png) no-repeat; width:267px; height:400px; position:absolute; bottom:30px; right:-20px; }
#page5 #content .col-2 h3 { text-transform:uppercase; font-size:14px; font-weight:bold; text-transform:uppercase; color:#333; padding:0px; margin:0; border-bottom:none;}
#page5 #content .col-2 p { padding:0px; margin:0;}
#page5 #content .col-2 a {font-style:normal; font-weight:normal;}

/*page6*/
#page6 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page6 #content .col-2 .col-2-middle{ width:720px; height:20px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#page6 #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#page6 #content .col-2 .col-2-bottom { width:720px; height:441px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#page6 #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:1px 30px 0;}


/*page7-AWARD*/
#page7 #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/side_sml_bg.png) no-repeat; }
#page7 #content .col-2 { width:720px; height:441px; background: url(../img/iaward_bg.png) top no-repeat;}
#page7 #content .col-2 div{ padding:1px 30px 0;}
#page7 #content h1 {color:#333; font-size:24px; line-height:26px; text-transform:uppercase; padding-bottom:25px; border-bottom:0px solid #999; font-weight: normal;}
#page7 #content p {color:#fff; font-size:14px; line-height:22px; padding:0px 35px; width:510px;}

/*pManagerSoft*/
#pManagerSoft #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pManagerSoft #content .col-2 .col-2-middle{ width:720px; height:1200px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pManagerSoft #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pManagerSoft #content .col-2 .col-2-bottom { width:720px; height:1600px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pManagerSoft #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*p3d*/
#p3d #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#p3d #content .col-2 .col-2-middle{ width:720px; height:1600px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#p3d #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#p3d #content .col-2 .col-2-bottom { width:720px; height:2000px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#p3d #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*pMd*/
#pMd #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pMd #content .col-2 .col-2-middle{ width:720px; height:300px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pMd #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pMd #content .col-2 .col-2-bottom { width:720px; height:700px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pMd #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*pGeomap*/
#pGeomap #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pGeomap #content .col-2 .col-2-middle{ width:720px; height:1100px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pGeomap #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pGeomap #content .col-2 .col-2-bottom { width:720px; height:1500px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pGeomap #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*pRHD*/
#pRHD #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pRHD #content .col-2 .col-2-middle{ width:720px; height:0px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pRHD #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pRHD #content .col-2 .col-2-bottom { width:720px; height:400px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pRHD #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*pFICS*/
#pFICS #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pFICS #content .col-2 .col-2-middle{ width:720px; height:200px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pFICS #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pFICS #content .col-2 .col-2-bottom { width:720px; height:600px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pFICS #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}

/*pRNA*/
#pRNA #content .col-1 { width:160px; height:441px; margin-right:3px;  background: url(../img/award_side_link.png) no-repeat; }
#pRNA #content .col-2 .col-2-middle{ width:720px; height:200px; background: url(../img/main_bg_middle.jpg) top repeat-y;}
#pRNA #content .col-2 .col-2-top { width:720px; height:20px; background: url(../img/main_bg_top.jpg) no-repeat;}
#pRNA #content .col-2 .col-2-bottom { width:720px; height:600px; background: url(../img/bg_page1.jpg) left bottom no-repeat;}
#pRNA #content .col-2 div.col-2-bottom div.col-2-middle div{ padding:10px 50px 0;}


#content h1 {color:#333; font-size:24px; line-height:26px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #999; font-weight: normal; margin-bottom:20px;}
#content h3 {color:#333; font-size:14px; line-height:16px; text-transform:uppercase; padding:0px; margin:5px 0; }
#content .col-1 h3{ color:#333; font-size:14px; text-transform: none; font-weight:normal; border-bottom:1px solid #999; margin:20px 0 0 20px; padding-bottom:5px; width:120px;}

#content p {color:#333; font-size:14px; line-height:22px;}
#content .comment a {color:#333; font-size:12px; font-style:italic; text-decoration:none; font-weight:normal;}
#content .comment a:hover {text-decoration: underline;}

.iAward {background:url(../img/iAward_home.gif) no-repeat; margin:-80px 0 -10px; width: 633px; height:151px;}

#footer { width:100%; background:url(../img/nav_background.png) repeat-x; height:49px; margin-top:40px; clear:both;  }
#footer ul {width:883px; list-style:none; margin:0 auto; padding:0; text-align:center;}
#footer ul li {display:inline; padding:0px 35px;}
#footer ul li a {text-transform:uppercase; text-decoration:none; font-size:14px; line-height:45px; font-style:normal; font-weight:normal; color:#333; }
#footer ul li a:hover {color: #666; }
#footer p {color:#CCC; margin:20px 0; text-align:center;}