/* CSS Document */

body { margin:0;
	   padding:0;
	   font:normal 12px Arial, Helvetica, sans-serif; 
	   color:#010101;
	   background:#E0F3FA;
	  
	  }
	  
h1, h2, h3, h4, h5, h6, p, ul, li, img { margin:0; padding:0; } 

img.left {float:left; }

img.right {float:right}

a { color:#000; text-decoration:none;}

a:hover {color:#404040;}

a:focus, a:active {outline:none; }



/*         S  ******************  tyle    */

#wrap {width:100%; margin:0; padding:0; float:left;  background:url(images/bg.jpg) 0 0 repeat-x; }

#page {width:968px; margin:0 auto; }

#inner_page {width:968px; margin:87px 0 0 0; padding:0; float:left; }

#top { width:968px; margin:0; padding:0; float:left; background:url(images/top.jpg) 0 0 no-repeat; height:15px; }

#middle { width:850px; margin:0; padding:0 59px; float:left; background:#feffff url(images/bg-middle.jpg) 0 0 repeat-x; }

			/*    header */
			
#header {width:850px; margin:0; padding:0; float:left; height:100px; }

#header_left {width:430px; height:100px; margin:0; padding:0; float:left; }
#header_left img { margin:15px 0 0 0; }

#header_right {width:253px; height:100px; margin:0; padding:0 10px 0 0; float:right; }

#header_right h2 {font:bold 28px Arial, Helvetica, sans-serif; padding:30px 0 0 0 } 

.gray {color:#636161; }
.green {color:#2cb203; }

/*  menu  */

#menu {width:850px; margin:10px 0 0 0; padding:0; float:left; }
#menu_left {width:9px; height:54px; margin:0; padding:0; float:left; background:url(images/menu-left.jpg) 0 0 no-repeat;}
#menu_middle {width:831px; height:54px; margin:0; padding:0; float:left; background:url(images/menu-middle.jpg) 0 0 repeat-x; }
#menu_middle ul {list-style:none; }

#menu_middle ul li {display:block; float:left; }

#menu_middle ul li a {display:block; float:left; height:31px; margin:0; padding:0 0 0 5px; font:bold 11px Arial, Helvetica, sans-serif; color:#15181a; text-decoration:none; }

#menu_middle ul li a b {display:block; float:left; height:31px; margin:0; padding:0 10px 0 15px; font:bold 11px Arial, Helvetica, sans-serif; color:#15181a; text-transform:uppercase; line-height:39px;  }

#menu_middle ul li a:hover {display:block; float:left; height:31px; background:url(images/menu-hover.jpg) 0 0 no-repeat;}

#menu_middle ul li a:hover b {display:block; float:left; height:31px; color:#ffffff; background:url(images/menu-hover.jpg) right top no-repeat; cursor:pointer;}

#menu_right {width:10px; height:54px; margin:0 0 0 0; padding:0; float:left; background:url(images/menu-right.jpg) 0 0 no-repeat; }
/*   end menu  */


				/*  quality */
				
#quality {width:850px; margin:2px 0 0 0; padding:0; float:left; background:url(images/box-image.jpg) 0 0 no-repeat; height:143px; }
#quality_left {width:526px; margin:0; padding:0; float:left; }
#quality_left h2 { width:516px; margin:0; padding:30px 0 0 10px; float:left; font:bold 25px Arial, Helvetica, sans-serif; color:#000000; }

#quality_left h2 small {font:bold 40px Arial, Helvetica, sans-serif; color:#0d475c; padding:0 0 0 20px; }


#quality_right {width:290px; margin:0; padding:0; float:right;  height:143px; }

#image_box {width:67px; margin:20px 0 0 0; padding:0; float:left; height:113px; background:url(images/doller.png) 0 0 no-repeat; }
* html #image_box {background:none; height:113px; filter:progid:DXImagetransform.microsoft.AlphaImageLoader(src='images/doller.png', sizingMethod='scale'); }

#image_text {width:215px; margin:15px 0 0 0; padding:40px 0 0 0; float:right; height:113px; }

#image_text h2 {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }



/*    banner  */

#banner {width:850px; margin:16px 0; padding:0; float:left; background:url(images/banner.jpg) 0 0 no-repeat;  position:relative;}




/*   box one  */

#box {width:850px; margin:0; padding:0; float:left; position:relative;}

#box1 {width:276px; height:313px; margin:0; padding:0; float:left; background:url(images/box1.jpg) 0 0 no-repeat; }
#box1 em {font:bold 16px Arial, Helvetica, sans-serif; color:#000000; text-align:right; width:60px; height:35px; float:right; padding:25px 10px 0 0; margin:10px 3px 0 0; line-height:18px; }

#box1 em small { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#010101; letter-spacing:-1px; }

.smallfont {font:normal 10px Arial, Helvetica, sans-serif; color:#0e0c0c; }

#box1 h2 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:left; padding:20px 0 0 25px; }

#box1 ul {list-style:none; width:202px; margin:0; padding:8px 0 0 0; float:left; position:relative; top:0!important; top:-30px;  }

#box1 ul li {width:202px; margin:0; padding:0 0 0 30px; display:block; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:22px; background:url(images/icon.jpg) 20px 10px no-repeat;  }

#box1 h3 {width:175px; margin:0; padding:0; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ab300b; text-align:left; padding:60px 0 0 75px } 

* html #box1 h3 {padding:40px 0 0 75px; }

.smalltext {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010101; letter-spacing:-1px; }

.smalltext a {color:#010101; text-decoration:none}

.smalltext a:hover {text-decoration:underline; }


#box2 {width:276px; height:313px; margin:0 0 0 10px; padding:0; float:left; background:url(images/box1.jpg) 0 0 no-repeat; }

#box2 em {font:bold 16px Arial, Helvetica, sans-serif; color:#000000; text-align:right; width:60px; height:35px; float:right; padding:25px 10px 0 0; margin:10px 3px 0 0; line-height:18px; }

#box2 em small { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#010101; letter-spacing:-1px; }

.smallfont {font:normal 10px Arial, Helvetica, sans-serif; color:#0e0c0c; }

#box2 h2 {  font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:left; padding:20px 0 0 20px; }

#box2 ul {list-style:none; width:202px; margin:0; padding:8px 0 0 0; float:left; position:relative; top:0!important; top:-30px;  }

#box2 ul li {width:202px; margin:0; padding:0 0 0 30px; display:block; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:22px; background:url(images/icon.jpg) 20px 10px no-repeat;  }

#box2 h3 {width:175px; margin:0; padding:0; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ab300b; text-align:left; padding:60px 0 0 75px } 
* html #box2 h3 {padding:40px 0 0 75px; }
.smaltext {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010101; letter-spacing:-1px; }

.smalltext a {color:#010101; text-decoration:none}

.smalltext a:hover {text-decoration:underline; }



#box3 {width:276px; height:313px; margin:0 0 0 10px; padding:0; float:left; background:url(images/box1.jpg) 0 0 no-repeat; }

#box3 em {font:bold 16px Arial, Helvetica, sans-serif; color:#000000; text-align:right; width:60px!important; width:70px; height:35px; float:right; padding:25px 10px 0 0; margin:10px 3px 0 0; line-height:18px; }

#box3 em small { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#010101; letter-spacing:-1px; }



#box3 h2 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0 0 10px 0; text-align:left; padding:20px 0 0 20px; }

#box3 ul {list-style:none; width:202px; margin:0; padding:0 0 0 0; float:left; position:relative; top:0 !important; top:-30px;  }

#box3 ul li {width:202px; margin:0; padding:0 0 0 30px; display:block; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:22px; background:url(images/icon.jpg) 20px 10px no-repeat;  }

#box3 h3 {width:175px; margin:0 0 0 0;  float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ab300b; text-align:left; padding:80px 0 0 75px;  }

* html #box3 h3 {padding:60px 0 0 75px; }

/*   services  */

#services {width:850px; margin:15px 0 0 0; padding:100px 0 0 0; float:left; height:74px; background:url(images/service.jpg) 0 0 no-repeat; }


#msn {width:200px; margin:0 0 0 10px; padding:0; float:left; }

#msn p {width:180px; margin:0; padding:0 10px; float:left; font:normal 12px "microsoft Sans Serif", "Sans Serif", Arial; clear:#010101; text-align:center;}


#hdd{width:200px; margin:0 0 0 20px; padding:0; float:left; }

#hdd p {width:180px; margin:0; padding:0 10px; float:left; font:normal 12px "microsoft Sans Serif", "Sans Serif", Arial; clear:#010101; text-align:center;}

#lock{width:200px; margin:0 0 0 20px; padding:0; float:left; }

#lock p {width:180px; margin:0; padding:0 10px; float:left; font:normal 12px "microsoft Sans Serif", "Sans Serif", Arial; clear:#010101; text-align:center;}

#graph{width:180px; margin:0 0 0 10px; padding:0; float:right; }

#graph p {width:160px; margin:0; padding:0 10px; float:left; font:normal 12px "microsoft Sans Serif", "Sans Serif", Arial; clear:#010101; text-align:center;}




#bottom{ width:968px; margin:0; padding:0; float:left; background:url(images/bottom.jpg) 0 0 no-repeat; height:59px; }


#footer {width:100%; margin:0; padding:0; float:left; background:#9ECCE3 url(images/footer-bg.jpg) 0 0 repeat-x; height:132px; }

#footer_in {width:968px; margin:0 auto; }

#bottom{ width:968px; margin:0; padding:0; float:left; background:url(images/bottom.jpg) 0 0 no-repeat; height:59px; }

#footer p {width:850px; margin:0; padding:0 59px; font:bold 12px Arial, Helvetica, sans-serif; color:#161616; line-height:24px; text-align:center; }

#footer p small {margin:0 5px; }


#footer h4 {width:850px; margin:0; padding:0 59px; font:normal 12px Arial, Helvetica, sans-serif; color:#161616; line-height:24px; text-align:center; }

/*   subpage  */

#banner-2 { width:850px; height:252px; margin:0; padding:0; float:left; position:relative; background:url(images/banner5.jpg) 0 0 no-repeat; }

#banner-2 h1 { width:850px; height:35px; font:bold 20px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; line-height:35px; text-align:center; }

#banner-2 p { width:820px; height:165px; font:no 12px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:10px 10px 10px 10px; }