@charset "utf-8";
/* CSS Document */
/* IE7,IE6,Firefox,Opera  * only for IE7,_ only for IE6*/
/*------------------------------------------------------------*
**  Tags css
**------------------------------------------------------------*/

body { margin: 0; background-color: #FFFFFF; background-image:url(../inc-images/bg.jpg); background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666;line-height:18px;}

img{ border:0px;}
h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0px; padding:0px; color:#333; }
a:link { color:#666666; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:hover { color:#567e0e; text-decoration:underline; }

/*------------------------------------------------------------*
**  IDs css
**------------------------------------------------------------*/

/* header */

#header { margin:0 auto;width:799px; height:115px; background-image:url(../inc-images/index_top.jpg); background-repeat:no-repeat; }

#nav { width:799px; height:31px; margin-left:auto; margin-right:auto; _margin-top:-3px;}
#nav_l { width:15px; height:31px; float:left; }
#nav_c { width:196px; height:31px; float:left;background-image:url(../inc-images/bg_nav.jpg); background-repeat:no-repeat;padding-top:5px; font-weight:bold;}
#nav_r { width:588px; height:31px; background-image:url(../inc-images/index_nav_pic.jpg); float:left; }

#nav_c ul{margin-top:-5px; margin-left:-35px;*margin-left:5px;position:relative;white-space:nowrap;}
#nav_c li{display:inline;list-style-type: none; margin:0px; padding:0px; text-align:center; float:left}
#nav_c ul li a { color:#9D9D9D; text-decoration:none; padding:6px; width:50px; display:block; }
#nav_c ul li a:visited { color:#9D9D9D; text-decoration:none; }
#nav_c ul li a:hover { color:#62a549; background-color:#FFF; }

#banner { width:799px; height:336px; margin-left:auto; margin-right:auto; background-image:url(../inc-images/index_banner.jpg);background-repeat:no-repeat;}

/* main */

#main { width:803px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:6px; padding-left:9px; padding-right:10px; }
#tabs { margin-top:3px;}
#tabs span { font-size: 12px; font-weight:normal; letter-spacing:2px; }
#website { background-color:#FFFFFF; width:200px; height:auto; float:left; }
#website h1 { color:#950d0d; }
#webs_text { width:180px; height:auto; padding-left:10px; padding-top:10px; }
#development { background-color:#FFFFFF;width:201px; height:auto; float:left; }
#development h2 { color:#0d3a71; }
#dev_text { width:180px; height:auto; padding-left:10px; padding-top:10px;}
#graphic { background-color:#FFFFFF;width:200px; height:auto; float:left; }
#graphic h2 { color:#567e0e; }
#grap_text { width:180px; height:auto; padding-left:10px; padding-top:10px;}
#marketing { background-color:#FFFFFF;width:202px; height:auto; float:left; }
#marketing h2 { color:#c18e1e; }
#market_text { width:180px; height:auto; padding-top:10px; padding-left:10px;}

#welcome { width:799px; height:auto; clear:both; padding-top:30px; }
#welcomeleft { float:left; width:380px; height:auto; padding-left:10px; padding-right:30px; }
#welcomeright { width:370px; float:left; }
#welcomeright h2 { padding-bottom:10px; }
#welcomeright h3 { font-size: 12px; }

/* portfolio */

#portfolio { width:100%; background-color:#efefef; padding-top:30px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding-bottom:20px; margin-top:30px; }
#portf_main { width:804px; margin-left:auto; margin-right:auto; height:auto; }
#portf_main a:link { color:#999999; text-decoration:none; font-size:9px; font-style:italic; }
#portf_main a:visited { color:#999999; text-decoration:none; font-size:9px; font-style:italic; }
#portf_main a:hover { color:#62a549; text-decoration:underline; font-size:9px; font-style:italic; }
#portf_main h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0px; padding:0px; color:#567e0e; }
#portf_upper { width:804px; height:auto; overflow:hidden; border-bottom: 1px solid #999; margin-bottom:30px; padding-bottom:30px; }
#portf_upper_1 { width:162px; float:left; padding-right:20px; }
#portf_upper_2 { width:192px; padding-left:10px; float:left; }
#portf_upper_3 { width:192px; padding-left:10px; float:left; }
#portf_upper_4 { width:192px; padding-left:10px; float:left; }
#portf_lower { width:804px; height:auto; overflow:hidden; margin-bottom:30px; }
#portf_lower_1 { width:162px; float:left; padding-right:20px; }
#portf_lower_2 { width:192px; padding-left:10px; float:left; }
#portf_lower_3 { width:192px; padding-left:10px; float:left; }
#portf_lower_4 { width:192px; padding-left:10px; float:left; }

#portfolio img { border:3px solid #fff;}
/* footer */

#footer { width:100%; background-color:#fff; margin-top:30px; }
#footer h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; color:#567e0e; }
#footer_content { width:799px; margin-left:auto; margin-right:auto; height:auto; }
#footer_content_top { padding:20px; border:1px solid #567e0e; background-color:#f2f6eb; margin-bottom:20px; }
#footer_content_news { clear:both; overflow:hidden; height:auto; }
#footer_content_news ol { padding-left:20px; margin-left:0; }
#footer_content_news li { list-style-type:lower-roman; margin-bottom:20px; }
#footer_content_news a:link { color:#567e0e; text-decoration:none;  }
#footer_content_news a:visited { color:#567e0e; text-decoration:none;}
#footer_content_news a:hover { color:#666; text-decoration:underline; }
#footer_content_news_l {padding:20px; border:1px solid #567e0e; background-color:#f2f6eb; margin-bottom:20px; margin-right:10px;  float:left; width:345px; height:auto; padding-left:10px; padding-right:30px; }
#footer_content_news_r { padding:20px; border:1px solid #567e0e; background-color:#f2f6eb; margin-bottom:20px; width:345px; float:right; }

#copyright { width:799px; clear:both; height:auto; margin-right:auto; margin-left:auto; text-align:center; margin-bottom: 20px; padding-top:30px; font-size:11px; font-family:Mingliu;color:#999;}
#copyright img { margin-top: 10px; margin-left:3px; margin-right:3px; }
#copyright a:link { color:#999; text-decoration:none;}
#copyright a:visited { color:#999; text-decoration:none;}
#copyright a:hover { color:#62a549; text-decoration:underline;}
/*------------------------------------------------------------*
**  Classes css
**------------------------------------------------------------*/
.font_green_case {color: #7E8C22}