body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
html{height:100%;overflow-y:scroll}
body{color:#333;font-size:1em;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,"Microsoft YaHei","microsoft jhenghei",sans-serif;background-color:#FFF;margin:0;padding:0}
h1,h2{color:red;font-size:.95em}
h3{color:#666666;font-size:.8em}
h2 span,h3 span{color:gray;font-family:"Microsoft YaHei","microsoft jhenghei";font-size:1.05em}
h4{color:#808080;margin:.5em 0}
blockquote{font-family:verdana,arial,helvetica,sans-serif}
a{text-decoration:none;color:#000000}
a:active,a:focus{border:0 none;outline:0 none}
#wrapper{width:1000px;color:#333;margin:0 auto;}
#header{width:100%;height:1%;display:block;background:url(themes/images/gtk-top-bg.png) top left no-repeat;overflow:hidden}
#maintitle{color:#202020;font-size:1.25em;text-indent:-99999em;width:265px;height:32px;margin:32px 0 0 18px;float:left}
#maintitle h1{font:160% Georgia,Times,serif;letter-spacing:.1em;text-align:left;margin:0}
#maintitle h1 a{display:block;width:265px;height:32px;background:url(themes/images/gtk-logo.png) top left no-repeat}
#banner{width:986px;height:260px;background:url(themes/images/gtk-new-work.png) top left no-repeat;margin-top:102px;padding-top:29px}
#banner img{margin-left:7px}
#content{width:100%;height:1%;overflow:hidden;margin-bottom:18px;padding-top:24px;background:url(themes/images/gtk-news.png) center 0 no-repeat;float:left}
#container{color:gray;width:540px;text-align:left;float:left;padding:12px 20px 10px 106px}
#home-page #container,#about-page #container,#services-page #container{color:gray;text-align:left;padding:12px 20px 10px 106px}
#home-page #container,#about-page #container{width:480px;float:left;}
#services-page #container{width:540px;float:left;}
.entry p{font-size:.75em;line-height:1.8em;text-align:justify;text-justify:inter-ideograph;margin:1.25em 0}
#sidebar{float:left;width:334px;color:#333;text-align:left;padding:12px 0 10px}
#home-page #sidebar{float:left;width:384px;color:#333;text-align:left;padding:12px 0 10px}
#sidebar .coolmac{display:block;width:384px;height:186px;background:url(themes/images/coolapple.png) top left no-repeat;margin-top:56px}
#sidebar .contact_phone{display:block;width:323px;height:191px;background:url(themes/images/contact_phone.png) top left no-repeat;margin-top:1320px}
#sidebar .gtk-baojiadan{text-indent:-99999em}
#sidebar .gtk-baojiadan a{display:block;width:149px;height:276px;background:url(themes/images/gtk-baojiadan.jpg) top left no-repeat;margin-top:2px;margin-left:125px}
#footer{color:#808080;font-size:.7em;letter-spacing:.09em;width:980px;height:61px;background:url(themes/images/gtk-footer.png) 0 7px no-repeat;padding-top:8px;text-align:center;text-indent:-99999em;clear:both;}
h2.gtk-s-project,h2.gtk-QA,h2.gtk-download,h2.contact_title,h2.howto-title,h2.about-title1,h2.about-title2,h2.work-title1,h2.work-title2{display:block;background:url(themes/images/gtk-titles.png) no-repeat;text-indent:-99999em}
h2.gtk-QA{width:342px;height:31px;background-position:0 -33px}
h2.gtk-s-project{width:342px;height:31px;background-position:0 0}
h2.gtk-download{width:342px;height:31px;background-position:0 -66px}
h2.contact_title{width:262px;height:31px;background-position:0 -99px}
h2.howto-title{width:210px;height:10px;background-position:0 -213px;margin-top:20px;margin-bottom:8px}
h2.about-title1{width:402px;height:16px;background-position:0 -193px}
h2.about-title2{width:224px;height:16px;background-position:0 -175px}
h2.work-title1{width:230px;height:16px;background-position:0 -138px}
h2.work-title2{width:189px;height:16px;background-position:0 -155px;margin-top:23px}
.entry ul{display:block;height:1%;overflow:hidden;margin:0 0 12px;padding:0}
.entry ul li.vi-design,.entry ul li.package,.entry ul li.estate,.entry ul li.album{display:block;width:124px;height:124px;background:url(themes/images/gtk-services.png) no-repeat;margin-right:6px;float:left;text-indent:-99999em}
.entry ul li.package{background-position:0 -124px}
.entry ul li.estate{background-position:0 -248px}
.entry ul li.album{background-position:0 -372px}
.entry ul li.wenjuan1,.entry ul li.wenjuan2,.entry ul li.wenjuan3{display:block;width:142px;float:left}
.entry ul li.wenjuan1 a,.entry ul li.wenjuan2 a,.entry ul li.wenjuan3 a{display:block;width:142px;height:170px;background:url(themes/images/gtk-wenjuan.png) no-repeat;text-indent:-99999em;margin:8px}
.entry ul li.wenjuan2 a{background-position:-142px 0}
.entry ul li.wenjuan3 a{background-position:-284px 0}
#grid-view{width:862px;margin:0 auto;padding:12px 0}
#grid-view .WorkThumbs{display:block;height:1%;overflow:hidden;clear:both}
#grid-view span.photo_container{display:inline;width:186px;height:188px;float:left;margin:14px}
#grid-view span.photo_container a{display:block}
#grid-view h2{margin-left:14px}
.contact-form{color:gray;width:540px;text-align:left;float:left;padding:12px 20px 10px 106px}
#name-title,#email-title,#other-title{display:block;height:15px;background:url(themes/images/gtk-comm-titles.png) no-repeat;margin-bottom:6px;text-indent:-99999em;padding:0}
#name-title{width:73px;background-position:0 0}
#email-title{width:85px;background-position:0 -15px}
#other-title{width:204px;background-position:0 -30px}
.ss-item{margin-top:8px}
.ss-q-help{font-size:.75em}
.guest-info{display:block;height:1%;overflow:hidden}
.guest-info .ss-text{display:inline;width:270px;float:left}
.guest-info .ss-text input{font-size:.75em;color:gray;width:256px;padding:3px 2px}
ul.ss-choices{font-size:.75em;width:524px;background-color:#f2f2f2;margin-top:6px;border:#e3e3e3 solid 1px;padding:0 3px}
ul.ss-choices li{margin:20px 0}
.ss-paragraph-text textarea{font-size:.75em;line-height:1.45em;color:gray;width:532px;padding:3px 2px}
input.submitbtn{display:block;width:78px;height:27px;background:url(themes/images/gtk-titles.png) -324px -99px no-repeat;text-indent:-99999em;margin-left:454px;border:0 none}
.contact-box{color:gray;font-size:.75em;line-height:2.3em;text-align:justify;text-justify:inter-ideograph}
.phone{margin-left:59px}
#gmap{width:334px;height:71px;padding-top:219px;background:url(themes/images/gmap.png) left top no-repeat;text-indent:-99999em;margin-top:234px}
#gmap a{display:block;width:334px;height:71px;background:url(themes/images/gmap.png) left bottom no-repeat;text-indent:-99999em}
sup,sub{vertical-align:baseline}
.entry ul li.vi-design,.entry ul li.wenjuan1 a{background-position:0 0}
/* =navbar */
#navbar{background:url(themes/images/gtk-navigation-top.gif) center 7px no-repeat;margin:3px 0 0;padding:27px 0 0 90px}
#navbar ul{display:block;height:31px;width:780px;text-indent:-99999em;overflow:hidden;margin:0;padding:0;position:relative}
#navbar li{display:block;width:auto;float:left;list-style:none;margin:0}
#navbar li a{color:#000;display:block;height:31px;background:url(themes/images/gtk-navigation.png) no-repeat;position:relative}
#navbar li.home a{width:84px;background-position:0 0;z-index:1}
#navbar li.about a{width:105px;background-position:-84px 0;z-index:2}
#navbar li.works a{width:108px;background-position:-189px 0;z-index:3}
#navbar li.services a{width:97px;background-position:-297px 0;z-index:4}
#navbar li.contact a{width:115px;background-position:-394px 0;z-index:5}
/*
#navbar li.home a:hover{width:84px;background-position:0 -31px}
#navbar li.about a:hover{width:105px;background-position:-84px -31px}
#navbar li.works a:hover{width:108px;background-position:-189px -31px}
#navbar li.services a:hover{width:97px;background-position:-297px -31px}
#navbar li.contact a:hover{width:115px;background-position:-394px -31px}
*/
#navbar a span.hover{background:url(themes/images/gtk-navigation.png) no-repeat top left;cursor:pointer !important;display:block;height:31px;width:100%;position:absolute;top:0;left:0;z-index:100}
#navbar li.home a span.hover{width:84px;background-position:0 -31px}
#navbar li.about a span.hover{width:105px;background-position:-84px -31px}
#navbar li.works a span.hover{width:108px;background-position:-189px -31px}
#navbar li.services a span.hover{width:97px;background-position:-297px -31px}
#navbar li.contact a span.hover{width:115px;background-position:-394px -31px}