body { margin:0; padding:0; background:#EEE url(images/09_bg.gif) repeat-x; color:#000; font-size:12px; line-height:180%; font-family:Helvetica, Arial, sans-serif;}
img { border:0;}
form,input { margin:0; padding:0;}
input.cat_textbox { padding:3px; border:1px solid #999; width:172px; background:#eee;}
input.cat_textbox_small { padding:3px; border:1px solid #999; width:160px; background:white;}
input.cat_textbox_contact,#CaptchaV2 { color:#3E0605;}
input.cat_subscribe { padding:3px; border:1px solid #999; width:160px;}
input.cat_search { width:74px; padding:3px; background:transparent; border:0; color:#012233; font-size:11px;}
textarea { border:1px solid #999; width:230px; padding:4px; background:#eee;}
ul { margin:0 0 20px; padding-left:20px;}
li { margin:0; padding:0;}
h1,h2,h3 { margin:0; padding:0; color:#191919; font-size:34px; line-height:38px; letter-spacing:-1px;}
h2 { color:#3E0605; font-size:35px; line-height:35px;}
h3 { font-size:16px; line-height:16px;}
p { margin:12px 0;}
a { color:#392C24; text-decoration:underline;}
a:hover { color:#000;}
.white { color:white;}
.white a { color:white;}
.black a { color:#000;}
.black a:hover { color:#444;}
div {margin:0 auto; text-align:left;}

.clearer { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.normal { font-weight:normal; font-size:12px; font-family:Helvetica, Arial, sans-serif;}
.small { font-size:11px;}
.right { text-align:right;}
.orange { color:#F28228;}

/*container*/
#container { width:910px;}

/*top*/
#top { position:relative; height:252px; background:url(images/09_top.gif) no-repeat bottom;}
#top-logo { position:absolute; left:2px; top:54px;}
#top-location { position:absolute; right:0; top:60px; width:182px; height:10px; background:url(images/09_locations.gif) no-repeat;}
#top-menu { position:absolute; left:538px; top:149px;}

/*home*/
#home { margin-top:28px; height:100%; overflow:hidden;}
#home-left { float:left; width:536px;}
#home-right { float:left; margin-left:37px; width:330px; display:inline;}

/*inner*/
#inner-top { position:relative; margin-bottom:34px; height:57px; border-bottom:1px solid #ccc; overflow:hidden;}
#inner-menu { position:absolute; top:17px; /*left:-8px;*/}

#inner { overflow:hidden;}
#inner-left { float:left; width:248px;}
#inner-right { float:left; width:662px; margin-top:-3px;}

.white-bg { background:white; margin-top:20px; position:relative;}
.white-text { padding:10px 55px;}
.white-btn { position:absolute; top:25px; right:30px;}

/*portfolio*/
#portfolio { margin-top:28px; height:100%; overflow:hidden;}
.portfolio { float:left; margin-right:20px; width:290px; height:354px; background:white; overflow:hidden; display:inline;}
#portfolio3 { margin-right:0;}
.portfolio a { display:block; padding:12px;}
#portfolio-menu { height:24px; border-bottom:1px solid #ccc;}
#portfolio-menu div { float:left; margin-right:6px; display:inline; height:24px; line-height:25px; overflow:hidden;}
#portfolio-menu img { margin-top:6px;}
#portfolio-content { overflow:hidden;}
#portfolio-left { float:left; width:526px; padding:13px 11px 0 0; border-right:1px solid #ccc; display:inline;}
#portfolio-preload { display:none;}
#effect-image { float:left; border:1px solid #ccc;}
#effect-image,#effect-image img { width:524px; height:524px; position:relative;}
#effect-image1,#effect-image2 { position:absolute; top:0; left:0; width:537px; height:537px; z-index:10;}
#effect-image2 { z-index:5;}
#portfolio-right { float:left; padding-top:13px; width:372px; overflow:hidden; position:relative;}
#effect-images-list { height:266px; position:relative; overflow:hidden;}
.effect-list { float:left; margin:0; padding:0; list-style:none; width:372px;}
.effect-list li { float:left; margin:0 0 13px 13px; width:80px; height:80px; display:inline; display:inline; position:relative;}
.effect-list li div { position:absolute; top:0; left:0; width:68px; height:68px; border:6px solid #ccc;}
.effect-mouseover { cursor:pointer;}
#effect-btn { height:40px;}
#effect-btn div { float:right; margin-left:6px; line-height:40px; display:inline;}
#effect-btn img { margin-top:10px;}
#effect-title-bg { height:30px; background:#1A1A1A;}
#effect-title { padding-left:13px; line-height:30px; color:white;}
#effect-info { padding:13px;}

/*service*/
#service-bg { border:1px solid #ccc; overflow:hidden;}
.service-box { padding:20px; overflow:hidden;}
.service-left { float:left; margin-right:22px; width:180px; display:inline;}
.service-left a { color:#333; font-weight:normal; text-decoration:none;}
.service-left a:hover { text-decoration:underline;}
#service-bg ul { margin:10px 0 0; padding:0; list-style:none; font-weight:bold;}
#service-bg li { padding:4px 0; line-height:110%;}
#service-design {}
#service-web {}
.service-right-bg { float:left; width:418px; height:300px; background:white;}
.service-right { padding:10px 20px 10px 25px;}
.service-right a { font-weight:bold;}
.service-view a { color:#4B98BF; text-decoration:none;}
.service-view a:hover { color:#4684A3;}

/*blog*/
#blog { height:100%; overflow:hidden;}
#blog-left { float:left; width:209px; margin-right:18px; display:inline;}
#blog-left-top { height:290px; background:url(images/09_blog.jpg) no-repeat bottom; overflow:hidden;}
#blog-left-top div { float:left; margin-right:5px; line-height:39px;}
#blog-left-top img { margin-top:9px;}
.blog-left-title { margin-top:10px; height:22px;}
#blog-left-bottom { height:353px; background:url(images/09_blog_left.jpg) repeat-y;}
#blog-left ul { margin:0; padding:0; list-style:none;}
#blog-left ul li { padding:4px 0; line-height:110%;}
#blog-right { float:left; width:682px; border-left:1px solid #ccc;}

.blog { margin:40px 0 0 20px; padding:20px 0 10px; background:white;}
.blog-box { margin:0 20px;}
.blog-date-bg { float:left; margin:0; height:20px; background:#1A1A1A;}
.blog-date { padding:0 8px; font-size:11px; line-height:20px; color:white;}
.blog-body { clear:both; padding:10px 0 20px; font-size:14px;}
.blog-bottom { border-top:1px solid #ccc; border-bottom:1px solid #ccc; min-height:33px;}
.blog-bottom h3 { float:left; padding:5px 0 0 20px; font-size:15px; line-height:30px; display:inline;}
.blog-links { float:left; padding-left:10px; height:33px; line-height:33px; display:inline;}
.comment-list { margin:40px 0 0 -380px;}

#blog-fb { position:relative; top:5px; padding:7px 10px; background:#ccc; font-size:11px; font-weight:bold;}
#blog-fb p { margin:3px 0;}
.input-fb { padding:5px; border:1px solid #999; width:177px; background:white;}

/*contact*/
#contact-left { float:left; width:670px; position:relative;}
#contact-right { float:left; width:240px;}
#contact-mel { position:absolute; top:174px; left:256px; width:371px; height:51px; background:url(images/09_studio_mel.gif) no-repeat;}
.contact-text { margin-bottom:15px;}
.contact-text strong { font-size:15px;}
.contact-table td { padding-bottom:8px;}
.captchaimg img { width:168px;}

/*subscribe*/
#subscribe-box { background:white; overflow:hidden;}
#subscribe { margin:9px 6px 6px; border:1px solid #ccc; overflow:hidden; position:relative;}
#subscribe-text { float:left; padding:20px 20px 10px; width:338px; border-right:1px solid #ccc;}
#subscribe-text h1 { position:relative; left:-4px;}
#subscribe-form { float:left; padding:40px 30px 10px; display:inline; width:170px;}
.subscribe-form { margin-bottom:5px;}
#subscribe-bg { position:absolute; top:0; right:0; width:150px; height:45px; background:url(images/09_subscribe.gif) no-repeat;}
#subscribe-article { margin:20px 0 0; width:672px;}
#subscribe-article-left { float:left; margin:0 10px 0 26px; width:176px; display:inline;}
#subscribe-article-left ul { margin:10px 0 0; padding:0; list-style:none;}
#subscribe-article-left ul li { padding:8px 0; line-height:120%;}
#subscribe-article-right { float:left; width:460px;}

/*testimonial*/
.intro { margin:10px 0 30px; background:white; overflow:hidden;}
.intro-photo { float:left; margin:15px 6px 10px 15px; width:100px; display:inline;}
.intro-info-bg { float:left; margin:15px 15px 10px 0; width:155px; height:144px; background:#E2E2E2; overflow:hidden;}
.intro-info-title { margin:25px 0 0 20px; font-size:16px; line-height:22px; font-weight:bold;}
.intro-info { margin-left:20px;}
.intro-body { float:left; width:350px;}

/*web apps - web*/
#web { float:left; margin-left:79px; width:456px; display:inline;}
#web-list { float:left; margin:20px 8px 0 0; padding:10px; width:200px; height:180px; background:white; display:inline;}
#web-list a { color:#666; font-size:10px; border:0;}
#web-list a:hover { color:#000;}
#web-list div { line-height:12px; font-weight:bold;}
#web-listimage { width:200px; height:118px;}
#web-listname { font-size:12px; margin:8px 0 0; color:#333333;}

#web-image { margin:0 0 25px 67px; width:740px;}
#web-function { margin:0 0 0 308px; width:134px; float:left; font-size:13px;}
#web-functiont { font-weight:bold; padding-left:3px; line-height:20px; border-bottom:1px #666666 dotted; margin:0; width:80px;}
#web-functions { padding-left:3px;}
#web-detail { width:364px; float:left;}
#web-detailview { background:url(/images/jd_view.gif) left center no-repeat; padding-left:27px; margin-top:10px;}
#web-detailview a { border:0; color:#666666; font-weight:bold;}
#web-detailcontent {}
#web-detailbtn { margin-top:15px;}
#web-detailbtn a { border:0;}

#web-text { float:left; width:256px;}
#web-text p {}

#web-view { margin:-75px 0 0 -13px; height:90px;}

/*pagination*/
#webapp1806pagination { position:relative; top:-10px; margin:0; padding:0; list-style:none;}
#webapp1806pagination li { padding-right:2px; display:inline;}
#webapp1806prev { font-size:14px;}
#pagination_1806 { font-size:14px; display:inline;}
#pagination_1806 a {}
#webapp1806next { font-size:14px;}

/*web apps - header*/
#webapp-header { float:left; width:410px; margin:5px 0 0 70px;display:inline;}
#webapp-rss { margin-top:20px; font-weight:bold;}
#webapp-rss a { border:0; text-decoration:none;}
#webapp-rss a img { margin-bottom:-3px;}
#webapp-menu { margin-top:15px;}

/*web apps - article - list*/
#article-form { margin-left:70px;}
#article-keyword { font-weight:bold;}
#article-search { margin-top:5px;}
#article-list { width:920px;}

#article { float:left; margin:0 10px 20px 0; padding:10px; width:200px; height:360px; background:white;}
#article-image { margin:0 0 15px 0;}
#article-image a { border:0;}
#article-image a img { width:200px; height:180px;}
#article-body { width:190px; margin:0;}
#article-name h1 { font-size:16px; line-height:16px; font-weight:bold; letter-spacing:0;}
#article-content { margin:5px 0 20px; font-size:11px; line-height:140%;}

/*footer*/
#footer-top { margin-top:28px; height:24px; border-bottom:1px solid #CECECE; background:#D8D8D8;}
#footer-link { height:36px;}
#footer-link div { height:36px; line-height:36px; float:right; margin-left:8px; display:inline;}
#footer-link img { margin-top:9px;}
#footer { background:#1A1A1A; color:white; overflow:hidden;}
#footer a { color:white; text-decoration:none;}
#footer a:hover { color:#A5CCE0;}
#footer1 { float:left; margin:26px 60px 35px 74px; width:310px; display:inline;}
#footer2 { float:left; margin:26px 0 35px; padding-top:32px; width:372px; display:inline; background:url(images/09_footer_fb.gif) no-repeat; font-size:11px;}
#footer2-left { float:left; margin-right:10px; padding:7px 0 0 2px; width:145px; display:inline; line-height:150%;}
#footer2-left strong { color:#52A5D1;}
#footer2-right-bg { float:left; width:213px; border:1px solid #5A5A5A; font-weight:bold;}
#footer2-right { padding:7px 10px;}
#footer2-right p { margin:3px 0;}
#footer2-right a { text-decoration:underline;}

#footer-bottom { clear:both; border-top:1px solid #ccc; height:30px;}
#footer4 { float:left; margin-left:74px; width:372px; height:330px; display:inline; background:url(images/09_footer_logo.gif) no-repeat;}
.footer-list { float:left; margin:0; padding:0; list-style:none; width:180px;}
.footer-list li { padding:4px 0; line-height:110%;}

#twitter_div ul { margin:10px 0; padding:0; list-style:none;}

/*menu*/
.menu-off,.menu-over,.menu-on { font-size:13px; color:#333; text-align:center;}
.menu-over { color:#666; cursor:pointer;}
.menu-on { font-weight:bold;}

.menu-off1,.menu-over1,.menu-on1 { color:#000; text-align:center;}
.menu-over1 { color:#666; cursor:pointer;}
.menu-on1 { color:white; background:#000;}

.submenu-off,.submenu-over,.submenu-on { color:#000; padding-left:10px; background:#C6C6C6 url(images/09_submenu_bg.gif) no-repeat right;}
.submenu-over { color:#666; cursor:pointer;}
.submenu-on { font-weight:bold; background-color:#A5CCE0;}