body {
margin: 0;
padding: 0;
background: url(im/bg.gif);
font-family:verdana,sans-serif;
font-size:13px;
}
.important { font-weight:bold;}
a {
color: #2982E6;
}
a:hover {
color: #FE6B00;
}

#container { width: 910px; margin: 0 auto;padding:0px; background: url(im/bg2.gif); }

#inco {
width: 853px;
margin:0 auto 0px auto; 
padding-bottom:5px;
padding-left:1px;
}

#head {
height:91px;
background: #e88e35 url(im/head.gif);
}

a img {border: 0;}

#mid {
height:170px;
background:#e6e6e6 url(im/bg3.gif);
}

#mid1 {
height:170px;
margin: 0;
padding: 0;
float:left;
width: 393px;
background: #3b90e9 url(im/mid1.gif);
overflow: auto;
}
#mid2 {
height:170px;
margin: 0;
padding: 0;
float:left;
width: 225px;
background: #fecc37 url(im/mid2.gif);
overflow: auto;

}
#mid3 {
height:170px;
margin: 0;
padding: 0;
float:left;
width: 235px;
background: #7ebe0b url(im/mid3.gif);
overflow: auto;

}

#mid1inner { 
width:380px;
height:157px;
position:relative;
left:6px;
top:6px;
color: #fff;
font-family:arial,sans-serif;
line-height:14px;
padding-right:3px;
}
#mid2inner { 
width:218px;
height:157px;
position:relative;
left:3px;
top:6px;
}
#mid3inner { 
width:226px;
border:1px solid white;
height:157px;
position:relative;
left:2px;
top:5px;
}

.midin {
padding: 3px;
}

.findmore {
float:right;
font-size:10px;
}

.serv {
margin:0 0 0 1px;
padding:0;
width: 224px; 
font-family: arial;
font-size:11px;
list-style:none;
}
.serv li {list-style:none;margin:0;padding:0;}
.serv .webdesign {
height: 54px;
overflow:hidden;
}
.serv .webdesign a {
display:block;
background: url(im/webdesign.gif) right top;
height: 51px;padding-top:3px;
padding-right:90px;
padding-left:3px;
overflow:hidden;
color: #000;
}
.serv .webdesign a:hover {background:url(im/webdesign2.gif) right top}
.serv .seo a {
display:block;
background: url(im/seo.gif) left top;
height: 51px;padding-top:3px;
padding-left:100px;
overflow:hidden;padding-right:3px;
text-align:right;
color: #000;
}
.serv .seo a:hover {background:url(im/seo2.gif) left top}
.serv .other a {
display:block;
background: url(im/other.gif) right top;
height: 46px;
padding-right:90px;
overflow:hidden;
text-align:left;
color: #000;padding-left:3px;padding-top:3px;
}
.serv .other a:hover {background:url(im/other2.gif) right top}


.serv b {display:none;}
 .serv a {
color: #000;
text-decoration:none;
}

 #nav {
 height:31px;
 background: #ddd url(im/navbg.gif);
 margin:0;
 padding:0 10px;
 
 }
 
 #nav ul {margin:0;padding:0;list-style:none;}
 
 #nav ul li {
 display:inline;
 }
 #nav ul li a{
 display:block;
 float:left;
 height:30px;
 }
 #nav ul li a span {
 display:none;
 }
 .nhome a {
 width:55px;
 background: url(im/n_home.gif);
 }
 .nabout a {
 width:58px;
 background: url(im/n_about.gif);
 }
 .nport a {
 width:73px;
 background: url(im/m_port.gif);
 }
 .nweb a {
 width:94px;
 background: url(im/n_web.gif);
 }
 .nseo a {
 width:45px;
 background: url(im/n_seo.gif);
 }
 .nother a {
 width:113px;
 background: url(im/n_other.gif);
 }
 .ncon  a{
 width:69px;
 background: url(im/n_con.gif);
 }
 .nshop  a{
 width:51px;
 background: url(im/n_shop.gif);
 }
 .nblog  a{
 width:46px;
 background: url(im/n_blog.gif);
 }
 #nav ul li a:hover {
 background-position: 0 -30px ;
 }
 
 #cont1 {
 width:840px;
 margin: 4px auto;
 background: url(im/bg4a.gif) repeat-y;
 }
 #cont2 {
 padding:10px 10px 0 10px;
 background: url(im/bg4.gif) no-repeat;
 }
 .cont3 {
 width: 628px;
 float:left;
 
 }
 .cont4 {
 width: 190px;
 float:left;
 }
 
 .gb1 {
 background: #fff; 
 margin: 0 0 10px 0;
 padding:1px ;
 border:1px solid #dad9c9;
 }
 .gb2 {

 border:1px solid #e2e2dd;

 }
 .gb2 h2 {
 margin:0;
 padding: 6px 6px 5px 6px;
 color: #fff;
 font-weight:bold;
 font-family:verdana,sans-serif;
 font-size:14px;
 background: #90BB2C  url(im/bg5.gif) repeat-x
 }
 
 .gb2 p {
  font-size:11px;
  padding:3px 5px;

 }
 
 .lb1 {
 background: #fff; 
 margin: 0 0 10px 0;
 padding:1px ;
 border:1px solid #dad9c9;
 }
 .lb2 {

 border:1px solid #e2e2dd;

 }
 .lb2 h2 {
 margin:0;
 padding: 6px 6px 5px 6px;
 color: #fff;
 font-weight:bold;
 font-family:verdana,sans-serif;
 font-size:14px;
 background: red  url(im/lg.gif) repeat-x
 }

.lb2 h2 a {

color: #fff;
text-decoration:underline;

}
 
 .lb2 p {
  font-size:11px;
  padding:3px 5px;

 }
 
 .clear { clear:both; }
 
 .rightnav {
 list-style:none;
 margin: 5px 5px 5px 10px;
 padding: 0;
 }
 .rightnav li {
 padding-left:15px;
 background: url(im/bullet.gif) no-repeat 0 1px;
 font-size:11px;
 padding-bottom:2px;
 } 
 .rightnav li a {
 color: #214894; 
 height: 15px;
 width: 100%; 
 text-decoration:none;
 }
 .rightnav li a:hover {
 text-decoration:underline;
 } 
 
 .box { margin: 0px 35px 15px 15px; }
 .box h1 {
 font-family:Georgia,"Times New Roman",Times,serif;
 font-size:22px;
 
 color: #004d96;
 
margin:0;
padding: 0;
 }
 .box p,.box ul  {
 font-family:arial,sans-serif;
 text-align:justify;
 line-height: 16px;
 font-size:12px;
 }
 
 .footer {
 padding: 20px 10px 5px 20px;
 font-size:10px;
 text-align:right;
 }
 
 
 #cont1 h3 {
	color: #EC1100;
	font-size:12px;
	margin: 5px 5px 0px 5px;
}
#cont1 p {
	
	margin: 0 0px;
	
}


 
 .cont3 p,.cont3 ul {
 font-size:14px;
 line-height:19px;
 margin: 10px !important;
 }
 .cont3 ul li {
 margin-bottom:5px;
 }
 .cont3 ul {
 text-align:left;
 margin: 10px 40px 10px 10px !important;
 padding: 0 0 0 40px;
 }
 .center { text-align:center; }