* { padding:0; margin:0; }
body { background:#E9E9E9; font: 80%/1.3em Georgia; color:#333; }

img { border-width:0; }

a { color:#0099cc; text-decoration:none; } 
a:hover { text-decoration:underline; }
a:focus { outline: none; } 

h1, h2, h3, h5, h6 { margin:0 0 15px 0; padding:0; color:#423e37; }
h1, h2, h3, h4 { font-family:Tahoma; }
h1 { font-size: 220%; line-height:1.3em; font-weight:normal; }
h2 { font-size: 210%; line-height:1em; font-weight:normal; }
h3 { font-size: 195%; line-height:1.15em; font-weight:normal; color:#DC1818; background-image:url("../images/services_icons.gif"); background-repeat:no-repeat; padding-left:40px; margin-top:20px; }
h4 { font-size: 160%; line-height:1.1em; font-weight:normal; }
h5 { font-size: 13px; }
h6 { font-size: 110%; margin-bottom:5px; }

p { padding:0; margin:0 0 15px 0; line-height:1.25em; }

ul, ol { padding:0 0 5px 15px; margin:0 0 5px 15px; }
ul li, ol li { margin:0 0 5px 0; line-height:1.25em; }

select, input, textarea { font:100% Arial; color:#424242; }

.clear { clear:both; }


.main-container { min-width:980px; }


.header { height:114px; background:#050505 repeat-x; border-bottom:1px groove; }
.header-wrapper { width:900px; margin:0 auto; padding:0 10px; }
.header .logo { float:left; margin:20px 150px 0 0; }

ul.top-menu { padding:0; margin:0 -10px 0 0; list-style:none; float:left; position:relative; }
ul.top-menu li { float:left; color:#1c2126; font-family:Georgia; font-size:160%; margin:0 2px 0 0; padding:52px 18px 8px 18px; line-height:1.2em; }
ul.top-menu li b { font-weight:normal; }
ul.top-menu li.selected { background:#DC1818 repeat-x 0 100%; }
ul.top-menu li a { color:#FFFFFF; }


.index-welcome { height:284px; border-bottom:1px groove; background:url(header.jpg); }
.index-welcome-box { height:284px; width:900px; margin:0 auto; position:relative; background:url(header_bg.jpg); }
.index-welcome .w-txt { width:435px; padding:71px 0 0 450px; }
.index-welcome .w-txt h1 { margin-bottom:15px; padding-bottom:11px; font-style:italic; color:#fff; font-size:335%; letter-spacing:-1px; background:url("../images/ind_wel_sep.jpg") no-repeat 0 100%; }
.index-welcome .w-txt h1 i { color:#ffa22a; }
.index-welcome .w-txt h1.drw { width:536px; height:77px; overflow:hidden; background:url("../images/title_ipwmd.gif") no-repeat; text-indent:-2100px; padding:0; margin:0 0 -9px -2px; position:relative; }
.index-welcome .w-txt h2 { padding:10px 0 0 0; color:#050505; font-size:150%; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:25px; text-align:center;  }
.index-welcome .w-txt strong { color:#000; font-family:Georgia; font-size:160%; font-weight:normal; line-height:1.15em; }
.index-welcome .w-txt strong a { color:#a2d840; }

.index-welcome .pic2010 { position:absolute; bottom:0; right:-65px; width:398px; height:299px; background:url("../images/ind_2010.png") no-repeat; }
.index-welcome .murrrch { position:absolute; bottom:0; right:-35px; width:355px; height:284px; background:url("../images/murrrch.gif") no-repeat; }
.index-welcome .peace { position:absolute; bottom:0; right:17px; width:310px; height:306px; background:url("../images/girl.png") no-repeat; }

.inner-top { background:#FEFDCF repeat-x; border-bottom:1px groove; }
.inner-top-box { height:115px; width:900px; margin:0 auto; position:relative; }
.inner-top h2 { color:#050505; font-size:300%; padding:16px 0 1px 0; margin:0; line-height:1.2em; }
.inner-top strong { font-family:Georgia; color:#000; font-size:170%; line-height:1.2em; font-weight:normal; }

.inner-top .btn-request { width:271px; height:53px; float:right; margin:30px -1px 0 0; background:url("../images/request_btn.gif") no-repeat; }
.inner-top .btn-request b { display:none; }

.inner-top .contact-icon { width:350px; height:115px; position:absolute; top:0; right:-10px; background:url("../images/contact_pic.png") no-repeat; }
.inner-top .blog-pic { width:526px; height:115px; position:absolute; top:0; right:-10px; background:url("../images/blog_hd_pic.png") no-repeat; }


.cnt-container { background:#fff; border-top:1px solid #fff; border-bottom:1px solid #dbdcd1; }

.inner-wrapper { width:900px; min-height:200px; margin:0 auto; }
.inner-cnt { float:left; width:590px; }
.inner-right { float:right; width:290px; padding:39px 0 20px 0; }

.inner-cnt .txt-box { padding:37px 20px 20px 0; }
.inner-cnt .txt-box p { font-size:12px; line-height:1.25em; }
.inner-cnt .txt-box ul, .inner-cnt .txt-box ol { font-size:12px; line-height:1.25em; }
.inner-cnt .txt-box ul small, .inner-cnt .txt-box ol small { color:#777; }


/* blog css */

.p82-blog-box { padding:37px 20px 20px 0; }
.p82-blog-sidebar-note { display:none; }

.p82-blog-box .navigation { padding:0 0 15px 0; height:20px; }
.p82-blog-box .navigation .alignleft { float:left; }
.p82-blog-box .navigation .alignright { float:right; }

.p82-blog-index-post { margin-bottom:30px; }
.p82-blog-index-post .post-title { margin-bottom:5px; margin-left:-2px; }
.p82-blog-index-post .date { display:block; font-size:85%; color:#999; }
.p82-blog-index-post .entry { padding:13px 0 5px 0; }
.p82-blog-index-post .post-tags { color:#777; padding:0 0 3px 0; font-size:90%; }
.p82-blog-index-post .postmetadata { color:#777; font-size:90%; }
.p82-blog-index-post .postmetadata span.sep { color:#bbb; padding:0 5px; position:relative; top:-1px; }
.p82-blog-index-post img.alignleft { margin:0 20px 15px 0; float:left; }

.blog-post-item { padding:0 0 20px 0; }
.blog-post-item .post-title { margin-bottom:5px; margin:0 0 20px -2px; }
.blog-post-item .post-tags { color:#777; padding:0 0 3px 0; font-size:90%; }
.blog-post-item .alt-note { font-size:90%; color:#777; line-height:1.2em; }
.blog-post-item .alt-note span { padding:0 5px; color:#aaa; font-size:110%; }
.blog-post-item img.alignleft { margin:0 20px 15px 0; float:left; }
.blog-post-item .entry { padding:0 0 5px 0; }

.p82-blog-box .comments-list-box { background:; }
.p82-blog-box .comments-list-title { margin-bottom:20px; }
.p82-blog-box .commentlist { padding:0 0 5px 0; margin:0; list-style:none; }
.p82-blog-box .commentlist li { margin:0; padding:0 0 10px 24px; background:url("../images/comment_icon.gif") no-repeat 0 3px; }
.p82-blog-box .commentlist .comment-body { padding:0; }
.p82-blog-box .commentlist .comment-meta { padding:1px 0 3px 1px; font-size:85%; color:#999; }
.p82-blog-box .commentlist .comment-meta a { color:#999; }
.p82-blog-box .commentlist .comment-author { font-size:85%; padding:0 0 7px 0; }
.p82-blog-box .commentlist .comment-author span { color:#777; }
.p82-blog-box .commentlist .comment-author b { font-size:110%; }
.p82-blog-box .commentlist .comment-author span a { color:#777; }
.p82-blog-box .commentlist .comment-author .sep { color:#aaa; padding:0 5px; font-size:110%; }
.p82-blog-box .commentlist .comment-txt-body { font-size:90%; line-height:1.25em; color:#444; }
.p82-blog-box .commentlist .comment-txt-body p { line-height:1.25em; }

.p82-blog-box .comments-form-box { background:; padding:20px 0 10px 0; }
.p82-blog-box .comments-form-box h4 { margin-bottom:20px; }

.comments-table-form { margin-bottom:10px; }
.comments-table-form td { vertical-align:top; }
.comments-table-form td.label { padding:3px 15px 7px 0; }
.comments-table-form td.inp-box { padding:0 10px 7px 0; }
.comments-table-form td.inp-box input { padding:2px; }
.comments-table-form td.c-note { padding:4px 0 7px 0; }
.comments-table-form td.c-note small { font-size:85%; color:#999; }

h6.rss-feed { margin-bottom:10px; }
h6.rss-feed a { padding:0 0 0 21px; background:url("../images/rss_icon.gif") no-repeat; }

/* end blog css */


ul.spec-ul, .inner-cnt .txt-box ul, .index-services .services-box ul { padding:0; margin:0 5px 15px 5px; list-style:none; position:relative; font-size:12px; }
ul.spec-ul li, .inner-cnt .txt-box ul li, .index-services .services-box ul li { background:url("../images/ar1.gif") no-repeat 0 6px; padding-left:13px; line-height:1.5em; margin-bottom:5px; }


ul.nav-right { padding:0 0 10px 0; margin:-9px 0 0 0; list-style:none; }
ul.nav-right li { padding:0 0 2px 0; margin:0; font:bold 14px Georgia; border-bottom:1px dotted #CCCCCC ; background:; }
ul.nav-right li.lst { background:none; }
ul.nav-right a, ul.nav-right b { display:block; padding:9px 0 1px 22px; text-decoration:none; background:url("../images/ar2.gif") no-repeat 0 11px; }
ul.nav-right b, ul.nav-right a:hover { background-position:0 -29px; text-decoration:none; }
ul.nav-right a:hover { color:#005588; }

ul.faq-nav { padding:0 0 39px 0; margin:0; list-style:none; }
ul.faq-nav li { padding:0 0 0 21px; margin:0 0 10px 0; }

.easy-nav { padding:0 20px 39px 20px; }
.easy-nav h4 { font-size:160%; margin-bottom:12px; }
.easy-nav ul { padding:0; margin:0 0 30px -2px; list-style:none; }
.easy-nav ul li { padding:0; margin:0 0 5px 0; color:#999; line-height:1.15em; }
.easy-nav ul li a { padding:0 2px 1px 2px; text-decoration:none; }
.easy-nav ul li a:hover { background:#0099cc; color:#fff; text-decoration:none; }
.easy-nav ul li b { padding:0 3px 1px 3px; background:#fff; color:#fff; }
.easy-nav ul li a.selected, .easy-nav ul li.current-cat a { background:#4f4d47; color:#fff; }

.easy-nav .most-popular-posts ul { margin-left:0; }
.easy-nav .most-popular-posts ul li a { padding:0; }
.easy-nav .most-popular-posts ul li a:hover { background:none; color:#0099cc; text-decoration:underline; }


.sep-line { height:2px; overflow:hidden; margin:0 0 30px 0; background:; }


.partnership-note { margin-bottom:100px; position:relative; width:270px; }
.partnership-note h4 { padding:16px 20px 20px 20px; background:#fff; font-style:italic; color:#606053; line-height:1.25em; margin:0; font-size:140%; }
.partnership-note h4 a { text-decoration:none; display:block; margin-bottom:2px; }
.partnership-note h4 a:hover { color:#66aa00; }
.partnership-note .ar { display:block; position:absolute; bottom:-73px; left:0; width:114px; height:73px; background:url("../images/cat.gif") no-repeat; }

.index-bottom .partnership-note { float:left; margin-bottom:0; margin-top:33px; } 
.index-bottom .partnership-note .learn-more { position:absolute; bottom:-27px; right:28px; }


.services-box { padding:34px 0 25px 0; }
.services-box .s-item { margin-bottom:35px; }
.services-box .s-item h3 { margin-bottom:13px; left:5px; position:relative; line-height:1.1em; }
.services-box .s-item h3 a { color:#DC1818; text-decoration:none; padding:0 0 5px 38px; cursor:pointer; background-image:url("../images/services_icons.gif"); background-repeat:no-repeat; }
.services-box .s-item h3 a:hover { color:#0099cc; }
.services-box .s-item p { font-size:12px; line-height:1.25em; padding-right:5px; margin:0px 0px 5px 5px; }
.services-box .s-item strong { font-weight:normal; }
.services-box .s-item1 a { background-position:0 1px; }
.services-box .s-item2 a { background-position:0 -39px; }
.services-box .s-item3 a { background-position:0 -79px; }
.services-box .s-item4 a { background-position:0 -119px; }

.index-services { background:#fff; }
.index-services .services-box { width:900px; margin:0 auto; padding:15px 0 20px 0; }
.index-services .services-box .s-item  { width:280px; float:left; margin:0;}
.index-services .services-box .s-item1, .index-services .services-box .s-item2   { margin-right:30px;}
.index-services .services-box .clear { height:0; overflow:hidden; }
.index-services .services-box .home1, .index-services .services-box .home2 { width:420px; float:left; margin:0; margin-right:30px;}

.index-services .services-box .p-item  { width:280px; float:left; margin:0; -moz-border-radius:10px 10px 10px 10px; border:1px solid #DDDCDA; display:inline-block; height:500px;}
.index-services .services-box .p-item1, .index-services .services-box .p-item2   { margin-right:25px; -moz-border-radius:10px 10px 10px 10px; border:1px solid #DDDCDA; display:inline-block; height:500px;}

.index-bottom { padding:35px 0 50px 0; width:920px; margin:0 auto; }
.index-bottom .clear { height:0; overflow:hidden; }

/* featured projects */
.featured-projects { float:left; width:595px; padding-right:45px; }
.featured-projects .fp-title { float:left; font-size:170%; margin-bottom:7px; width:315px; padding-left:10px; }
.featured-projects .all-projs { float:left; margin:4px 0 0 0; background:url("../images/ar3.gif") no-repeat 100% 7px; padding-right:13px; }
.featured-projects .fp-buttons { margin:2px 0 0 0; float:right; width:69px; height:31px; background:url("../images/proj_arrows_bg.gif") no-repeat; padding-right:10px; }
.projects-carousel { padding:0; margin:0; list-style:none; height:180px; width:580px; overflow:hidden; }
/* end featured projects */
.iphone-carousel { padding:0; margin:0; list-style:none; height:460px; width:320px; overflow:hidden; }


.works-list { padding:12px 0 30px 0; margin:0 -30px 0 -5px; position:relative; width:610px; }
.works-list .w-item { float:left; width:295px; margin:0 10px 15px 0; }
.works-list .w-item a { display:block; text-decoration:none; line-height:1.2em; cursor:pointer; background:#fff; padding:5px; }
.works-list .w-item b { display:block; font-weight:normal; font-size:120%; line-height:1.2em; color:#777; padding:3px; }
.works-list .w-item a:hover b { color:#333; }
.works-list .w-item a img { -moz-opacity:0.9; opacity:.90; filter:alpha(opacity=90); }
.works-list .w-item a:hover img { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
.works-list .clear { height:0; overflow:hidden; }

.works-list-ex { padding:0 0 30px 0; margin:-15px -30px 0 -5px; }
.works-list-ex .sep-line { width:590px; margin-bottom:20px; margin-left:5px; }
.works-list-ex h4 { padding:0 0 0 5px; }

.works-list-ex2 { padding:0; margin:0 -30px 0 -5px; }
.works-list-ex2 h4 { padding:0 0 0 5px; }

.pages { height:25px; padding:5px 0 15px 0; line-height:1.25em; font-size:115%; }
.pages span, .pages b, .pages a { float:left; display:block; }
.pages span { color:#999; padding:2px 8px 2px 0; }
.pages span.nums { padding:0 10px 0 5px; }
.pages span.nums b, .pages span.nums a { padding:2px 8px 2px 8px; border:1px solid #ccc; text-decoration:none; margin-right:3px; font-weight:bold; }
.pages span.nums a:hover { border-color:#333; }
.pages span.nums b { border-color:#333; background:#333; color:#fff; }

.works-list .pages { padding-left:5px; }


.work-content { padding:33px 0 20px 0; position:relative; width:100%; }
.work-main-screen { position:relative; }
.work-main-screen img { position:relative; border:10px solid #fff; margin:0 -10px 10px -10px; }

.work-main-screen2 { margin:0 0 10px 0; }

.work-content .title-icon { margin:0 5px -20px 0; }

.work-more-box { position:relative; margin:0 -10px; width:610px; }
.work-more-box a { float:left; margin-right:10px; }
.work-more-box a img { border:10px solid #fff; -moz-opacity:0.9; opacity:.90; filter:alpha(opacity=90); }
.work-more-box a:hover img { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }

.work-testimonial { position:relative; margin:0 0 0 -33px; padding:0 0 0 33px; background:url("../images/icon_ts.gif") no-repeat 0 28px; }
.work-testimonial h4, .work-testimonial p { margin-bottom:12px; }

.work-back-link { padding:10px 0 40px 0; }


.contact-info { padding:0 12px 30px 12px; }
.contact-info h4 { margin-bottom:20px; }
.contact-info .cItem { line-height:1.2em; height:25px; }
.contact-info .cItem span { float:left; width:50px; }
.contact-info .cItem b { float:left; }

.privacy { padding:15px 20px 5px 20px; color:#777; font-size:85%; background:#E3E5E8; margin-bottom:20px; }
.privacy h6 { margin-bottom:5px; }
.privacy p { line-height:1.25em; }


.orderForm { padding:5px 0 15px 0; }
.contactForm { padding:0; }

.orderForm .tableForm td { vertical-align:top; }
.orderForm .tableForm .value { padding:3px 0 4px 0; }
.orderForm .tableForm .value input { padding:1px; }
.orderForm .tableForm .label { padding:6px 15px 6px 0; white-space:nowrap; width:79px; font-size:110%; }
.orderForm .tableForm .type .value { padding:15px 0 6px 0; }
.orderForm .tableForm .type select { width:130px; }
.orderForm .tableForm .type select option { padding:0 3px; }
.orderForm .tableForm .type .label { padding:17px 15px 7px 0; }
.orderForm .tableForm .file { padding:16px 0 19px 0; }
.orderForm .tableForm .file .fileLabel { padding:0 0 5px 0; font-size:110%; }
.orderForm .tableForm .msg { padding:10px 0 18px 0; }
.orderForm .tableForm .msg .msgLabel { padding:0 0 5px 0; font-size:110%; }
.orderForm .tableForm .msg textarea { width:520px; }
.orderForm .tableForm .buttBox input { cursor:pointer; border:none; background:#707471; color:#fff; font-weight:bold; font-size:110%; width:110px; padding:2px 0 4px 0; }
.orderForm .tableForm .buttBox input:hover { background:#60645f; }
.orderForm .fright { float:right; padding-right:4px; }
.orderForm .fileNotes { line-height:1.1em; padding:2px 0 10px 0; width:520px; font-size:85%; color:#777; }
.orderForm .max { color:#cc0000; }
.orderForm .min { }
.orderForm small { color:#777; font-size:80%; }

.orderForm .subject-line .value { padding-top:13px; }
.orderForm .subject-line .label { padding-top:15px; }

.errorForm { padding-right:10px; }
.errorForm .error { padding:7px 10px 8px 10px; left:-10px; position:relative; background:#fff; color:#cc0000; margin-bottom:15px; line-height:1.1em; }

input.form-button { cursor:pointer; border:none; background:#707471; color:#fff; font-weight:bold; font-size:110%; padding:2px 10px 4px 10px; }
input.form-button:hover { background:#60645f; }


.footer { width:920px; margin:0 auto; padding:10px 0; }

.footer .ftr-top { border-bottom:1px solid #e1e3da; padding:18px 0 29px 10px; }
.footer .note { width:510px; color:#62635e; line-height:1.4em; margin:0; }
.footer .pdf { float:right; width:100px; color:#62635e; line-height:1.25em; margin-top:-10px; }
.footer .pdf h5 { font-family:Georgia; font-size:140%; font-weight:normal; color:#62635f; margin-bottom:8px; }
.footer .pdf h5 a { background:url("../images/dashed1.gif") repeat-x 0 100%; text-decoration:none; padding-right:1px; }
.footer .pdf small { font-size:85%; color:#91918e; }
.footer .pdf small span { padding:0 10px; color:#cacaca; font-size:110%; }
.footer .pdf small b { font-weight:normal; color:#62635f; }

.footer .ftr-btm { padding:15px 10px 20px 10px; color:#62635f; line-height:1.15em; }
.footer .copyright { padding:2px 0 0 0; margin:0; }
.footer .contacts { float:right; padding:0 0 5px 0; margin:0; }
.footer .contacts span.sep { padding:0 10px; color:#cacaca; font-size:120%; }
.footer .contacts img { margin:0 0 -5px 0; }
.footer .mail { background:url("../images/icon_mail.gif") no-repeat 0 5px; padding-left:18px; }
.footer .pda { background:url("../images/icon_pda.gif") no-repeat; padding-left:18px; }
.footer .skype a:hover { text-decoration:none; } 
.footer .skype a:hover span { text-decoration:underline; }

.slider { position:relative; border: 1px solid #999999; width:416px; }


