html, body{height:100%;}
body{font:12px/14px Verdana,Arial,Helvetica,sans-serif; margin:0px; color:#323232;}

/* General reset */
img{border-style:none;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}
form, fieldset{margin:0; padding:0; border-style:none; outline:none;}
input, textarea, select{font:12px Verdana,Arial,Helvetica,sans-serif; vertical-align:middle; margin:0px; padding:0px;}

/* homepage form start */
input[type=text].home{background:url(../images/bg-inp-holder.gif) no-repeat; width:185px; height:22px; padding:0 0 0 5px; margin:0 0 11px; border:0; line-height:22px; outline:none;}
input[type=text].home.valid-error{background:url(../images/bg-inp-holder-error.gif) no-repeat; width:185px; height:22px; padding:0 0 0 25px; margin:0 0 11px; border:0; line-height:22px;}
input[type=text].home:focus, input[type=text].home.ieFocusHack{background:url(../images/bg-inp-holder-on.gif) no-repeat; width:185px; height:22px; padding:0 0 0 5px; margin:0 0 11px; border:0; line-height:22px;}
.thankyou{width:200px; height:137px; padding:2px 0 0 5px; margin:0 5px 11px 0; border:0;}
p.home{font:11px/13px Verdana,Arial,Helvetica,sans-serif; margin:0px; color:#fff; padding-left:15px;}

/* wrapper start */
#wrap{margin:0; min-width:960px; background:#c1e3ff url(../images/bg-html.jpg) no-repeat 50% 0;}
#wrapper{width:960px; margin:0 auto; min-height:100%;}
*html #wrapper{height:100%;}
.inner-page #wrapper{background:#fff;}
.w1, .w2, .w3, .w4, .w5{width:100%; position:relative; padding:170px 0 478px; background:url(../images/bg-w1-1.jpg) no-repeat;}
.inner-page .w1{background:url(../images/bg-w1.jpg) no-repeat;}
.inner-page .w2{background:url(../images/bg-w2.jpg) no-repeat;}
.inner-page .w3{background:url(../images/bg-w3.jpg) no-repeat;}
.inner-page .w4{background:url(../images/bg-w4.jpg) no-repeat;}
.w5{background:url(../images/bg-w5.jpg) no-repeat;}

/* slide panel */
body2{margin:0 auto; padding:0; width:100%; font:75%/120% Arial,Helvetica,sans-serif; background-color:#333;}
a:focus{outline:none;}
#panel{height:350px; display:none; width:100%; margin:0 auto; background:#333 url(../images/bg-slide-panel.jpg) no-repeat 50% 0; min-width:960px;}
#panel .holder{width:100%; margin-bottom:13px; overflow:hidden;}
#panel .box{width:960px; margin:0px auto;}
#panel .box-frame{position:relative; height:350px; overflow:hidden;}
#panel .box .column-l{width:316px; float:left; padding:0px 10px 0px 0px;}
#panel .box .column-l h2{height:20px; display:block; text-indent:-9999px; overflow:hidden;}
#panel .box .column-l h2.specials{margin:20px 0px 10px; background:url(../images/our-specials.png) no-repeat;}
#panel .box p{color:#fff; line-height:18px;}
#panel .box .column-r{width:634px; float:right; position:relative;}
#panel .box .column-r .l{width:234px; float:left; position:relative; padding-left:10px;}
#panel .box .column-r .l .inp-holder .txt{margin:0; padding:0; border:0; font-size:12px; line-height:14px; width:180px;}
#panel .box .column-r .l h2{height:28px; display:block; text-indent:-9999px; overflow:hidden;}
#panel .box .column-r .l h2.phone{margin:10px 0px 0px; background:url(../images/phone-number.png) no-repeat;}
#panel .box .column-r .l .email{line-height:17px; width:220px; float:left;}
#panel .box .column-r .l .close{line-height: 17px; padding-top: 10px; color:#FEA211; text-align:left; float:left; text-decoration: none; background-image:none;}
#panel .box .column-r .l .close a{color:#FEA211; text-decoration:none;}
#panel .box .column-r .l .close a:hover{color:#fff; text-decoration:underline;}
#panel .box .column-r .l .email a{font-size:15px; color:#fff;}
#panel .box .column-r .l .address{font-size:12px; line-height:17px; color:#fff; width:220px; float:left; clear:left;}
#panel .box .column-r .r{width:340px; padding-left:10px; float:left; position:relative;}
.slide{margin:0; padding:0; border-top:solid 0px #422410; background:url(images/btn-slide.gif) no-repeat center top;}
#header .header-box .slide .btn-slide{background:url(../images/bg-specials-h.gif) no-repeat; text-align:center; width:144px; height:31px; padding:10px 10px 0 0; margin:0 auto; display:block; font:bold 120%/100% Arial,Helvetica,sans-serif; color:#fff; text-decoration:none;}
.btn-slide{background:url(../images/bg-specials-h.gif) no-repeat; text-align:center; width:144px; height:31px; margin:0 auto; display:block; font:bold 120%/100% Arial,Helvetica,sans-serif; color:#fff; text-decoration:none;}
.active{background-position:right 12px; text-decoration:none; background:url(../images/bg-specials-h.gif) no-repeat;}

/* slide panel form start */
#panel .box .column-r {padding:20px 0 0;}
#panel .box .column-r .l input{background:url(../images/bg-panel-inp-holder.png) no-repeat; width:224px; height:33px; padding:0 0 0 5px; margin:0 0 11px; border:0; line-height:33px; outline:none;}
#panel .box .column-r .l input.valid-error{background:url(../images/bg-panel-inp-holder-error.png) no-repeat; padding:0 0 0 28px;}
#panel .box .column-r .l input:focus, #panel .box .column-r .l input.ieFocusHack{background:url(../images/bg-panel-inp-holder-on.png) no-repeat;}
#panel .box .column-r .l .thankyou{width:200px; height:137px; padding:2px 0 0 5px; margin:0 5px 11px 0; border:0;}
#panel .box .column-r .l p{font:11px/13px Verdana,Arial,Helvetica,sans-serif; margin:0px; color:#FFF; padding-left:15px;}
#panel textarea{background:url(../images/bg-panel-textarea-holder.png) no-repeat; border:0 none; height:232px; width:343px; padding:5px; font-size:12px; overflow:hidden; outline:none;}
#panel textarea.valid-error{background:url(../images/bg-panel-textarea-holder-error.png) no-repeat; padding: 5px 28px 5px;}
#panel textarea:focus, #panel textarea.ieFocusHack{background:url(../images/bg-panel-textarea-holder-on.png) no-repeat;}
#panel .box .column-r .r  .button{background:url(../images/btn-submit-panel.png) no-repeat; width:190px; height:29px; display:block; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; border-style:none; margin:10px 0 7px; float:right;}
#panel .box .column-r .r .button:hover{background-position:0 -29px;}

/* header start */
#header{width:960px; position:absolute; top:0; left:0; z-index:10; overflow:hidden;}
#header .header-box{width:300px; float:right; padding-right:2px; overflow:hidden;}
#header .header-box .specials{background:url(../images/bg-specials.gif) no-repeat; width:101px; height:30px; text-align:center; float:right; font-size:13px; line-height:16px; padding:3px 0 0; font-weight:bold; color:#fff;}
#header .header-box .specials:hover{text-decoration:none; background-position:0 -33px;}
#header .header-box .top-nav{float:right; margin:0; padding:3px 3px 0 0; list-style:none;}
#header .header-box .top-nav li{display:inline; padding:0 2px 0 8px; line-height:14px; font-weight:bold; background:url(../images/separator.gif) no-repeat 0 2px;}
#header .header-box .top-nav li:first-child{background:none;}
#header .header-box .top-nav li a{color:#fff;}
#header .column{float:left; padding:3px 8px 0 0; display:inline;}
#header .column strong, #header .column strong a, #header .column strong a:visited{font-size:13px; line-height:16px; color:#fff; display:block; margin-bottom:10px; text-transform:uppercase; text-decoration:none;}
#header .column strong a:hover{color:#369;}
#header .nav{margin:0; padding:0 12px 8px 0; list-style:none; background:url(../images/bg-column.gif) no-repeat 100% 4px;}
#header .nav li{font-size:12px; line-height:20px;}
.logo{background:url(../images/logo.gif) no-repeat; width:315px; height:63px; position:absolute; top:45px; right:5px; margin:0; text-indent:-9999px; overflow:hidden; z-index:20;}
.logo a{display:block; height:100%; overflow:hidden; cursor:pointer;}
#main{width:100%; margin-bottom:4px;}

/* homepage image slider */
.visual-area{width:100%; overflow:hidden; margin-bottom:41px;}
.visual{width:724px; float:left; padding:4px 4px 4px 3px; position:relative; background:#fff; overflow:hidden;}
.visual-list-holder{position:absolute; top:2px; left:3px; width:209px; height:256px; overflow:hidden; z-index:2;}
.visual-list{width:209px; margin:0; padding:0; list-style:none; background:url(../images/bg-visual-list1.gif) no-repeat;}
.visual-list li{background:url(../images/bg-visual-list.gif) no-repeat; height:61px; font-size:10px; line-height:13px; padding:3px 12px 0 3px; cursor:pointer;}
.visual-list li strong{color:#a6d5ff;}
.visual-list li p{color:#fff; margin:0;}
.visual-list li.active{color:#333; background:url(../images/bg-visual-list-a.png) no-repeat;}
.visual-list li.active strong, 
.visual-list li:hover strong, 
.visual-list li.hover strong{color:#333;}
.visual-list li.active p{color:#333;}
.visual .images{float:right; margin:0; padding:0; width:570px; height:252px; position:relative; list-style:none;}
.visual .images li{position:absolute; top:0; left:0; z-index:0;}
.visual .images li.active{z-index:1;}
.visual .images li img{display:block;}
.visual-area .box{float:right; background:url(../images/bg-box.png) no-repeat; width:190px; height:254px; margin:6px 0 0; padding:0 10px 0 12px;}
.visual-area .box .frame{position:relative; height:1%;}
.visual-area .box .phone{color:#f4ae45; display:block; text-align:center; letter-spacing:-1px; font:30px/33px Arial,Helvetica,sans-serif;}
.visual-area .box .email{font-size:15px; line-height:17px; color:#fff; padding-left:6px;}
.visual-area .box form{padding:15px 0 0;}
.visual-area .box .inp-holder{background:url(../images/bg-inp-holder.gif) no-repeat; width:185px; height:20px; padding:2px 0 0 5px; margin-bottom:11px;}
.visual-area .box .inp-holder2{margin-bottom:13px;}
.visual-area .box .inp-holder .txt{margin:0; padding:0; border:0; font-size:12px; line-height:14px; width:180px;}
.visual-area .box .btn-submit{background:url(../images/btn-submit.gif) no-repeat; width:190px; height:29px; display:block; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; border-style:none; margin:0 0 7px;}
.visual-area .box .btn-submit:hover{background-position:0 -29px;}
.visual-area .box .follow-list{height:39px; margin:0; padding:8px 0 0; list-style:none; overflow:hidden; background:url(../images/bg-follow-us.gif) no-repeat;}
.visual-area .box .follow-list li{float:right; padding:0 1px 0 2px;}
.visual-area .box .follow-list a{width:31px; height:31px; text-indent:-9999px; overflow:hidden; display:block; cursor:pointer;}
.visual-area .box .follow-list .linkedin{background:url(../images/ico-linkedin.gif) no-repeat;}
.visual-area .box .follow-list .twitter{background:url(../images/ico-twitter.gif) no-repeat;}
.visual-area .box .follow-list .facebook{background:url(../images/ico-facebook.gif) no-repeat;}
.visual-area .box .follow-list a:hover{background-position:0 -31px;}

/* homepage content boxes */
.four-column{width:100%;}
.four-column .frame{width:990px; overflow:hidden; margin-bottom:-25px;}
.four-column .links-holder:after{clear:both; content:""; display:block;}
.four-column .column{font-size: 11px; width:213px; float:left; padding:0 17px 0 11px;}
.four-column .column h2{height:41px; display:block; text-indent:-9999px; overflow:hidden; margin:0 0 21px;}
.four-column .column h2.seo{margin-left:-4px; background:url(../images/bg-seo.png) no-repeat;}
.four-column .column h2.design{margin:3px 0 18px; background:url(../images/bg-design.png) no-repeat;}
.four-column .column h2.pay-per-click{margin:5px 0 16px; background:url(../images/bg-pay-per-click.png) no-repeat;}
.four-column .column h2.e-commerce{margin:5px 0 16px; background:url(../images/bg-e-commerce.png) no-repeat;}
.four-column .column h2.google{margin:5px 0 16px; background:url(../images/bg-google.png) no-repeat;}
.four-column .column p{text-align:justify; margin:0;}
.four-column .column a{color:#369; text-decoration:none;}
.four-column .column a:hover{text-decoration:underline;}
.four-column .column ul{margin:0; padding:13px 0 0; list-style:none;}
.four-column .column ul li{line-height:13px; font-weight:bold; padding-left:10px; background:url(../images/bull.gif) no-repeat 0 5px;}
.four-column .column ul li a{color:#369;}
.four-column .links-holder{width:990px; overflow:hidden; background:url(../images/bg-links-holder.png) no-repeat; height:55px; margin-left:-7px;}
.four-column .links-holder span{width:222px; display:block; text-align:right; float:left; margin:30px 0 0; font-size:10px; padding-right:19px; overflow:hidden; position:relative;}
.four-column .links-holder a{font-weight:bold; float:right; font-style:italic; line-height:22px; padding:0 0 2px 19px; color:#333; background:url(../images/bull2.gif) no-repeat 0 4px;}

/* subpage main */
.main-top{height:1%; padding:15px 9px 0 10px;}
.main-top .text-website{font-size:30px; line-height:33px; display:block; height:1%; padding-right:8px; font-weight:normal; text-align:right; margin-bottom:29px;}
#main .breadcrumbs{background:url(../images/bg-breadcrumbs.gif) no-repeat; width:932px; height:33px; margin:0; padding:0 0 0 8px; list-style:none;}
#main .breadcrumbs-port{background:url(../images/bg-breadcrumbs2.gif) no-repeat; width:932px; height:33px; margin:0; padding:0 0 0 8px; list-style:none;}
#main .breadcrumbs li, #main .breadcrumbs-port li{float:left; height:22px; font-weight:bold; padding:11px 1px 0 17px; background:url(../images/separator2.gif) no-repeat;}
#main .breadcrumbs li:first-child, #main .breadcrumbs-port li:first-child{background:none;}
#main .breadcrumbs li a, #main .breadcrumbs-port  li a{color:#1c3b53;}
#main .main-holder{height:1%; overflow:hidden; padding:13px 18px 0 25px; background:url(../images/bg-main.gif) no-repeat 649px 0;}
#main .main-holder-case{height:1%; overflow:hidden; padding:13px 18px 0 25px;}
#main .main-holder-port{height:1%; overflow:hidden; padding:20px 0px 0 10px;}

/* subpage content */
#main .content{width:627px; float:left; margin:8px 0 15px;}
#main .content h2{font-size:22px; line-height:25px; margin:0 0 19px; color:#4096ee;}
#main .content p{line-height:20px; margin:0 0 17px;}
#main .content h3{font-size:15px; line-height:20px; color:#ff7400; margin:0 0 10px;}
#main .content ul{margin:0; padding:0 0 10px 15px; list-style:none;}
#main .content li{height:1%; line-height:20px; padding-left:13px; background:url(../images/bull4.gif) no-repeat 0 6px;}
#main .content ol li{height:1%; line-height:20px; padding-left:0px; background-image:none;}
#main .content .list{margin:0; padding:0 0 0 15px; list-style:none;}
#main .content .list li{height:1%; line-height:20px; padding-left:13px; background:url(../images/bull4.gif) no-repeat 0 6px;}
#main .content .seo-results{width:600px; padding:10px 10px 1px 10px; margin-bottom:10px; background-color:#fcefdd;}
#main .content a, #main .content a:visited{color:#4096EE; text-decoration:none;}
#main .content a:hover{color:#333; text-decoration:underline;}
.seo-image {padding-right:25px;}
#main .content ul.local-seo-ul{margin:0px 0px 0px 335px; padding:0 0 10px 25px; list-style:none;}
#main .content .seo-results {margin:0 0 30px 0; padding:0px; list-style:none; width:620px; height:321px; background:url(../images/seo-ranking.gif) no-repeat 0 0;}
#main .content .seo-results li{height:18px; line-height:18px; padding: 75px 0px 10px 20px; background:none; word-wrap:break-word;}
#main .content ul.thank-you-ul{margin:0px 0px 0px 335px; padding:0 0 0px 25px; list-style:none;}
#main .content .thank-you{width:600px; padding:10px 10px 1px 10px; margin-bottom:10px;}
#main .content .thank-you{margin:0 0 0px 0; padding:0px; list-style:none; width:600px; height:208px; background:url(../images/nextsteps-bg.gif) no-repeat 0 0;}
#main .content .thank-you li{padding: 20px 0px 0px 20px; background:none; word-wrap:break-word;}
#main .content .thank-you h3{font-size:16px; font-weight:bold; color:#fff; line-height:18px; margin:0px;}

/* Contact Us From */
#main .content .l {width:40%; float:left;}
#main .content .r {width:343px;; float:left;}
#main .content .l input[type=text]{background:url(../images/bg-panel-inp-holder-2.png) no-repeat; width:224px; height:33px; padding:0 0 0 5px; margin:0 0 11px; border:0; outline:none; line-height:33px;}
#main .content .l input[type=text].valid-error{background:url(../images/bg-panel-inp-holder-2-error.png) no-repeat; padding:0 0 0 25px;}
#main .content .l input[type=text]:focus, #main .content .l input[type=text].ieFocusHack{background:url(../images/bg-contact-inp-holder-on.gif) no-repeat;}
#main .content .l .thankyou{width:200px; height:137px; padding:8px 0 0 5px; margin:0 5px 11px 0; border:0;}
#main .content textarea{background:url(../images/bg-panel-textarea-holder-2.png) no-repeat; border:0 none; height:232px; width:343px; padding:5px; overflow:hidden; outline:none;}
#main .content textarea.valid-error{background:url(../images/bg-panel-textarea-holder-2-error.png) no-repeat; padding-left: 25px;}
#main .content textarea:focus, #main .content textarea.ieFocusHack{background:url(../images/bg-content-textarea-holder-on.gif) no-repeat;}
#main .content .r .button2{padding-left:45px;background:url(../images/btn-contact-submit.gif) no-repeat; width:75px; height:29px; display:block; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer; border-style:none; margin:10px 0 7px; float:right;}
#main .content .r .button2:hover{background-position:0 -29px;}

/* contact us button */
.contact_us_button {padding-left:5px;}

/* client portal form */
.clientbox{width:310px; float:left;}
input[type=text].client2{background:url(../images/bg-panel-inp-holder-2.png) no-repeat; width:224px; height:25px; padding:8px 0 0 5px; margin:0px 0px 11px 0px; border:0; outline:none;}
input[type=password].client2{background:url(../images/bg-panel-inp-holder-2.png) no-repeat; width:224px; height:25px; padding:8px 0 0 5px; margin:0px 0px 11px 0px; border:0; font:100% Verdana,Arial,Helvetica,sans-serif; vertical-align:middle;line-height:14px; outline:none;}
input[type=submit].client2{color:#FFF; font-weight:bold; background-color:#878686; padding:2px 5px 2px 5px; margin:0px; border:0; line-height:14px;}
input[type=submit].client2:focus{color:#000; background-color:#C60;}
.clientbox2{width:295px; float:right;}
#signal{display:none; clear:both; height:20px;color:#F00;}

/* sidebar */
#main .sidebar{width:237px; float:right;}
#main .sidebar .request{background:url(../images/btn-request.jpg) no-repeat; width:237px; height:80px; display:block; text-indent:-9999px; overflow:hidden; margin-bottom:30px;}
#main .sidebar .request:hover{background-position:0 -80px;}
.sidebar .about-list{margin:0; padding:0 6px 0 5px; list-style:none; width:232px;}
.sidebar .about-list li{height:1%;}
.sidebar .about-list .ico-1{padding:0 0 38px 64px; background:url(../images/ico-1.gif) no-repeat;}
.sidebar .about-list .ico-2{padding:5px 0 16px 64px; background:url(../images/ico-2.gif) no-repeat;}
.sidebar .about-list .ico-3{padding:7px 0 0 64px; background:url(../images/ico-3.gif) no-repeat;}
.sidebar .about-list li .phone{font-size:18px; line-height:21px; color:#ff7400; display:block;}
.sidebar .about-list li .email{color:#39c;}
.sidebar .about-list h3, .sidebar .about-list h3 a{font-size:18px; line-height:21px; color:#4096ee; margin:0; text-decoration:none;}
.sidebar .about-list li span{font-size:11px; letter-spacing:1px; display:block; margin:-2px 0 6px;}
.sidebar .about-list p{margin:0 0 8px; line-height:16px;}
.sidebar .about-list em{font-size: 11px; font-style:normal; display:block; width:100%; text-align:right;}
.sidebar .about-list em a{color:#4096ee;}

/* case studies side bar */
#main .sidebar .request-case{background:url(../images/btn-request-cs.jpg) no-repeat; width:211px; height:71px; display:block; text-indent:-9999px; overflow:hidden; margin:0px 0px 30px 6px;}
#main .sidebar .request-case:hover{background-position:0 -71px;}
.sidebar .testimonial{margin:0 0 10px; width:232px;}
.sidebar .testimonial .t{width:232px; overflow:hidden; background:url(../images/proof-header.jpg) no-repeat; height:58px;}
.sidebar .testimonial .t2{width:232px; overflow:hidden; background:url(../images/testimonial-header.jpg) no-repeat; height:58px;}
.sidebar .testimonial .b{width:232px; overflow:hidden; background:url(../images/testimonial-bottom.jpg) no-repeat; height:19px; padding:0px 0px 10px;}
.sidebar .testimonial .c{width:202px; overflow:hidden; background:url(../images/testimonial-bkg.jpg) repeat-y; padding:5px 15px 5px;}
.sidebar .testimonial h3{font-size:12px; font-weight:bold; color:#369; line-height:18px; text-transform:uppercase; margin:0px; padding:0px 5px;}
.sidebar .testimonial h4{font-size:11px; font-weight:normal; background:url(../images/testimoinal-line.jpg) no-repeat left bottom; margin:0px; padding:0px 5px 10px;}
.sidebar .testimonial p{line-height:20px; padding:0px 10px 0px 5px;}
.sidebar .about-list-cs{margin:0; padding:0 6px 0 5px; list-style:none; width:202px;}
.sidebar .about-list-cs li{height:1%;}
.sidebar .about-list-cs .ico-1{padding:0 0 38px 64px; background:url(../images/ico-1.gif) no-repeat;}
.sidebar .about-list-cs .ico-2{padding:5px 0 16px 64px; background:url(../images/ico-2.gif) no-repeat;}
.sidebar .about-list-cs .ico-3{padding:7px 0 0 64px; background:url(../images/ico-3.gif) no-repeat;}
.sidebar .about-list-cs li .phone{font-size:17px; line-height:21px; color:#ff7400; display:block;}
.sidebar .about-list-cs li .email{color:#39c;}
.sidebar .about-list-cs h3, .sidebar .about-list-cs h3 a{font-size:18px; line-height:21px; color:#4096ee; margin:0; text-decoration:none;}
.sidebar .about-list-cs li span{letter-spacing:1px; display:block; margin:-2px 0 6px;}
.sidebar .about-list-cs p{margin:0 0 8px; line-height:16px;}
.sidebar .about-list-cs em{font-style:normal; display:block; width:100%; text-align:right;}
.sidebar .about-list-cs em a{color:#4096ee;}

/* portfolio */
#main .content .port-column-frame{width:100%;}
#main .content .port-column-frame hr{clear:left; margin:5px;}
#main .content .port-column-frame h3{font-size:16px; line-height:18px; text-transform: lowercase; margin:5px; width:300px; float:left;}
#main .content .port-column-frame span a{font-size: 12px; text-transform: lowercase; font-weight: bold; color: #4096EE; float:right; margin-top:8px; padding:0px 30px 0px 0px; background:url(../images/ico-arrow.gif) no-repeat 60px;}
#main .content .port-column-frame span a:hover{color:#FF7400;}
#main .content .port-column-frame .wrapper {float:left; padding-bottom:30px}
#main .content .port-column-frame .im {background-color:#FFF;}
#main .content .port-column{width:289px; float:left; padding:10px 12px;}
#main .content .port-bkg{background:url(../images/bg-portfolio.gif) no-repeat; width:920px; height:457px; margin-bottom:20px;padding-left:20px;}

/* portfolio slides */
#main .content .port-bkg .port-image-container{margin:0px; width:525px; padding-top:25px; height:343px;}
#main .content .port-bkg .links{float: left; width: 375px; margin:0; padding:5px 0 0 8px; list-style:none;}
#main .content .port-bkg .links li{float:left; height:22px; font-weight:bold; padding:2px 20px 0 30px; background:url(../images/ico-case.gif) no-repeat;}
#main .content .port-bkg .links li.port{float:left; height:22px; font-weight:bold; padding:2px 20px 0 30px; background:url(../images/ico-port.gif) no-repeat;}
#main .content .port-bkg .links li a{color:#fff;}
#main .content .port-bkg .text{float:right;}
#main .content .port-bkg .text h1{color:#FF7400; font-size:24px; line-height:30px; margin-top:0px;}
#main .content .port-bkg .text h2{font-size:13px;line-height:20px; color:#fff;}
#main .content .port-bkg .text span{color: #4096ee;}
#main .content .port-bkg .text p{color:#fff; line-height:20px;}
#main .content .port-bkg .text ul{float:right; list-style-image:none; list-style-position:outside; list-style-type:none; margin:4px 0px 0px; padding:0px;}
#main .content .port-bkg .text li{float:left;}
#main .content .page-navigation{width: 320px; float:right; margin:0px; overflow:hidden; padding:0px;}
#main .content .page-navigation li{color:#fff; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; background:none;}
.btn-link{background: url(../images/bt-bkg-l.gif) no-repeat 0 0; color:#fff; float:left; font-size:13px; line-height:18px; margin:0px 0px 0px 10px; text-align:center; white-space:nowrap;}
.btn-link strong{background: url(../images/bt-bkg-r.gif) no-repeat 100% 0; cursor:pointer; float:left; height:26px; min-width:74px; padding:5px 5px 0px;}
.btn-link strong:hover{color:#fff;}
.btn-link strong span{cursor:pointer; padding:0 5px;}
.btn-link strong span:hover{color:#fff;}
#content2{width:1000px;}
.box2{width:375px;background:url(../images/port-box2-bg.gif);}
.box3{width:375px; background-color:#5b6f7f;}
#s2{float:left;}
#bef_aft_nav{width:170px; float:left;padding-top:5px;cursor:pointer;}
#mydesc{float:right;}
#mydesc2{float:left;}
#controls{margin:10px 0px 0px;}

/* case study */
#main .content .challenge{width:547px; background:url(../images/challenge-icon.gif) no-repeat  0 0; padding:0px 0px 0px 80px;}
#main .content .results{width:547px; background:url(../images/results-icon.gif) no-repeat  0 0; padding:0px 0px 0px 80px;}
#main .content .project-slides{width:547px; margin:0px 0px 30px 80px; overflow:hidden;}
#main .content .case-nav{color:#333; float:right; margin:-40px 0px 0px 0px; padding:7px 5px 5px 8px; width:162px; height:17px; background:url(../images/case-nav-bkg.gif) no-repeat  0 0; text-transform:lowercase;}
#main .content .case-nav a{color:#333; text-decoration:none;}
#main .content .case-nav a:hover {color:#4096ee; text-decoration:underline;}

/* footer start */
.footer-holder{margin:-479px 0 0; background:url(../images/bg-footer-holder.gif) no-repeat 50% 0; height:479px; overflow:hidden;}
.inner-page .footer-holder{background:url(../images/bg-footer-holder2.gif) no-repeat 50% 0;}
#footer{width:938px; margin:204px auto 0; color:#999; position:relative;}
#footer .holder{width:100%; margin-bottom:13px; overflow:hidden;}
#footer .holder .footer-right{width:244px; float:right;}
#footer .holder .footer-right .live-chat{background:url(../images/btn-live-chat.png) no-repeat; width:244px; height:52px; text-indent:-9999px; display:block; overflow:hidden; margin-bottom:3px; cursor:pointer;}
#footer .holder .footer-right .live-chat:hover{background:url(../images/btn-live-chat-h.png) no-repeat;}
#footer .holder .footer-right .live-chat span{position:relative; height:1%;}
#footer .adv{width:100%; overflow:hidden;}
#footer .adv img{display:block;}
#footer .adv .r{width:84px; float:right; padding-right:11px;}
#footer .adv .r .companies{display:block; margin:2px 0 17px;}
#footer .adv .l{width:130px; padding-left:12px;}
#footer .adv .l .google, 
#footer .adv .l .yahoo{margin-bottom:10px; display:block;}
#footer .adv .l .yahoo{margin-bottom:11px;}
#footer .box-c{width:334px; float:right; padding:16px 13px 3px 12px; margin-right:14px; border:1px solid #262626; border-width:1px 0 1px 1px; border-bottom-color:#494949; background:url(../images/bg-footer-box.png);}
#footer .box-frame{position:relative; height:201px; overflow:hidden;}
#footer .box-c .heading{width:100%; overflow:hidden;}
#footer .box-c .heading a.view-all{float:right; padding-left:13px; color:#999; background:url(../images/bg-view-all.gif) no-repeat 0 4px;}
#footer .box-c .heading h3, #footer .box-c .heading h3 a, #footer .box-c .heading h3 a:visited{color:#b6deff; text-transform:uppercase; font-size:11px; line-height:13px; margin:0; text-decoration:none;}
#footer .box-c .heading h3 a:hover{color:#999; text-decoration:underline;}
#footer .text-list{font-size: 11px; margin:0; padding:0; list-style:none; width:100%; overflow:hidden;}
#footer .text-list li{padding:10px 0; margin:-1px 0 1px; border-top:1px solid #000; word-spacing:-1px;}
#footer .box{width:282px; float:left; border-top:1px solid #262626; border-left:1px solid #262626; border-bottom:1px solid #494949; border-right:1px solid #494949; padding:15px 7px 5px 10px; background:url(../images/bg-footer-box.png);}
#footer .box .column-l{width:124px; float:left; background:url(../images/ver-line.gif) no-repeat 100% 0;}
#footer .box .column-r{width:148px; float:left; position:relative; padding:0 0 63px 7px;}
#footer .box h3, #footer .box h3 a, #footer .box h3 a:visited{font-size:11px; line-height:14px; margin:0 0 4px; color:#b6deff; text-transform:uppercase; text-decoration:none;}
#footer .box h3 a:hover{color:#999; text-decoration:underline;}
#footer .box .list{margin:0; padding:0 0 11px; list-style:none;}
#footer .box .list li{padding-left:6px; font-size:9px; line-height:11px; position:relative; background:url(../images/bull3.gif) no-repeat 0 5px;}
#footer .box .list li a{color:#999;}
#footer .box .list li ul{margin:0; padding:0 0 0 4px; list-style:none;}
#footer .box .list2{margin:0; padding:0; list-style:none;}
#footer .box .list2 li{padding-left:6px; font-size:9px; line-height:12px; position:relative; background:url(../images/bull3.gif) no-repeat 0 5px;}
#footer .box .list2 a{color:#999;}
#footer .box .column-r .block{width:100%; position:absolute; bottom:0; left:9px;}
#footer .bottom{height:1%; overflow:hidden; width:958px;}
/*#footer .bottom p{margin:0; color:#fff; font-size:10px; line-height:12px;}*/
#footer .bottom p{margin:0; color:#fff; font-size:10px; line-height:16px;}
#footer .bottom p a{color:#fff;}
#footer .bottom .copy{float:right;}
