@charset "utf-8";
/* CSS Document */

body {font: 12px Georgia, "Microsoft YaHei", Times, serif;background-image: url(images/bg.jpg);margin: 0px auto;}

table {}
td { word-break: break-all;}

a:link,a:visited { font: 12px Georgia, "Microsoft YaHei", Times, serif; text-decoration: none;}
a:hover { text-decoration: none;}

img{ border: 0px; max-width: 100%; height: auto;}
hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC;}

blockquote { margin: 0px auto; text-align:left; font: normal 12px/22px Georgia, "Microsoft YaHei", Times, serif; background: url(images/close-quote.png) no-repeat right bottom; padding-left: 18px; text-indent: -18px;}
blockquote:first-letter { background: url(images/open-quote.png) no-repeat left top; padding: 0px 0px 15px 38px; font: 1.4em Georgia, "Microsoft YaHei", Times, serif;}
h1 { font: italic normal 24px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:0; padding:0;}

input { font: 12px/22px Georgia, "Microsoft YaHei", Times, serif; color: #666;}
textarea { font: 12px/22px Georgia, "Microsoft YaHei", Times, serif; padding: 10px; color: #666;}
form{ margin:0; padding:0;}

.text_red { color:#FF3300; font: bold 14px;}

/********************************/
/****** Main Layout Styles ******/
/********************************/
#wrapper { width: 100%;}
#innerWrapper { text-align: center;}

#header { width: 1000px; height: 698px; text-align: left; margin: 20px auto 0px auto; background: url(images/index_bg.png) no-repeat center top;}
#innerHeader { padding: 53px 60px;}


#bottom { font: italic normal 11px Georgia, "Microsoft YaHei", Times, serif; color: #999999; margin: 0px auto; background: url(images/bottom_bg.png) no-repeat center top; width: 1000px; padding: 10px 0px;}
#bottom ul { list-style: none; margin: 0px; padding: 0px;}
#bottom li { position: relative;}
#bottom em a:link,#bottom em a:visited { width:103px; height:92px; position: absolute; top: -68px; right: 0px; background: url(images/bottom_right.png) no-repeat left top; display:block; text-indent: -9999em;}
#bottom em a:hover { width:103px; height:92px; position: absolute; top: -68px; right: 0px; background: url(images/bottom_right.png) no-repeat left bottom; display:block; text-indent: -9999em;}


#footer { text-align: right; width: 1000px; margin: 30px auto;}
#footer ul { margin: 0px 30px; font: italic normal 17px Georgia, "Microsoft YaHei", Times, serif; color: #ccc;}
#footer a:link,#footer a:visited {font: italic bold 14px Georgia, "Microsoft YaHei", Times, serif; color: #d4c181; text-decoration:none; border-bottom: 1px #d4c181 dotted;}
#footer a:hover { color: #ccc; text-decoration:none; border-bottom: 1px #d4c181 solid;}

#footerad { list-style: none; text-align: center; width: 1000px; height: 127px; margin: 30px auto 100px auto;}
#footerad ul { list-style: none; margin: 0px 6px; padding: 0px;}
#footerad li { margin: 0px auto; list-style: none; float: left; text-indent: -9000em;}

#ad1 a:link,#ad1 a:visited { display: block; width: 329px; height: 127px; background: url(images/f_a_1.png) no-repeat top center;}
#ad1 a:hover { width: 329px; height: 127px; background: url(images/f_a_1.png) no-repeat bottom center;}

#ad2 a:link,#ad2 a:visited { display: block; width: 329px; height: 127px; background: url(images/f_a_2.png) no-repeat top center;}
#ad2 a:hover { width: 329px; height: 127px; background: url(images/f_a_2.png) no-repeat bottom center;}

#ad3 a:link,#ad3 a:visited { display: block; width: 329px; height: 127px; background: url(images/f_a_3.png) no-repeat top center;}
#ad3 a:hover { width: 329px; height: 127px; background: url(images/f_a_3.png) no-repeat bottom center;} 


/********************************/
/****** center Styles ******/
/********************************/
#center { color: #333333; margin: 0px auto; background: #e9e9e9 url(images/center_bg.jpg) no-repeat top center; width: 1000px; height:170px; padding: 10px 0px;}
#center_sidebar { float: left; width: 383px; margin:20px auto 0px auto;}
#center_content { text-align:center; float: left; width: 617px; margin:20px auto 0px auto;}



/********************************/
/****** blog title desc ******/
/********************************/
#sitelogo { width: 181px; float: left;}
#sitetitle { position: absolute; width: 100px; font: italic normal 24px/26px Georgia, "Microsoft YaHei", Times, serif; text-indent: -9000em;}
#sitedesc { position: absolute; width: 100px; font: italic normal 17px/26px Georgia, "Microsoft YaHei", Times, serif; text-indent: -9000em;}


/********************************/
/****** menu ******/
/********************************/
#menu { list-style: none; padding:  21px 0px 0px 0px; margin: 0px; position: relative; text-align: right;}
#menu span { display: none; position: absolute;}
#menu ul{ margin: 0px;	padding: 0px;}
#menu li{ display: inline; list-style: none; padding-left: 5px; padding-right: 5px; margin: 0px;}
#menu a:link,#menu a:visited{ font: italic normal 18px Georgia, "Microsoft YaHei", Times, serif; color: #333; padding: 12px; padding-left: 5px; padding-right: 5px; text-decoration: none;}
#menu a:hover { background: url(images/menu_bg.png) no-repeat center center; color: #000;}
#menu a:hover span{ display: block;}
#menu .hi {}
#menu .hi span { text-align:right; width: 283px; height: 77px; background: url(images/menu_1.png) no-repeat; right: 250px; top: -70px;}
#menu .about {}
#menu .about span { text-align:right; width: 282px; height: 77px; background: url(images/menu_2.png) no-repeat; right: 200px; top: -70px;}
#menu .what {}
#menu .what span { text-align:right; width: 298px; height: 77px; background: url(images/menu_3.png) no-repeat; right: 120px; top: -70px;}
#menu .work {}
#menu .work span { text-align:right; width: 274px; height: 77px; background: url(images/menu_4.png) no-repeat; right: 80px; top: -70px;}
#menu .blog {}
#menu .blog span { text-align:right; width: 297px; height: 77px; background: url(images/menu_5.png) no-repeat; right: 60px; top: -70px;}
#menu .contact {}
#menu .contact span { text-align:right; width: 218px; height: 77px; background: url(images/menu_6.png) no-repeat; right: 40px; top: -70px;}


#menu_top { color: #FF6600; margin: 0 0 15px 0;}
#menu_top a:link,#menu_top a:visited { color: #666; margin:0 5px;}
#menu_top a:hover { color: #FF6600; border-bottom:1px #666666 dotted;}


/********************************/
/****** tags ******/
/********************************/
#tags a:link,#tags a:visited {color:#000;}
#tags a:hover {}



/********************************/
/****** sidebar ******/
/********************************/
#sidebar { float: left; width: 383px;}
#sidebar_article { padding: 0px 20px 10px 60px;}
#sidebar_article ul {}
#sidebar_article li { margin:10px 0; color:#ccc;}
#sidebar_article a:link,#sidebar_article a:visited { font: 12px Georgia, "Microsoft YaHei", Times, serif; color: #666;}
#sidebar_article a:hover { color: #ff3300; border-bottom: 1px #ff3300 solid;}

#leftarticle ul { list-style: none; margin: 0px; padding: 10px;}
#leftarticle li { display: inline; list-style: none; position: relative; width: 100%; color:#666;}
#leftarticle em { width:48px; height:43px; position: absolute; top: -20px; left: 0px; background: url(images/blockquote2_ico.png) no-repeat center center;}
#leftarticle blockquote { margin: 0px auto; text-align:left; font: normal 12px/22px Georgia, "Microsoft YaHei", Times, serif; background: url(images/close-quote2.png) no-repeat right bottom; padding:0 20px 0 18px; text-indent: -18px;}
#leftarticle blockquote:first-letter { background: url(images/open-quote2.png) no-repeat left top; padding: 0px 0px 15px 38px; font: normal 12px/22px Georgia, "Microsoft YaHei", Times, serif;}


/********************************/
/****** content ******/
/********************************/
#content { float: left; width: 617px; list-style: none;}
#content ul { list-style: none; margin: 0px; padding: 0px;}
#content li { position: relative; height: 287px; padding: 40px 0 60px 0; background: url(images/banner_bg.png) no-repeat center center; text-align: center;}
#content em { text-align:left; width: 617px; height: 374px; position: absolute; top: 0px; left: 0px; background: url(images/banner_mark.png) no-repeat center center;}

#content_pic { text-align:left; margin: auto; width: 526px; height: 287px; background:#666666;}

#content2 { margin: 0px auto; width: 617px; text-align:center;}
#content2 ul { list-style: none; margin: 0px; padding: 0px; position: relative;}
#content2 em { width:139px; height:199px; position: absolute; top: -60px; left: -60px; background: url(images/banner2_bg.png) no-repeat left top;}

#content a:link,#content a:visited { color:#000; border-bottom:1px #999999 dotted;}
#content a:hover { border-bottom: 1px #FF3300 solid;}





/********************************/
/****** googleads ******/
/********************************/
#ads1 { padding: 10px; height: 50px;text-align: center;}

#adstop { list-style: none; width: 1000px; margin: 0px auto;}
#adstop ul { list-style: none; margin: 0px; padding: 0px;}
#adstop li { position: relative; width: 1000px; height: 80px; margin: 0px auto; background: #000000;}
#adstop em { position: absolute; top: 65px; right: 20px;}

#ads2 { padding: 30px 0; height: 80px; overflow: hidden;}

#adsbottom { list-style: none; width: 1000px; margin: 0px auto;}
#adsbottom ul { list-style: none; margin: 0px; padding: 0px;}
#adsbottom li { position: relative; width: 1000px; height: 180px; margin: 0px auto; background: #000000;}
#adsbottom em { position: absolute; top: -10px; right: 20px;}

#ads3 { width: 1000px; margin: 0px auto; background:#333333;}



/********************************/
/****** Image Preview ******/
/********************************/
#screenshot{ text-align: center; position:absolute; display:none; color:#fff; font: italic normal 17px Georgia, "Microsoft YaHei", Times, serif;}


/********************************/
/****** about vei ******/
/********************************/
#aboutvei { margin: 0px auto; width: 617px;}
#aboutvei h1 { font: italic normal 24px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; text-align:center; margin:0; padding:0;}
#aboutvei ul { list-style: none; margin: 0px; padding: 0px; position: relative;}
#aboutvei em { width:268px; height:192px; position: absolute; top: -50px; left: 0px; background: url(images/veiphoto.png) no-repeat left top;}


/********************************/
/****** what i do ******/
/********************************/
#whatido { float: left; margin: 0px auto; width: 617px;}
#whatido h1 { font: italic normal 24px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:0; padding:0;}
#whatido h2 { font: 17px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:10px 0 0 20px; padding:0;}
#whatido ul { margin: 0px; padding: 0px; position: relative;}
#whatido li { margin:5px 0 0 40px; text-indent: 10px; color:#666666;}
#whatido em { width:272px; height:400px; position: absolute; top: -20px; left: 0px; background: url(images/veiwhatido.png) no-repeat left top;}

#whatido a:link,#whatido a:visited { color:#000; border-bottom:1px #999999 dotted;}
#whatido a:hover { border-bottom: 1px #FF3300 solid;}

#whatido2 h2 { font: 17px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:10px 0 0 0; padding:0;}
#whatido2 li { margin:5px 0 0 0; color:#666666;}


/********************************/
/****** contact ******/
/********************************/
#contact { float: left; margin: 0px auto; width: 617px;}
#contact h1 { font: italic normal 24px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:0; padding:0;}
#contact h2 { font: 17px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300; margin:0 0 0 20px; padding:0;}
#contact ul { margin: 0px; padding: 0px; position: relative;}
#contact li { margin-left:40px; text-indent: 10px; color:#666666;}
#contact em { width:220px; height:252px; position: absolute; top: -20px; left: 0px; background: url(images/veicontact.png) no-repeat left top;}

.contact_inp_focus{background-color:#fbf6da;vertical-align:middle}
.contact_tip{ margin-left:9px;color:#ff3300; visibility:hidden;}
.contact_tips{margin-left:9px;color:#3E958C; visibility:hidden;}


/********************************/
/****** veiworks ******/
/********************************/
#veiworks { margin: 0px auto; width: 617px;}
#veiworks span {font: 12px/22px Georgia, "Microsoft YaHei", Times, serif;}
#veiworks h1 { font: italic normal 24px Georgia, "Microsoft YaHei", Times, serif; color: #FF3300;}
#veiworks ul { position: relative;}
#veiworks em { width:268px; height:192px; position: absolute; top: -50px; left: 0px; background: url(images/veiphoto.png) no-repeat left top;}

#works_years { background:#FFFFFF; margin:auto; width:1000px;}
#works_years ul { text-align:left; list-style:none; margin: 0 60px; padding:0 0 60px 0; background: url(images/works_years_bg.png) no-repeat left bottom;}
#works_years li { float:left; padding:10px 10px;}
#works_years span { font:italic normal 22px Georgia; color:#000; text-decoration:none; background:url(images/menu_bg.png) no-repeat center center; padding:10px;}
#works_years a:link,#works_years a:visited { font:italic normal 22px Georgia; color:#999; text-decoration:none; padding:10px;}
#works_years a:hover { color:#000; text-decoration:none; background:url(images/menu_bg.png) no-repeat center center;}

#works_center { background:#FFFFFF; width:1000px; height:13650px; margin:auto;}
#works_center_2007 { background:#FFFFFF; width:1000px; height:9100px; margin:auto;}
#works_center_2006 { background:#FFFFFF; width:1000px; height:12400px; margin:auto;}
#works_center_2005 { background:#FFFFFF; width:1000px; height:12400px; margin:auto;}
#works_center_p { font: italic normal 50px Georgia; color:#81ecea; text-align:left; float:left; width:780px; margin:20px 0 0 60px; padding: 0 0 0 130px; background:url(images/works_desc_bg_2.png) no-repeat left top;}

#works_similar { float:left; background:#FFFFFF; width:1000px; margin:auto;}
#works_similar ul { margin:0 100px; border-bottom: 1px #ccc dotted; padding:30px 0;}
#works_similar blockquote { margin: 0px auto; text-align:left; font: normal 12px/22px Georgia, "Microsoft YaHei", Times, serif; background: url(images/close-quote2.png) no-repeat right bottom; padding:0 20px 0 18px; text-indent: -28px;}
#works_similar blockquote:first-letter { margin: 0px auto; text-align:left; background: url(images/open-quote2.png) no-repeat left top; padding: 0px 0px 15px 38px; font: normal 12px/22px Georgia, "Microsoft YaHei", Times, serif;}

#works_center_totop { width:200px; float:right; text-align:right; margin:0; padding: 10px 0 0 0;}
#works_center_totop a:link,#works_center_totop a:visited { font:bold 12px Georgia, "Microsoft YaHei", Times, serif; color:#fff; padding: 10px 30px 2px 5px; background: #81ecea url(images/works_desc_top.png) no-repeat right bottom;}
#works_center_totop a:hover { color:#fff; background:#a1a1a1 url(images/works_desc_top.png) no-repeat right bottom;}

#works_center_left { width:383px; float:left;}
#works_center_right { width:617px; float:right; text-align:center;}
#works_center_right_content { width: 554px; list-style: none; margin:auto;}
#works_center_right_content ul { list-style: none; margin: 0px; padding: 0px;}
#works_center_right_content li { position: relative; height: 394px; margin:0; padding:0; background:  url(images/veiworks_bg.png) no-repeat center center; text-align: center;}
#works_center_right_content em { text-align:left; width: 554px; height: 413px; position: absolute; top: -15px; left: 0px; background: url(images/veiworks_mark.png) no-repeat center center;}

#works_center_right_content_pic { padding:50px 0 0 0; margin:auto; width: 500px; height: 350px;}

#works_desc { font: 12px/22px Georgia, "Microsoft YaHei", Times, serif; color:#666; text-align:left; margin:0 0 0 60px; padding:30px 30px 40px 40px; background:url(images/works_desc_bg.png) no-repeat left top;}
#works_desc h1 { font: italic normal 22px Georgia, "Microsoft YaHei", Times, serif; color:#ff3300; margin: 0 0 10px 0;}
#works_desc span { font:italic normal 17px Georgia, "Microsoft YaHei", Times, serif; color:#000; display:block;}
#works_desc p { margin: 0 0 10px 0;}

#works_desc a:link,#works_desc a:visited { font: 12px Georgia, "Microsoft YaHei", Times, serif; color: #666; border-bottom: 1px #ccc dotted;}
#works_desc a:hover { color: #ff3300; border-bottom: 1px #ff3300 solid;}
#works_desc a:active { text:expression(target="_blank");}