@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images_c/bg_main.gif);  font-family:Arial, Helvetica, sans-serif}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background:url(images_c/main_bg.jpg) top repeat-x; }
.resize { width:955px; margin:0 auto;}

/********** header **********/
.header { }

.block_header {margin:0 auto; width:980px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}
/* logo */
.logo { float:left; padding:0; margin:10px 0 0 26px; width:200px; height:85px}
.coporatebtn{ float:right; padding:45px 15px 0 0; margin:0px 0px 0 0; width:105px; height:40px}
.login { float:right; padding:5px 0px; margin:0px 0 0 0; width:130px; }
.login p { font:normal 11px "microsoft Sans Serif", arial, tahoma; color:#948172; padding:0; margin:0 9px 0 0; text-align:right;}
.login a { font:normal 11px "microsoft Sans Serif", arial, tahoma; color:#948172; text-decoration:none;}
.login a:hover { font:11px "microsoft Sans Serif", arial, tahoma; color:#cfbaaa; text-decoration: underline;}



/* loginbox*/
.loginbox {width:450px; height:330px; margin:5px auto; padding:0; background: url(images_c/loginbg.gif) top no-repeat;}
.registerbox {width:450px; height:650px; margin:5px auto; padding:0; background: url(images_c/registerbg.gif) top no-repeat;}
.loginboxcontent{padding:53px 47px 0px 42px; margin:0px; width:400px;
} 
.darkgraytext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#505050;
}
.textfieldbox{
width:226px;
height:28px;
background:#FFFFFF;
border:1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#505050;
text-indent:3px;
text-padding:8px;
} 
.textarea{
width:310px;
height:100px;
background:#FFFFFF;
border:1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#505050;
text-indent:3px;
text-padding:8px;
} 

/* blog_menu */
.blog_menu {width:992px; height:105px; margin:5px auto 0 auto; padding:0; background: url(images_c/menu_bg.jpg) top no-repeat;}

/* search */
.search { padding:0; margin:20px 0 0 0; width:250px; float:right; height:38px;}
.search span { display:block; float:left;}
.search a { display:block; float:left; padding:10px 10px 0 10px; line-height:1.6em; color:#4270a1; font:normal 11px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
.search a:hover { text-decoration:underline;}
.search form { display:block; float:left; padding:5px 10px 0 10px;}
.search form .keywords { float:left; background: none; border:0; height:16px; width:140px; padding:5px 10px; line-height:16px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#000;}
.search form .button { float:left;}

/* listmenu */

.listmenu{
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
padding:0px 0px 0px 10px;
margin:0;
line-height:35px;
}

.listmenu ul {
list-style-type: none;
padding:0px 0px 0px 10px;
margin:0;
} 
.listmenu li a {
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
padding:0px 0px 0px 10px;
margin:0;
} 
.listmenu li a:hover {
color:#fff;
text-decoration:underline;
padding:0px 0px 0px 10px;
margin:0;
}


/* menu */	
.menu { padding:0; margin:20px 0 0 0; width:550px; float:left; height:43px;}
.menu ul { padding:0; margin:0 20px; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#555555; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:10px 20px; background:none;}
.menu ul li a:hover { background: url(images_c/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span { background:url(images_c/l_menu.gif) no-repeat left top;}
.menu ul li a.active {  background:url(images_c/r_menu.gif) no-repeat right top;}
.menu ul li a.active span { background:url(images_c/l_menu.gif) no-repeat left top;}

/********** slider **********/
.slider { background:#c50908 url(images_c/screen_bg.jpg) top no-repeat; width:992px; margin:0 auto; padding:0;}

.title_page { background:url(images_c/title_bg.jpg) top no-repeat; margin:0 auto; padding:0; height:43px; width:992px;}
.title_page h1 { margin:0; padding:0; color:#ffffff; font:20px Arial, Helvetica, sans-serif bold; text-indent:23px; line-height:2.2em;}

/*simple text*/
.simple { width:992px; margin:0 auto; padding:0;}
.simple h2 { width:400px; float:left; font:normal 30px Georgia, "Times New Roman", Times, serif; color:#fff; padding:10px 0 0 30px; margin:0;}
.simple .text { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#fff; width:200px; float:left; margin:10px 0; padding:0;}

.slider div.slice1 { margin:0 auto; width:952px; padding:10px 10px;}
.slider div.slice1 p.img { float:left; padding:0; margin:0 10px;}
.slider div.slice1 h2 { font:normal 48px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; margin:0; padding:10px 0; line-height:1.2em; float:none;}
.slider div.slice1 p { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; margin:0; line-height:1.6em;}

ul.body_menu_nav { float:left; padding:10px 10px 0 10px; margin:0; list-style:none; width:972px; background:url(images_c/menu_nav_bg.jpg) no-repeat top; height:88px;}
ul.body_menu_nav li { float:left; display:block; padding:20px 4px 0; margin:0; width:auto;}
ul.body_menu_nav li span { display:block; padding:12px 3px;}
ul.body_menu_nav li img { padding:0 5px;}
ul.body_menu_nav li a { display:block; font:normal 13px tahoma, arial, verdana; font-weight:bold; color:#484848; text-decoration:none; line-height:2.8em;}
ul.body_menu_nav li.tabs-selected { background:url(images_c/menu_nav_bg_h.gif) no-repeat center top;}
ul.body_menu_nav li.tabs-selected a { background:url(images_c/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li.tabs-selected a span { background:url(images_c/b_l_menu.gif) no-repeat left top;}
ul.body_menu_nav li a:hover { background:url(images_c/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li a:hover span { background:url(images_c/b_l_menu.gif) no-repeat left top;}


/********** block index **********/
.body { width:972px; margin:0px auto; padding:0; background:#fff;}
.body h2 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; margin:0; padding: 10px 0;}
.body h3 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; padding:10px 0; margin:0; line-height:1.2em;}
.body p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#545454; line-height:1.8em;}
.body em { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body strong { color:#2c2c2c;}

/*bodyright*/
.bodyright { width:745px;  padding:0px 4px 0px 0px; float: right; }
.headerimgip{float:left; height:101px; width:735px;}
.contenttext{color:#252525; font:11px Arial, Helvetica, sans-serif; line-height:18px; padding:8px; text-align:left; width:540px; float:left; }
.rightproduct{  background:url(images_c/rightbg_p.gif) left repeat-y; width:185px; float:right; height:430px;}
.bodyright ul { list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.bodyright ul li { padding:5px 0 5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif:#252525; line-height:1.8em;}
.bodyright ul li strong { color:#a63812; font:bold 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em;}
.bodyright a { font:bold 11px Arial, Helvetica, sans-serif, sans-serif; color:#c40810;}

/*navigation*/
ul.navigation  { margin:0px 0px 0px 10px; padding:0 0px;}
ul.navigation li { list-style:none; border-bottom:1px solid #d9d9d9; padding:2px 0px 0px 12px; margin:0; background:url(images_c/navarrow_img.gif) left no-repeat;}
ul.navigation li a { font:normal 11px Arial, Helvetica, sans-serif; line-height:23px; color:#2c2c2c; text-decoration:none;}
ul.navigation li a:hover { color:#c40810; text-decoration: none; margin:0px;}
ul.navigation li a.active { color:#c40810; text-decoration: none;}


/* corporatecontent */
#corporate{ width:100%; background:#FFFFFF url(images_c/contentbottom_curve.gif) bottom center no-repeat; margin:0 auto; padding:0px; float:left; }
.corporateleft { width:230px;  padding:10px 5px 0px 20px; float: left; }
.corporatecenter { width:448px;  padding:10px 5px 0px 5px; float: left; }
.corporateright { width:230px;  padding:10px 20px 0px 5px; float: right; }
.blacktext{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:left; text-decoration:none; line-height:18px;}
.blacktext a{color:#000000; }
.blacktext a:hover{text-decoration:underline;}
.blacktext h2{font-size:20px; margin:0px; padding:0px 0px 6px 0px; font-family:Arial, Helvetica, sans-serif; font-size: bold;}

.corshadowimg{
width:200px;
height:199px;
float:left;
}
.corshadowimg2{
width:200px;
height:199px;
float:right;
}
.portfolioimg{
width:384px;
height:303px;
float:none;
padding-left:15px;
}

.portfolioimages{
width:162px; 
height:116px;
padding:10px 15px 0px 0px;
float:left;
margin:0px;
}

/* lister */

.contactusmap{
width:528px;
height:271px;
float:none;
margin:0 auto;
padding-top:4px;
}
.contactbox{
background:url(images_c/dotte_border.gif) repeat-x top ;

width:205px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#4d4d4d;
text-align:left;
margin:10px 8px 0px 18px;
float:left;
line-height:19px;
text-decoration:none;
padding:10px 5px 10px 5px;
}

.contactbox a{
color:#cd2024;
text-decoration:none;
}
.contactbox a:hover{
color:#cd2024;
text-decoration:underline;
}

/* lister */
.lister { padding:10px; text-align:center;}

/*BoX*/
.bodyleft{width:208px; margin:0px auto; float:left; padding:0px;}
.bodyleft h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#c40810; text-decoration:none; font-weight:bold; padding-left:10px; letter-spacing:-0.5px;}
.Box { width:208px; margin:0px auto; float:left; background:url(images_c/body_left_img.gif) right repeat-y; text-align:right; border-top:1px solid #c40810; border-bottom:1px solid #c40810;}
.Box a { font:normal 11px Arial, Helvetica, sans-serif; color:#7b9519; text-decoration:underline; }
.Box .link { font:normal 11px Arial, Helvetica, sans-serif; color:#08896f; text-decoration:underline; float: none; background:none; padding:0;}
.Box span { font:bold Arial, Helvetica, sans-serif; color:#959595;}
.Box em { padding:0; margin:0; font:italic 11px Arial, Helvetica, sans-serif; color:#505050; line-height:1.8em;}
.Box p.name { font:bold italic 11px Arial, Helvetica, sans-serif; color:#505050; text-align:right; padding:0; margin:0;}
.Box h2{text-indent:20px; text-align:left;}
/********** contact form **********/
#contactform { margin:0; padding:0px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 50px;}
#contactform label { margin:0; width:110px; display:block; padding:3px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:190px; border:1px solid #c5c5c5; margin:0px 0; padding:2px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:190px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.FBG { border-top:1px solid #fff; background:#e5e5e5; border-bottom:1px solid #c5c5c5;}
.FBG em { font:bold italic 11px Georgia, "Times New Roman", Times, serif; color:#616161; float: right;}
.FBG h2 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#0d0d0d; border-bottom:1px solid #c3c3c3; padding:20px 5px 20px 50px; margin:0;}
.FBG p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#616161; line-height:1.6em;}
.FBG img { margin:5px 5px; padding:0; float:left;}
.FBG a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#08896f; text-decoration:none;}
.FBG_resize { width:980px; margin:10px auto; padding:0; }
.fbg_box { width:300px; float:left; margin:10px 5px; padding:5px 5px; }
.Contact { width:300px; float:left; margin:10px 5px; padding:5px 5px; }
.Contact h2 { background:url(images_c/h2_bg_Contact.gif) left no-repeat;}
.Say { width:300px; float:left; margin:10px 5px; padding:5px 5px;}
.Say h2 { background:url(images_c/h2_bg_They.gif) left no-repeat;}
.What { width:300px; float:left; margin:10px 5px; padding:5px 10px;}
.What h2 { background:url(images_c/h2_bg_What.gif) left no-repeat;}
.What a { float:right; background:url(images_c/bg_a_What.gif) left no-repeat; padding:0 0 0 20px; font: bold  11px Georgia, "Times New Roman", Times, serif; color:#0d0d0d;}
/********** footer **********/
.footer { background: url(images_c/bg_footer.gif) no-repeat; padding:0; width:972px; margin:10px auto; height:106px;}
.footer p { text-align:left; font:normal 10px "microsoft Sans Serif", arial, tahoma; line-height:20px; text-decoration:none;  color:#322924; padding:8px 5px 5px 16px; margin:0;}
.footer a {font:normal 11px "microsoft Sans Serif", arial, tahoma; color:#2c2c2c; text-decoration:none;}

/********** footerIP **********/
.footerIP { padding:0; width:100%; margin:0px auto; height:106px;}
.footerarea{ background:#FFFFFF; width:972px; margin:0px auto; padding:10px 0 0 0; border-top:2px solid #c40810; height:100%;}
.footerIP p { text-align:center; font:normal 11px "microsoft Sans Serif", arial, tahoma; line-height:20px; text-decoration:none; margin:0 auto;  color:#252525; 
padding:8px 5px 5px 5x; }
.footerIP a {font:normal 11px "microsoft Sans Serif", arial, tahoma; color:#252525; text-decoration:none;}
.footerIP a:hover {font:normal 11px "microsoft Sans Serif", arial, tahoma; color:#252525; text-decoration:underline;}




p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:5px 0; background:none;}

.whiteboldtext{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}
.whitenormaltext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
line-height:18px;
}
.whitenormaltext a{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}
.whitenormaltext a:hover{
text-decoration:underline;
color:#FFFFFF;
}


/* breadcrumbs */
.site-nav {
	overflow: hidden;
	height: 35px;
	width: 100%;
}
ul.breadcrumbs {
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	line-height: 17px;
	color: #c40810;
	float: left;
	padding: 10px 0;
	margin: 0 0 0 15px;
}
ul.breadcrumbs li {
	background: url(images_c/breadcrumbs-item.gif) no-repeat 0 6px;
	padding: 0 12px 0 9px;
	margin: 0 0 0 -9px;
	float: left;
}
ul.breadcrumbs a {
	color: #000000;
	text-decoration:none;
}
ul.breadcrumbs a:hover {
	color: #000000;
	text-decoration:underline;
}

/* sidnav */
.sidnav{
	width: 208px; /*width of menu*/
	}

.sidnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.sidnav li a{
	font:11px Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
	display: block;
	padding: 3px 15px 2px 10px;
	line-height: 20px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	color:#252525;
}	
	
.sidnav li a:link, .arrowgreen li a:visited {
	color: #252525	;
}

.sidnav li a:hover{
	color: #c40810;
	background: transparent url(images_c/nav_imga.gif) no-repeat right;
  height:auto; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
}

	
.sidnav li a.selected{
	color: #c40810;
	background: transparent url(images_c/nav_imga.gif) no-repeat right;
  height: auto; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/	
}

.productimgL{
width:162px;
height:234px;
float:left;
margin:0px;
padding:0px 10px 0px 8px;
}
.productimgR{
width:162px;
height:234px;
float:right;
margin:0px;
padding:0px 10px 0px 8px;
}
.slide-out-div {
          padding: 8px;
          width: 200px;
          background:url(images_r/mainbodybg.png) repeat;
          border: 1px solid #fca520;
		        }      
				
.slide-out-div h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#14aed3; margin:0px; padding:7px 0; line-height:25px;}

.slide-out-div ul{
list-style:none;
margin:0px;
padding:0px;
}
.slide-out-div ul li{
background:url(images_r/bullet.gif) no-repeat left top;
padding:0 0 3px 15px;
float:left;
line-height:16px;
font-size:12px;

}
.slide-out-div ul li a{
text-decoration:none;
color:#3B3B3B;
}
.slide-out-div ul li a:hover{
color:#5880A7;
text-decoration:underline;
}

.slide-out-div {
          padding: 8px;
          width: 200px;
          background:url(images_r/mainbodybg.png) repeat;
          border: 1px solid #c50908;
		        }      
				
.slide-out-div h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#c50908; margin:0px; padding:7px 0; line-height:25px;}

.slide-out-div ul{
list-style:none;
margin:0px;
padding:0px;
}
.slide-out-div ul li{
background:url(images_r/bullet.gif) no-repeat left top;
padding:0 0 3px 15px;
float:left;
line-height:16px;
font-size:12px;

}
.slide-out-div ul li a{
text-decoration:none;
color:#3B3B3B;
}
.slide-out-div ul li a:hover{
color:#5880A7;
text-decoration:underline;
}

.slide-out-div2 {
          padding: 8px;
          width: 200px;
          background:url(images_r/mainbodybg.png) repeat;
          border: 1px solid #c50908;
		        }      
				
.slide-out-div2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#c50908; margin:0px; padding:2px 0; line-height:25px;}

.slide-out-div2 ul{
list-style:none;
margin:0px;
padding:0px;
}
.slide-out-div2 ul li{
background:url(images_r/bullet.gif) no-repeat left top;
padding:0 0 3px 15px;
float:left;
line-height:16px;
font-size:12px;

}
.slide-out-div2 ul li a{
text-decoration:none;
color:#3B3B3B;
}
.slide-out-div2 ul li a:hover{
color:#5880A7;
text-decoration:underline;
}
/*navigation*/
ul.homenav  { margin:10px 0px 0px 0px; padding:0 0px; width:290px; float:right;}
ul.homenav li { list-style:none; padding:2px 0px 0px 23px; margin:0; background:url(images_r/eps_icon.png) left no-repeat;}
ul.homenav li a { font:normal 15px Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px;  color:#FFFFFF;  text-decoration:none;}
ul.homenav li a:hover { color:#d7d7d7; text-decoration: none; margin:0px;}
ul.homenav li a.active { color:#d7d7d7; text-decoration: none;}

ul.homenav2  { margin:10px 0px 0px 0px; padding:0 0px; width:290px; float:right;}
ul.homenav2 li { list-style:none; padding:2px 0px 0px 23px; margin:0; background:url(images_r/webd_icon.png) left no-repeat;}
ul.homenav2 li a { font:normal 15px Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px;  color:#FFFFFF;  text-decoration:none;}
ul.homenav2 li a:hover { color:#d7d7d7; text-decoration: none; margin:0px;}
ul.homenav2 li a.active { color:#d7d7d7; text-decoration: none;}

ul.homenav3  { margin:10px 0px 0px 0px; padding:0 0px; width:290px; float:right;}
ul.homenav3 li { list-style:none; padding:2px 0px 0px 23px; margin:0; background:url(images_r/database_icon_h.png) left no-repeat;}
ul.homenav3 li a { font:normal 15px Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px;  color:#FFFFFF;  text-decoration:none;}
ul.homenav3 li a:hover { color:#d7d7d7; text-decoration: none; margin:0px;}
ul.homenav3 li a.active { color:#d7d7d7; text-decoration: none;}

ul.homenav4  { margin:10px 0px 0px 0px; padding:0 0px; width:290px; float:right;}
ul.homenav4 li { list-style:none; padding:2px 0px 0px 23px; margin:0; background:url(images_r/databasebusiness_icon.png) left no-repeat;}
ul.homenav4 li a { font:normal 15px Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px;  color:#FFFFFF;  text-decoration:none;}
ul.homenav4 li a:hover { color:#d7d7d7; text-decoration: none; margin:0px;}
ul.homenav4 li a.active { color:#d7d7d7; text-decoration: none;}

.headerrightmenu{
width:500px;
float:right;
margin:5px 15px 0 0px;
padding:0px;
height:105px;
}