@charset "utf-8"; 
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
html, body, h1, h2, h3, h4, h5, h6, p,  ol, ul, li, fieldset, form, label, legend, table, tr, th, td, input, textarea, select{margin:0; padding:0}
img{border:0}
li{list-style:none}

body{background:#b4d1bb url(../images/body-bcg.jpg) center top repeat-x; font:normal 14px/18px 'Droid Serif',arial,serif;  color:#646464}
html a{outline:none}
a{color:#900c17; text-decoration:none}
a:hover{color:#900c17; text-decoration:underline}
h1{font:normal 11px/20px 'Droid Serif',arial,serif; margin:0 auto; text-align:right; color:#000; width:948px}
h2, h3, h5 {font-weight:normal; font-family:'Droid Serif',arial,serif}
h3{font-size:21px; color:#000}
h4{font-size:13px; color:#a52603; font-family:'Droid Serif',arial,serif; letter-spacing:.2px}

p{font:normal 14px/24px 'Droid Serif',arial,serif; color:#646464}
p a{text-decoration:none; color:#900c17}
p a:hover{text-decoration:underline; color:#900c17}
p span{color:#c00}

img{border:none}
.over-flow{overflow:hidden}
#container{background:url(../images/top-bcg.jpg) center top repeat-x}
#main{width:948px; margin:0 auto}
/*=====================header start here============================*/
#header{display:inline-block; padding:8px 0 0 0}
#header .logo{width:273px; height:84px; float:left; display:inline-block}
 
#header-right{float:right; display:inline-block; width:670px}
.chat-btn{display:block; float:right}
.chat-btn a{background:url(../images/chat-button.png) left top no-repeat; width:76px; height:26px; display:block; font:normal 12px/15px 'Droid Sans',arial,serif; color:#fff; text-decoration:none; text-align:center; padding:4px 0 0 0; letter-spacing:.3px}
.chat-btn a:hover{color:#92d54d; text-decoration:none}

#header-right ul{margin-top:0px; float:right; padding:40px 0 0 0}
#header-right ul li{font-size:11px; font-family:'Droid Serif',arial,serif; font-weight:bold; float:left; color:#fff; text-transform:uppercase; margin-left:14px;  position:relative; z-index:50}
#header-right ul li a{color:#fff; text-decoration:none; display:block; padding:0 0 20px 0}
#header-right ul li a.order{color:#93ea19}
#header-right ul li a:hover.order{color:#93ea19}
#header-right ul li a:hover{color:#fff; border-bottom:3px solid #fff; padding:0 0 17px 0}
/*=====================header ends here============================*/
/*=====================content area start here============================*/
#content{display:block; background:#fff}
/*====================content top area strat here===========================*/
#content-top{display:inline-block; background:url(../images/shadow.jpg) left bottom repeat-x; width:948px; padding:43px 0px 22px 0}

#content-top-inner{display:inline-block; width:948px; padding:0 0 10px 0}
.letter-box{width:553px; height:247px; margin:10px 0 0 10px; padding:0 0 20px 0; position:relative}
.sword{position:absolute; top:-13px; left:-28px; z-index:6}
.star{position:absolute; top:-30px; right:-25px; z-index:7}

#content-top-left{float:left; width:613px; background:url(../images/letterbox-bcg.jpg) left top no-repeat; margin:0 0 0 0; padding:0 0 30px 0}
.slider{width:613px; padding:10px 0 45px 10px;  position:relative; z-index:1; margin:-20px 0 0 -18px}
#featured-area{width:580px; height:315px}
#featured-area .pics{position:absolute; width:613px; height:266px; top:28px; left:28px}
#featured-area .pics div.excerpt{position:absolute; top:81px; left:246px; width:127px; z-index:2}
#featured-area .pics div.excerpt p{color:#dbdbdb; font-size:12px; font-family:'Droid Sans',arial,serif; line-height:15px}

#featured-area .pics div.excerpt2{position:absolute; top:162px; left:25px; width:142px; z-index:2; height:50px}
#featured-area .pics div.excerpt2 p{color:#eaeaea; font-size:12px; line-height:15px; font-family:'Droid Sans',arial,serif}

#featured-area .pics div.excerpt3{position:absolute; top:76px; left:10px; width:134px; z-index:2; height:50px}
#featured-area .pics div.excerpt3 p{color:#f5f4f4; font-size:12px; font-family:'Droid Sans',arial,serif; line-height:15px; padding:15px 0 0 0; text-align:right}

#featured-area .pics div.excerpt4{position:absolute; top:75px; left:217px; width:157px; padding:0px 0px 0px 0px; z-index:2; height:50px}
#featured-area .pics div.excerpt4 p{color:#f5f4f4; font-size:12px; font-family:'Droid Sans',arial,serif; line-height:15px; padding:15px 0 0 0; text-align:right}
#featured-area div#slider-control{position:absolute; width:550px; z-index:4; top:300px; left:20px; height:34px}

#featured-area div#slider-control div.featitem{width:auto; padding:8px 36px 0 25px; width:550px; overflow:hidden; display:block; cursor:pointer; color:#000}

#featured-area div#slider-control div.featitem a{display:block; text-decoration:none}
#featured-area div#slider-control div.featitem a strong{width:18px; background:url(../images/number-bg.jpg) left top no-repeat; float:left; font-size:15px; text-align:center; color:#fff; display:inline-block; margin:5px 0 0 0}
#featured-area div#slider-control div.featitem a span{float:left; font:normal 13px/24px 'Droid Serif',arial,serif; color:#4d4a4a; padding:2px 0 0 10px; display:inline-block}
#featured-area div#slider-control div.featitem a.active span{float:left; font-size:20px; color:#5b5b5b}
#featured-area div#slider-control div.featitem.active{padding:8px 36px 0 25px}
#featured-area div#slider-control div.featitem.active a strong{background:url(../images/number-bg.jpg) left -18px no-repeat}
#featured-area div#slider-control div.featitem.active a span{float:left; font-size:20px; color:#5b5b5b; padding:2px 0 0 10px}
#featured-area div#slider-control div.featitem .order{display:none}
.abs-cont{position:absolute; width:550px; height:285px; z-index:10}
#content-top-right{float:right; width:314px; padding:0 20px 0 0}

#content-top-right strong {font-size:71px; line-height:64px; padding-bottom:10px;  letter-spacing:-.5px; color:#a7d2b6; display:block}
#content-top-right span {font-size:71px; line-height:64px; font-weight:bold; color:#a7d2b6;  display:block}
#content-top-right small {font-size:43px; line-height:45px; color:#a7d2b6; font-weight:bold; display:block}
#content-top-right strong.size2 {font-size:60px; line-height:60px; color:#a7d2b6; font-weight:bold; display:block}


#content-top-right ul{overflow:hidden}
#content-top-right ul li{font:normal 14px/17px 'Droid Serif',arial,serif; color:#646464; background:url(../images/green-dot.jpg) left 16px no-repeat; padding:12px 0 0 16px}
#content-top-right ul li em{font:bold 14px/17px 'Droid Serif',arial,serif; color:#ab3004}
#content-top-right p{padding:12px 10px 0px 0; text-align:justify}

#variety{overflow:hidden; margin:20px 0px 0px 0px; border-top:1px solid #e5e0e0}
#variety ul{padding:17px 0 7px 18px; overflow:hidden}
#variety ul li{text-align:center; float:left; margin:0px 19px 0px 0px; height:83px; overflow:hidden; font-size:10px; color:#464646}
#variety ul li a{padding-top:63px; display:block; font-size:10px; font-family:'Droid Sans',arial,serif; color:#a49b9b; text-decoration:none}
#variety ul li a:hover{color:#000}

#variety ul li.wordpress{background:url(../images/icons.jpg) left top no-repeat; width:62px; margin:0 21px 0 10px}
#variety ul li.wordpress a:hover{background:url(../images/icons.jpg) left -83px no-repeat}

#variety ul li.joomla{background:url(../images/icons.jpg) -80px top no-repeat; width:47px}
#variety ul li.joomla a:hover{background:url(../images/icons.jpg) -80px -83px no-repeat}

#variety ul li.magento{background:url(../images/icons.jpg) -146px top no-repeat; width:53px}
#variety ul li.magento a:hover{background:url(../images/icons.jpg) -146px -83px no-repeat}

#variety ul li.zencart{background:url(../images/icons.jpg) -218px top no-repeat; width:54px}
#variety ul li.zencart a:hover{background:url(../images/icons.jpg) -218px -83px no-repeat}

#variety ul li.drupal{background:url(../images/icons.jpg) -291px top no-repeat; width:54px}
#variety ul li.drupal a:hover{background:url(../images/icons.jpg) -291px -83px no-repeat}

#variety ul li.osc{background:url(../images/icons.jpg) -365px top no-repeat; width:60px; margin:0 15px 0 0}
#variety ul li.osc a:hover{background:url(../images/icons.jpg) -365px -83px no-repeat}

#variety ul li.modex{background:url(../images/icons.jpg) -436px top no-repeat; width:73px; margin:0 10px 0 0}
#variety ul li.modex a:hover{background:url(../images/icons.jpg) -436px -83px no-repeat}

#variety ul li.presta-shop{background:url(../images/icons.jpg) -522px top no-repeat; width:60px; margin:0 5px 0 0}
#variety ul li.presta-shop a:hover{background:url(../images/icons.jpg) -522px -83px no-repeat}

#variety ul li.htm{background:url(../images/icons.jpg) -585px top no-repeat; width:53px}
#variety ul li.htm a:hover{background:url(../images/icons.jpg) -585px -83px no-repeat}

#variety ul li.place-order-icon{width:189px; height:63px; margin:12px 0 0 27px}
#variety ul li.place-order-icon a{width:189px; height:63px;  padding:0 0 0 0}

/*====================content top area ends here===========================*/
#content-main{overflow:hidden; padding:0px 33px 0 33px; margin:25px 0px 0 0px; background:url(../images/content-main-bg.jpg) left top repeat-y}
#content-main-left{width:530px; float:left; padding:0 30px 0 0}
#content-main-left h2{font-size:27px; line-height:27px; color:#000; padding:15px 0 18px 0; font-family:'Droid Serif',arial,serif}
#content-main-left h3{font-size:21px; line-height:28px; color:#000; padding:15px 0 18px 0}

#content-main-left p{padding:11px 0px 13px 0; text-align:justify}
#content-main-left p strong a{text-decoration:none; color:#646464}
#content-main-left p strong a:hover{text-decoration:underline; color:#646464}

#content-main-left p img{border:3px solid #e0dede; margin:6px 18px 5px 0}
#content-main-left ul{overflow:hidden; padding:0px 0 10px 0}
#content-main-left ul li{font:normal 14px/18px 'Droid Serif',arial,serif; color:#646464; padding:0 0 0 15px; background:url(../images/green-dot.jpg) left 5px no-repeat; margin:14px 0 0 0}

#content-main-right{width:291px; float:right}
#content-main-right h3{font-size:21px; color:#000; padding:15px 0 18px 0}
.valuable-clients{border-bottom:1px solid #ebebeb; padding:2px 0 35px 0}
.cont-right-second{border-bottom:1px solid #ebebeb; padding:15px 0 15px 0; width:290px}
.cont-right-second ul{overflow:hidden; padding:10px 0 0 0}
.cont-right-second ul li{font:normal 14px/18px 'Droid Serif',arial,serif; color:#646464; background:url(../images/green-dot.jpg) left 5px no-repeat; padding:0px 0 15px 15px}
.cont-right-second ul li a{color:#646464; text-decoration:none}
.cont-right-second ul li a:hover{color:#646464; text-decoration:underline}
.apparatus{padding:0 0 5px 0}
.cont-right-second.bot{border-bottom:0}

#content-main-left ul.need-theme{overflow:hidden; padding:0px 0 5px 70px !important}
#content-main-left ul.need-theme li{float:left !important; background:none !important; padding:0px 20px 0px 0px !important}
/*====================content area ends here===========================*/
/*====================footer area start here===========================*/
#footer{overflow:hidden; padding:0 0 20px 0}
#footer-top{background:#000 url(../images/footer-top-px.jpg) left top repeat-x}
#footer-top-inner{background:url(../images/ninja.jpg) right -1px no-repeat; padding:105px 0 22px 33px; overflow:hidden}
.left-sec{width:205px; float:left}
.left-sec ul{padding:19px 0 0 0}
.left-sec ul li{font:normal 12px/20px 'Droid Serif',arial,serif}
.left-sec ul li a{color:#666; text-decoration:none}
.left-sec ul li a:hover, .left-sec ul li a.active{color:#fff; text-decoration:none}
.left-sec ul li a.green-link{color:#a4e45c}
.left-sec ul li a.green-link:hover, .left-sec ul li a.green-link:hover{color:#a4e45c}

.left-sec-2{width:232px; float:left}
.left-sec-2 ul{padding:19px 0 0 0}
.left-sec-2 ul li{font:normal 12px/20px 'Droid Serif',arial,serif}
.left-sec-2 ul li a{color:#666; text-decoration:none}
.left-sec-2 ul li a:hover, .left-sec-2 ul li a.active{color:#fff; text-decoration:none}

.mid-sec{width:255px; float:left}
.mid-sec ul{padding:19px 0 0 0}
.mid-sec ul li{font:normal 12px/20px 'Droid Serif',arial,serif}
.mid-sec ul li a{color:#666; text-decoration:none}
.mid-sec ul li a:hover, .mid-sec ul li a.active{color:#fff; text-decoration:none}

.right-sec{width:220px; float:left; padding:118px 0 0 0}
.right-sec address{width:128px; color:#666; font:normal 13px/18px 'Droid Serif',arial,serif; padding:3px 0 10px 0; display:block}
.right-sec address strong{padding:14px 0 0 0; display:block}
.right-sec address a {color:#fff; padding:0px 0 5px 0; display:block; text-decoration:none}
.right-sec address a:hover, .right-sec address a.active{color:#fff; text-decoration:underline}

.right-sec ul{padding:5px 0 0 0}
.right-sec ul li{font:normal 12px/14px 'Droid Serif',arial,serif; color:#666; float:left; background:url(../images/seprt.jpg) left 1px no-repeat; padding:0 5px 0 5px}
.right-sec ul li.twit{padding:0 5px 0 0; background:none}
.right-sec ul li.twit a{color:#bfbfbf; text-decoration:none}
.right-sec ul li.twit a:hover{color:#57d4ff; text-decoration:none}

.right-sec ul li.face{}
.right-sec ul li.face a{color:#bfbfbf; text-decoration:none}
.right-sec ul li.face a:hover{color:#4c82fa; text-decoration:none}

.right-sec ul li.rs{}
.right-sec ul li.rs a{color:#bfbfbf; text-decoration:none}
.right-sec ul li.rs a:hover{color:#f08a26; text-decoration:none}

#guarantee{overflow:hidden; background:#181818 url(../images/footrer-botbg.jpg) left top no-repeat; padding:22px 35px 20px 36px}
#guarantee strong{display:inline-block; font-family:'Droid Serif',arial,serif; font-size:15px; font-weight:normal; color:#d8d8d8; text-transform:uppercase; float:left; padding:4px 0px 0 0px}

#guarantee ul.link{float:left; padding:0 0 0 10px}
#guarantee ul.link li{background:url(../images/seprt2.jpg) right top no-repeat; padding:0 16px 0 18px; float:left; color:#6a6a6a; font:normal 15px/17px 'Droid Serif',arial,serif}
#guarantee ul.link li a{color:#6a6a6a; text-decoration:none; display:inline-block; height:19px}
#guarantee ul.link li a:hover{text-decoration:none !important; color:#9b9999}

#guarantee ul.link li.lotus{}
#guarantee ul.link li.lotus a{background:url(../images/lotus.png) left top no-repeat; padding:5px 0 0 35px}
#guarantee ul.link li.lotus a:hover{background:url(../images/lotus.png) left -24px no-repeat}

#guarantee ul.link li.lock{}
#guarantee ul.link li.lock a{background:url(../images/lock.png) left top no-repeat; padding:5px 0 0 35px}
#guarantee ul.link li.lock a:hover{background:url(../images/lock.png) left -24px no-repeat}

#guarantee ul.link li.cost{padding:0 0px 0 18px; background:none}
#guarantee ul.link li.cost a{background:url(../images/cost.png) left top no-repeat; padding:5px 0 0 35px}
#guarantee ul.link li.cost a:hover{background:url(../images/cost.png) left -24px no-repeat}
#guarantee span{font:normal 11px/14px 'Droid Sans',arial,serif; color:#454545; display:block; padding:5px 0 5px 0}

#guarantee ul.link2{padding:18px 0 0 0; overflow:hidden}
#guarantee ul.link2 li{float:left; font:normal 11px/14px 'Droid Sans',arial,serif; padding:0 10px 0 0}
#guarantee ul.link2 li a{text-decoration:none; color:#a4e45c}
#guarantee ul.link2 li a:hover{text-decoration:underline; color:#a4e45c}

#guarantee small{color:#6a6a6a; padding:11px 0px 0 0; font-size:10px; line-height:12px; font-family:'Droid Sans',arial,serif; display:block; float:none}
#guarantee small a{color:#6a6a6a; text-decoration:underline}
#guarantee small a:hover{color:#6a6a6a; text-decoration:none}

/*====================footer area ends here===========================*/
/*=======================drop boxes start here=========================*/
#header-right ul li .drop-out-3{position:absolute; top:-11px; left:-12px; width:419px; display:none; text-transform:none}
#header-right ul li:hover .drop-out-3{display:block}
.drop-3top{padding:0px 0 0px 0; position:relative}
.drop-3{overflow:hidden; margin:45px 0 0 0; padding:6px; background:url(../images/green-opaq.png) left top repeat}
.drop-out-3-inner{overflow:hidden; padding:15px 0px 15px 18px; background:#fff}
.drop-out-3 em{font:bold 11px/16px 'Droid Serif',arial,serif; color:#8e2c07; background:url(../images/green-opaq.png) left top repeat; display:inline-block; position:absolute; left:0px; top:-40px; padding:6px 6px 0 6px}
.drop-out-3 em a{color:#8e2c07 !important; background:#fff; text-decoration:none; padding:12px 5px 12px 5px !important; margin:0 !important; display:block}
.drop-out-3 em a:hover{color:#8e2c07 !important; text-decoration:underline; padding:12px 5px 12px 5px !important; margin:0 !important; border-bottom:0px !important}

.drop-3-left{width:130px; float:left}
.drop-3-left strong{font:bold 14px/16px 'Droid Sans',arial,serif; color:#333232; display:block; border-bottom:1px solid #dbdbdb; padding:0 0 4px 0}
.img-cont-fourth{width:129px; height:113px; background:url(../images/img-cont.jpg) left top no-repeat; margin:12px 0 0 0; text-align:center; padding:15px 0 0 0}
.img-cont-fourth small{color:#646464; font:normal 12px/15px 'Droid Serif',arial,serif; display:block; padding:10px 0 0 0}

.drop-3-left dfn{color:#942a02; font:normal 12px/15px 'Droid Serif',arial,serif; display:block; padding:10px 0 0 0}
.drop-3-left p{color:#646464; font:normal 11px/14px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:6px 0 0 0}
.drop-3-left span{color:#3e3e3e; font:bold 12px/14px 'Droid Serif',arial,serif; letter-spacing:-.2px; display:block; padding:10px 0 0 0 !important}
.drop-3-left span a{color:#3e3e3e !important; text-decoration:underline !important; padding:0 !important}
.drop-3-left span a:hover{color:#9D401B !important; text-decoration:underline !important; padding:0 !important; border:0 !important}

.drop-3-right{width:240px; float:left; margin:0 0 0 19px}
.drop-3-right-top{border-bottom:1px solid #dbdbdb;  width:215px; padding:0 0 4px 0; overflow:hidden; font:bold 14px/16px 'Droid Sans',arial,serif; color:#333232}
.drop-3-right-top strong{padding:0 0px 0 5px; float:left; display:inline-block}
.drop-3-right-top span{padding:0 0px 0 35px; float:left; display:inline-block}

.drop-3-right ul{width:107px; float:left !important; padding:10px 6px 0 0!important}
.drop-3-right ul li{float:none !important; padding:0 !important; margin:0 !important}
.drop-3-right ul li a{color:#646464 !important; font:normal 12px/26px 'Droid Serif',arial,serif !important; text-decoration:none; display:inline-block !important; padding:0 8px 0 8px !important}
.drop-3-right ul li a:hover{background:#8e2c07; color:#fff !important; font-weight:bold !important; border-bottom:0 !important}

#header-right ul li .drop-out-4{position:absolute; top:-11px; left:-10px; width:420px; display:none; text-transform:none !important}

.drop-4{overflow:hidden; margin:45px 0 0 0; padding:6px; background:url(../images/green-opaq.png) left top repeat}
.drop-out-4-inner{overflow:hidden; padding:15px 0 15px 15px; background:#fff}
#header-right ul li:hover .drop-out-4{display:block}
.drop-4top{padding:0px 0 0px 0; position:relative}

.drop-out-4 em{font:bold 11px/16px 'Droid Serif',arial,serif; color:#8e2c07; background:url(../images/green-opaq.png) left top repeat; display:inline-block; position:absolute; left:0px; top:-40px; padding:6px 6px 0 6px}
.drop-out-4 em a{color:#8e2c07 !important; background:#fff; text-decoration:none; padding:12px 5px 12px 5px !important; margin:0 !important; display:block}
.drop-out-4 em a:hover{color:#8e2c07 !important; text-decoration:underline; padding:12px 5px 12px 5px !important; margin:0 !important; border-bottom:0px !important}

.drop-4-left{width:160px; float:left}
.drop-4-left strong{font:bold 14px/16px 'Droid Sans',arial,serif; color:#333232; border-bottom:1px solid #dbdbdb; padding:10px 0 4px 0; width:156px; display:block}
.drop-4-left ul{float:left !important; padding:10px 6px 10px 0!important; overflow:hidden}
.drop-4-left ul li{float:none !important; padding:0 !important; margin:0 !important}
.drop-4-left ul li a{color:#646464 !important; font:normal 12px/26px 'Droid Serif',arial,serif !important; text-decoration:none; display:inline-block !important; padding:0 8px 0 8px !important}
.drop-4-left ul li a:hover{background:#8e2c07; color:#fff !important; font-weight:bold !important; border-bottom:0 !important}
.drop-4-right{width:210px; float:left; margin:0 0 0 19px}
.drop-4-right strong{padding:10px 0px 4px 5px; display:block; border-bottom:1px solid #dbdbdb; font:bold 14px/16px 'Droid Sans',arial,serif; color:#333232}
.drop-4-right ul{padding:10px 6px 0 0!important; overflow:hidden; float:left !important}
.drop-4-right ul li{float:none !important; padding:0 !important; margin:0 !important}
.drop-4-right ul li a{color:#646464 !important; font:normal 12px/26px 'Droid Serif',arial,serif !important; text-decoration:none; display:inline-block !important; padding:0 8px 0 8px !important}
.drop-4-right ul li a:hover{background:#8e2c07; color:#fff !important; font-weight:bold !important; border-bottom:0 !important}
#header-right ul li .drop-out-5{position:absolute; top:-11px; right:-10px; width:440px; display:none; text-transform:none !important}
.drop-5{overflow:hidden; margin:45px 0 0 0; padding:6px; background:url(../images/green-opaq.png) left top repeat}
.drop-out-5-inner{overflow:hidden; padding:15px 0 15px 15px; background:#fff}

#header-right ul li:hover .drop-out-5{display:block}
.drop-5top{padding:0px 0 0px 0; position:relative}

.drop-out-5 em{font:bold 11px/16px 'Droid Serif',arial,serif; color:#8e2c07; background:url(../images/green-opaq.png) left top repeat; display:inline-block; position:absolute; right:0px; top:-40px; padding:6px 6px 0 6px}
.drop-out-5 em a{color:#8e2c07 !important; background:#fff; text-decoration:none; padding:12px 5px 12px 5px !important; margin:0 !important; display:block}
.drop-out-5 em a:hover{color:#8e2c07 !important; text-decoration:underline; padding:12px 5px 12px 5px !important; margin:0 !important; border-bottom:0px !important}
.drop-5-content{width:402px}
.drop-5-content strong{padding:0px 0px 6px 0px; display:block; border-bottom:1px solid #dbdbdb; font:bold 14px/16px 'Droid Sans',arial,serif; color:#333232}

.drop-5-content ul{padding:10px 6px 0 0!important; overflow:hidden; float:left !important; width:195px}
.drop-5-content ul li{float:none !important; padding:0 !important; margin:4px 0 0 0 !important}
.drop-5-content ul li a{color:#646464 !important; font:normal 12px/26px 'Droid Serif',arial,serif !important; text-decoration:none; display:inline-block !important; padding:0 8px 0 8px !important}
.drop-5-content ul li a:hover{background:#8e2c07; color:#fff !important; font-weight:bold !important; border-bottom:0 !important}
/*=======================drop boxes ends here=========================*/
/*==========================about us, workflow and team page start here=========================*/
.workprocess{margin:32px 0 20px 60px}
#slider{position:relative; height:350px; margin:-10px 30px 0 30px; overflow:hidden; padding-bottom:35px}
#slider-left{width:580px; position:absolute; left:0; top:0; z-index:10}
#slider-right{width:334px; position:absolute; right:0; top:0; z-index:20}
#slider-right ul{margin:0; padding:1px 0 0 0}
#slider-right ul li{list-style:none; padding:0; margin:0}
#slider-right ul li a{background:url(../images/slider-bg.gif) right top no-repeat; display:block; height:116px; text-decoration:none; color:#777}
#slider-right ul li a:hover{background:url(../images/slider-bg.gif) right -116px no-repeat}
#slider-right ul li a.active{background:url(../images/slider-bg.gif) right bottom no-repeat; color:black}
#slider-right ul li strong {font-size:31px; font-family:'Droid Serif',arial,serif; font-weight:normal; display:block; padding:27px 0 15px 60px}
#slider-right ul li span {font-size:12px; font-family:'Droid Serif',arial,serif; line-height:17px; display:block; padding:0px 50px 7px 60px}
.team{float:left; width:530px}
.team h2{font-size:27px; color:#000; padding:15px 0 18px 0; line-height:28px; font-family:'Droid Serif',arial,serif}
.team h3{font-size:21px; line-height:28px; color:#000; padding:15px 0 18px 0}

.team p{padding:11px 0px 13px 0; text-align:justify}
.team p strong a{text-decoration:none; color:#646464}
.team p strong a:hover{text-decoration:underline; color:#646464}

.team ul{padding:0 0 25px 0; margin:0; overflow:hidden}
.team ul li{width:165px; float:left; list-style:none; height:229px; margin:0 15px 15px 0; background:url(../images/frame.jpg) left top no-repeat; color:#3a3a3a; text-align:center}
.team ul li.last{margin:0 0 15px 0}
.photo{margin-top:17px}
.team ul li strong{font-size:18px; line-height:22px; display:block}
.team ul li span{font-size:12px; line-height:15px; display:block}

/*==========================about us, workflow and team page ends here=========================*/
/*==========================convert format pages start here=========================*/
#content-top-left2{float:left; width:540px; margin:0 0 0 0; padding:0 0 30px 33px}
#content-top-left2 h2{font-size:30px; line-height:32px; color:#000; padding:0 0 20px 0}
.img-cont{width:528px; height:295px; overflow:hidden}
.order-sec{background:#f6f4f5; padding:8px 15px 15px 15px; width:498px; overflow:hidden}
.order-sec-left{width:200px; float:left}
.order-sec-left ul{}
.order-sec-left ul li{background:url(../images/dot.jpg) left 7px no-repeat; font-size:11px; padding:0 0 0 8px; line-height:15px}
.order-sec-left ul li span{color:#990134}
.order-sec-left small{font-size:11px; padding:20px 0 0 0px; display:block; color:#646464}
.order-sec-right{width:250px; float:right}
.order-sec-right strong{font-size:40px; line-height:42px; display:block; text-align:right; font-family:'Droid Serif',arial,serif; padding:5px 0 0 0}
.order-sec-right strong a{text-decoration:underline; color:#35302d}
.order-sec-right strong a:hover{text-decoration:underline; color:#c54e2e}
.order-sec-right span{font-size:12px; color:#903; display:block; font-family:'Droid Serif',arial,serif; padding:18px 0 0 0; text-align:right}
/*===================================================*/
#wheel{margin:0px 0 0 33px; float:left; background:url(../images/wheel.jpg) left top no-repeat; height:383px; width:530px; overflow:hidden; padding:0 0 30px 0}

#convert-format{overflow:hidden; padding:27px 68px 0 68px}
.formation-out{overflow:hidden; padding:43px 0 50px 0; width:812px; border-bottom:1px solid #ececec}
.formation{float:left; width:407px; padding:15px 0px 0px 0px; overflow:hidden}
.format-right{float:right; width:365px; overflow:hidden}

.formation-left{width:365px; float:left}
.formation-left h3{font-size:44px; color:#646464; line-height:40px; letter-spacing:-3px; padding:0 0px 5px 0px; font-family:'Droid Serif',arial,serif}
.formation-left ul{}
.formation-left ul li{font:normal 12px/16px 'Droid Sans',arial,serif; color:#6c6c6c; padding:3px 0 0 0px}
.formation-left ul li span{color:#903}
.formation-left p{padding:20px 0 5px 0px; font:normal 14px/19px 'Droid Serif',arial,serif; text-align:justify}
.formation-bottom{overflow:hidden; padding:12px 0 0 0}

.formation-bottom-left{float:left; width:148px}
.formation-bottom-left span{display:block; width:148px}
.formation-bottom-left span a{font:19px/47px 'Droid Sans',arial,serif; color:#fff; background:url(../images/green-btn-px.jpg) left top repeat-x; display:block; text-align:center; text-decoration:none}
.formation-bottom-left span a:hover{color:#c84812; text-decoration:none}

.formation-bottom-right{float:right; width:150px; text-align:right}
.formation-bottom-right strong{font:19px/19px 'Droid Sans',arial,serif; color:#900c17; padding:4px 0 0 0px; display:block}
.formation-bottom-right span{font:12px/15px 'Droid Serif',arial,serif; display:block; padding:5px 0 0 0}
.formation-bottom-right span a{color:#303030; text-decoration:underline}
.formation-bottom-right a:hover{color:#e65619; text-decoration:underline}
/*==========================convert format pages ends here=========================*/
/*==========================faqs page start here=========================*/
#faculity{margin:15px 0 30px 0; float:left; width:520px}
#virtual{margin:0 0 30px 0}

#faculity h2{font-size:27px; color:#000; font-family:'Droid Serif',arial,serif; padding:0px 10px 20px 0px}
.collaps{background:url(../images/grey-bcg.jpg) left bottom repeat-x; overflow:hidden}
.collaps h3{font-size:14px; color:#b83404; font-family:'Droid Serif',arial,serif; padding:20px 10px 20px 15px; width:465px; display:inline-block; float:left}
.collaps span{width:15px; float:left; margin:30px 0 0 0}
.collaps-right{padding:0 30px 20px 30px; width:460px}
.collaps-right p{padding:20px 0 0px 0}
.collaps-right ul{padding:15px 0 0px 0}
.collaps-right ul li{background:url(../images/dot.jpg) left 7px no-repeat; margin-top:12px; font-size:14px; padding:0px 0 0 8px; line-height:18px}
/*==========================faqs page ends here=========================*/
/*==========================hire-dedicated developers page start here=========================*/
.top-area{width:880px; margin:0 0 0 33px;  padding:0px 0px 20px 0px}
.carouse-out{overflow:hidden; background:url(../images/hire-head-bgy.gif) repeat-x}
ul#hire-top-nav{list-style:none; padding:10px 0 10px 10px; margin:0px 0 0 0px; width:800px}
ul#hire-top-nav li{float:left; margin:0 8px 0 0}
ul#hire-top-nav li a{float:left; width:75px; padding:0 10px; height:165px; display:block}
ul#hire-top-nav li a:hover{text-decoration:none}
ul#hire-top-nav li a strong{padding:112px 0 0 0; font-size:12px; line-height:16px; color:black; display:block; text-align:center}

ul#hire-top-nav li a.joomla{background:url(../images/hire-head.jpg) no-repeat}
ul#hire-top-nav li a:hover.joomla, ul#hire-top-nav li.active a.joomla{background:url(../images/hire-head.jpg) 0 -165px no-repeat}

ul#hire-top-nav li a.html{background:url(../images/hire-head.jpg) -95px 0 no-repeat}
ul#hire-top-nav li a:hover.html, ul#hire-top-nav li.active a.html{background:url(../images/hire-head.jpg) -95px -165px no-repeat}

ul#hire-top-nav li a.osCommerce{background:url(../images/hire-head.jpg) -190px 0 no-repeat}
ul#hire-top-nav li a:hover.osCommerce, ul#hire-top-nav li.active a.osCommerce{background:url(../images/hire-head.jpg) -190px -165px no-repeat}

ul#hire-top-nav li a.Wordpress{background:url(../images/hire-head.jpg) -285px 0 no-repeat}
ul#hire-top-nav li a:hover.Wordpress, ul#hire-top-nav li.active a.Wordpress{background:url(../images/hire-head.jpg) -285px -165px no-repeat}

ul#hire-top-nav li a.Modx{background:url(../images/hire-head.jpg) -380px 0 no-repeat}
ul#hire-top-nav li a:hover.Modx, ul#hire-top-nav li.active a.Modx{background:url(../images/hire-head.jpg) -380px -165px no-repeat}

ul#hire-top-nav li a.Magento{background:url(../images/hire-head.jpg) -475px 0 no-repeat}
ul#hire-top-nav li a:hover.Magento, ul#hire-top-nav li.active a.Magento{background:url(../images/hire-head.jpg) -475px -165px no-repeat}

ul#hire-top-nav li a.Drupal{background:url(../images/hire-head.jpg) -570px 0 no-repeat}
ul#hire-top-nav li a:hover.Drupal, ul#hire-top-nav li.active a.Drupal{background:url(../images/hire-head.jpg) -570px -165px no-repeat}

ul#hire-top-nav li a.PHP{background:url(../images/hire-head.jpg) -665px 0 no-repeat}
ul#hire-top-nav li a:hover.PHP, ul#hire-top-nav li.active a.PHP{background:url(../images/hire-head.jpg) -665px -165px no-repeat}

ul#hire-top-nav li a.Zencart{background:url(../images/hire-head.jpg) -760px 0 no-repeat}
ul#hire-top-nav li a:hover.Zencart, ul#hire-top-nav li.active a.Zencart{background:url(../images/hire-head.jpg) -760px -165px no-repeat}

ul#hire-top-nav li a.prest{background:url(../images/hire-head.jpg) -855px 0 no-repeat}
ul#hire-top-nav li a:hover.prest, ul#hire-top-nav li.active a.prest{background:url(../images/hire-head.jpg) -855px -165px no-repeat}

ul#hire-top-nav li a.vbull{background:url(../images/hire-head.jpg) -950px 0 no-repeat}
ul#hire-top-nav li a:hover.vbull, ul#hire-top-nav li.active a.vbull{background:url(../images/hire-head.jpg) -950px -165px no-repeat}

ul#hire-top-nav li a.xcar{background:url(../images/hire-head.jpg) -1045px 0 no-repeat}
ul#hire-top-nav li a:hover.xcar, ul#hire-top-nav li.active a.xcar{background:url(../images/hire-head.jpg) -1045px -165px no-repeat}

ul#hire-top-nav li a.shopify{background:url(../images/hire-head.jpg) right 0 no-repeat}
ul#hire-top-nav li a:hover.shopify, ul#hire-top-nav li.active a.shopify{background:url(../images/hire-head.jpg) right -165px no-repeat}

.img-cont-third{width:528px; height:347px; position:relative}
.img-cont-third p{width:215px; position:absolute; right:35px; top:70px; font:normal 14px/20px 'Droid Sans',arial,serif; color:#000}
#content-top-right strong.hire{font-size:58px; line-height:56px; color:#9ccdbb; font-weight:bold; display:block; letter-spacing:-1px}
#content-top-right span.web{font-size:58px; line-height:56px; color:#9ccdbb; font-weight:bold; display:block; letter-spacing:-1px}

.padd-3{padding:0 0 0 20px}
/*===============================================*/
.stepcarousel{position:relative; width:825px; margin:0 0 0 30px; height:185px}
.stepcarousel .belt{position:absolute; left:0; top:0; width:870px; height:165px}
.paginate{position:absolute; bottom:20px; left:429px; z-index:100}
.stepcarousel .panel{float:left; width:96px; padding:0}
/*================================================*/
#content-main.pad{padding:0px 0px 0 33px; margin:25px 0px 0 0px}
#content-main-right-second{width:354px; float:left}
.cont-right-second.pad-2{margin:0 0 0 33px}
#content-main-right-second h3{padding:15px 0 18px 0}

.full-time{width:530px; padding:20px 0 20px 0; border-top:1px solid #ebebeb; overflow:hidden}
.full-time-sec{float:left; width:225px; padding:0 20px 0 20px}
.full-time-sec strong{font:bold 15px/20px 'Droid Sans',arial,serif; color:#ce4614; padding:0px 0 10px 0}
.full-time span{background:url(../images/green-btn.jpg) left top no-repeat; display:inline-block; float:right; margin:10px 30px 0 0; width:92px; text-align:center; font:normal 15px/28px 'Droid Sans',arial,serif; color:#fff}

.recent{margin:0 0 0 33px; width:295px}
.recent ul{border-bottom:1px solid #ebebeb; padding-bottom:25px}
.recent ul li{overflow:hidden;  padding:10px 0}
.img-cont-second{width:128px; float:left}
.img-cont-second img{border:1px solid #c4c4c4}

.recent-right{float:left; width:140px; height:109px; margin:0 0px 0px 17px; font-size:11px; font-family:'Droid Sans',arial,serif}
.recent-right p{font:normal 11px/16px 'Droid Sans',arial,serif; text-align:justify}
.recent-right span{display:block; color:#BA390A; padding:0px 0px 8px 0px}
.recent-right a{display:block; color:#BA390A; padding:8px 0px 0px 0px; text-decoration:underline; font-size:12px}
.recent-right a:hover{text-decoration:none}

#content-right-hire-new{width:350px; float:right; padding:20px 0 20px 0}
#content-right-hire-new h4{font:normal 21px/23px 'Droid Serif',arial,serif; color:#000; text-transform:none; margin:0px 0 10px 20px}

.heading-hire{width:350px; float:left; background:url(../images/grey-bcg.jpg) left bottom repeat-x; overflow:hidden}
.heading-hire strong{padding:10px 10px 20px 20px; float:left; width:270px; font-size:15px; font-family:'Droid Serif',arial,serif; color:#b83404; font-weight:normal}
.heading-hire span{width:15px; float:left; margin:12px 0 0 0}

.hiring-price{width:350px; float:left; background:url(../images/grey-bcg.jpg) left bottom repeat-x; overflow:hidden}
.hiring-price h3{padding:20px 10px 20px 20px; float:left; width:270px; font:bold 15px/18px 'Droid Sans',arial,serif; color:#b83404}
.hiring-price span{width:15px; float:left; margin:12px 0 0 0}

.content-right-hire1{width:350px; float:left; margin-top:15px; padding-bottom:15px}
.content-right-hire1 p{color:#646464; padding:0px 20px 0px 20px; font:normal 15px/18px 'Droid Sans',arial,serif}
.content-right-hire1 ul{padding:0px 0 0px 20px}
.content-right-hire1 ul li{background:url(../images/dot.jpg) left 7px no-repeat; margin-top:12px; font-size:14px; padding:0px 0 0 8px; line-height:18px}
.content-right-hire1 p.pad-2{padding:15px 20px 0 20px}

#developer-cost{border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#FAFAFA; height:40px; padding:0px 22px 0px 22px; clear:both; font-family:'Droid Sans',arial,serif}

.developer-cost{border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#FAFAFA; height:40px; padding:0px 22px 0px 22px; clear:both; font-family:'Droid Sans',arial,serif}
.developer-cost-left{float:left; color:#000; white-space:nowrap; height:40px; line-height:40px}
.developer-cost-right{float:right; font-weight:bold; color:#000; height:40px; line-height:40px}
.developer-cost.developer-cost-padding{margin:0px 0px 25px 0px}

#hire-web-developer-menu{padding:10px 0px 20px 22px; clear:both; overflow:hidden}
#hire-web-developer-menu ul, li{margin:0px; padding:0px; list-style:none}
#hire-web-developer-menu li{float:left; padding:0px 10px 0px 48px; width:90px; height:31px; margin:0px 0px 16px 0px; line-height:31px; text-align:left;  font:normal 15px/16px 'Droid Sans',arial,serif; color:#242424}
#hire-web-developer-menu li a{color:#646464}
#hire-web-developer-menu .xhtml-icon{background:url(../images/html-icon.jpg) left top no-repeat}
#hire-web-developer-menu .drupal-icon{background:url(../images/drupal-icon.jpg) left top no-repeat}
#hire-web-developer-menu .oscommerce-icon{background:url(../images/oscommerce-icon.jpg) left top no-repeat}
#hire-web-developer-menu .magento-icon{background:url(../images/magento-icon.jpg) left top no-repeat}
#hire-web-developer-menu .zencart-icon{background:url(../images/zencart-icon.jpg) left top no-repeat}
#hire-web-developer-menu .wordpress-icon{background:url(../images/wordpress-icon.jpg) left top no-repeat}
#hire-web-developer-menu .modx-icon{background:url(../images/modx-icon.jpg) left top no-repeat}
#hire-web-developer-menu .joomla-icon{background:url(../images/joomla-icon.jpg) left top no-repeat}
#hire-web-developer-menu .php-icon{background:url(../images/php-icon.jpg) left top no-repeat}
/*==========================hire-dedicated developers page ends here=========================*/
/*==========================portfolio page start here=========================*/
#portfolio-main{padding:15px 0 0 0; background:#fff}

#content-portfolio{overflow:hidden; padding:0px 0 0 0}
#portfolio-partition{height:410px; margin:0px 0px 40px 0px}
#shopper-partition{height:90px; margin:0px 0px 40px 0px}
#shopper-header-banner{margin:0px 35px 20px 35px; padding:0px 0px 45px 0px; background:url(../images/shop-header-footer.jpg) left bottom no-repeat;}
.shopper-banner-footer{border-top:5px solid #D7D3D2; border-left:5px solid #D7D3D2; border-right:5px solid #D7D3D2; height:180px; text-align:center; line-height:180px;}
#portfolio-block{padding:20px 40px 0px 40px}

#websiteBlocker{width:960px; margin:0 auto}
#slideShow{margin:0px 0px 0px 0px; padding:25px 0px 0px 5px}

.portfolio-select{float:right}
.portfolio-item-block{}

.portfolio-item{float:left; margin:0px 40px 0px 0px}
.clear{clear:both; height:1px}

.project-name{font-size:21px; font-weight:bold; color:#000; white-space:nowrap; margin:10px 0px 10px 0px}
.portfolio-select{font-size:11px}
.portfolio-select label{display:block; font:normal 11px/11px 'Droid Serif',arial,serif}
.portfolio-select select{width:230px; font-size:14px}

.roundabout-holder{padding:0px; height:275px; width:806px; left:64px}
.roundabout-moveable-item{height:19em; width:30.438em; cursor:pointer}
.roundabout-moveable-item img{height:19em; width:30.438em}
.roundabout-in-focus{cursor:auto}
.padd-top{padding-top:10px}

.center-top{overflow:hidden; padding:0 0 30px 0}
.center{margin-bottom:30px; padding:9px 0 0px 0;  background:url(../images/line-sep.jpg) 33px bottom no-repeat; overflow:hidden !important; width:943px; position:relative}
.center-left{width:510px; float:left; padding:0 0 0 51px}
.center-left h2{color:#323232; font-size:27px; line-height:31px; font-family:'Droid Serif',arial,serif; font-weight:normal; overflow:hidden; padding:0 0px 12px 0}
.center-left p{color:#323232; font-size:12px; line-height:18px; font-family:'Droid Serif',arial,serif; font-weight:normal; padding:0 0px 0px 0}

.center-right{width:210px; margin:0 30px 0 0; float:right}
.center-right h4{color:#b83404; font-size:14px; line-height:20px; font-family:'Droid Serif',arial,serif; text-transform:none; font-weight:normal; padding:5px 0px 5px 0}

.styled-small{background:url("../images/categories.jpg") no-repeat scroll left top transparent; color:#d0d0d0; font:italic 12px/31px arial,sans-serif; height:31px; overflow:hidden; padding:0 30px 0 15px; position:absolute; right:0; text-align:left; width:194px}
.padd{padding:3px 0 3px 10px}
#content-portfolio h3{font-size:19px; line-height:30px; font-family:'Droid Serif',arial,serif; color:#232323; width:247px !important; text-align:center; padding:12px 0 0 0}

select.styled-small{background-color:#fff; color:#232323; cursor:pointer; font-size:15px; font-weight:normal; font-style:normal; position:relative; right:15px; text-align:left; top:0px; z-index:5; width:194px !important}

.img-gallery { overflow:hidden; background:url(../images/line-sep.jpg) center bottom no-repeat; padding:0 0 0 0; }
.image-1{float:left; margin:0 23px 40px 32px; position:relative; width:254px; font-size:12px; line-height:20px;}
.image-1 img{width:247px; height:143px}
.image-1 img:hover{background:url(../images/opa.png) left top no-repeat}
.image-1 h3{border-bottom:1px solid #D7D3D2; text-align:left !important; margin:7px 0px 10px 0px; padding-bottom:5px !important; width:112px !important;}

.image-1 h3 span{font-size:11px; font-style:italic; float:right;}
.image-1 h4 {font-size:19px; line-height:26px; font-family:'Droid Serif',arial,serif; font-weight:normal; color:#232323; width:253px !important; text-align:center; padding:12px 0 0 0; display:block}

.image-1 a{text-decoration:underline; padding:0px 0px 0px 10px;}
.image-1 a:hover{text-decoration:none;}
.cart-price{border:1px solid #EBEBEB; background:#F4F4F4; margin:35px 0px 0px 0px; padding:10px; overflow:hidden;}
.cart-price:hover{border:1px solid #DEDEDE; background:#EDECEC;}
.content-height{height:270px;}
.cart-price .price{font-size:18px; color:#323232; float:left; line-height:38px;}
.cart-price .cart{float:right; text-align:right;}
.cart-price .cart a{text-decoration:none; font-weight:bold; font-size:13px; display:block; height:15px;}
.cart-price .cart a:hover{color:#D2303D;}
.cart-price .cart{font-size:8.5px; font-family:tahoma;}
.cart-price .cart strong{color:#323232;}

.image-1 ul{list-style:none outside none; overflow:hidden}
.image-1 li{float:left; font-size:11px; font-family:'Droid Serif',arial,serif; text-align:center; text-transform:uppercase; width:247px; padding:1px 16px 0 0}
.image-1 li a{color:#8e2601; display:inline-block; text-decoration:underline}
.image-1 li a:hover{color:#000; text-decoration:none}
.paging-123{color:#b6b6b6}
.paging-123 span.dissable{color:#b6b6b6; padding-right:10px; font:normal 17px/26px 'Droid Serif',arial,serif}
.paging-123 span.enable{color:#323232; font:normal 17px/26px 'Droid Serif',arial,serif}
.paging-123 a{font:normal 14px/26px 'Droid Serif',arial,serif; display:inline-block; margin:0 7px 0 7px; color:#838383}

.smallheading{font:bold 14px/26px 'Droid Serif',arial,serif;  padding:1px 7px 0 9px; display:inline-block; background:url(../images/page.jpg) left top no-repeat; color:#595959}
.proj-img{height:143px; width:247px; position:relative; border:5px solid #d7d3d2}
.proj-img span{background:url(../images/opa.png) no-repeat left top; height:143px; width:247px; position:absolute; left:0; top:0}
.proj-img:hover span{display:none}

.paging {overflow:hidden}

/*==========================portfolio page ends here=========================*/
/*==========================contact us page start here=========================*/
#content-top-right address{font:normal 14px/18px 'Droid Serif',arial,serif; color:#646464; display:block; padding:10px 0 0 0}

#contct{width:530px; float:left; padding:0 30px 0 0}
#contct h2{font-size:27px;  font-weight:normal; color:#000; margin:0px 0 3px 0}
#contct p{padding:15px 0 0 0}
.contact-form{padding:26px 0 0 0}
.contact-form ul{}
.contact-form li{overflow:hidden; list-style:none; height:23px}
.contact-form li label{width:165px; float:left; font:normal 14px/16px 'Droid Sans',arial,serif}
.contact-form li .text-field{width:255px; border:solid 1px #ababab; font-size:12px; line-height:14px; padding:3px; float:left}
.contact-form li .select{width:263px;  font-size:12px; line-height:14px; padding-left:3px; float:left}
.contact-form li.textarea{height:150px}
.contact-form li .text-area{height:140px; width:325px; border:solid 1px #ababab; font-size:12px; line-height:16px; padding:3px; float:left; margin:0}
.contact-form li.red-error{color:red; padding:0 0 0 165px; font-size:12px; line-height:16px; height:23px}
.contact-form li.submit{height:50px}
.contact-form li .sub{margin:0 0 0 165px}

/*====================================contact us page ends here======================================*/
#projects{width:405px; height:209px; display:block; margin:0 auto; position:relative}
#projects-bottom{height:48px; width:799px; position:absolute; left:0; bottom:0}
#project-type-nav{width:178px; float:left; position:relative}
#project-type-nav li{width:161px; height:38px}
#project-type-nav li.current{position:absolute; width:182px; height:41px; display:block; background:url(../images/sliderTip.png) 167px top no-repeat; top:-1px; left:-7px}

#project-type-nav li a{width:161px; height:36px; display:block; overflow:hidden; cursor:pointer}
#scroller-web-window{height:160px; width:215px; margin:17px 0 0 10px; font-size:12px; color:#323232; line-height:20px}
#scroller-web-window em{display:block; margin:20px 0px 0px 0px}
#scroller-window{position:relative; overflow:hidden; width:225px;  height:209px; float:left}
#scroller-fade-left, #scroller-fade-right{position:absolute; width:10px; height:100%; top:0px}
#scroller-fade-left{left:0px}
#scroller-fade-right{right:0px}
#scroller-web-window{overflow:hidden; height:192px}
#scroller-web-wrap{position:absolute}
#scroller-iphone-window{overflow:hidden}

#scroller-iphone-wrap{position:absolute}
#scroller-desk-window{overflow:hidden}
#scroller-desk-wrap{position:absolute}
#scroller-window .project{float:left}
#scroller-vertical{position:absolute; top:0; left:0px}
/*====================================testimonials page start here======================================*/
#testimonials{background:#fff}
.testi{background:url(../images/port-hdn.jpg) left bottom no-repeat; margin:50px 0 0 35px; width:879px; text-align:center}
.testi strong{font-size:62px; color:#a7d2b6; font-weight:bold; font-family:'Droid Serif',arial,serif; padding:0px 0px 37px 0px; display:block}

.testi span{color:#646464; font:normal 27px/27px 'Droid Serif',arial,serif; background:#fff; display:inline-block; padding:0 20px 0 20px; text-align:center}

.testi-content{overflow:hidden; padding:25px 0 0 67px}
.testi-content-sec{padding:25px 0 0 0; overflow:hidden}
.box-2{background:url(../images/box-2-top.jpg) left top no-repeat; overflow:hidden}
.box-2-mid{background:url(../images/box-2px.jpg) left top repeat-y}
.box-2-bot{background:url(../images/box-2-bot.jpg) left bottom no-repeat; padding-bottom:4px}
.testi-content-sec-first{width:391px; margin:0 33px 0 0; float:left; background:url(../images/single-quote.jpg) left 1px no-repeat; padding:22px 0 0 0}
.video-sec{overflow:hidden; padding:0 0 0 106px}
.video-sec-left{width:100px; float:left}
.video-sec-left-movie{width:95px}
.video-sec-left-movie-btn{margin:5px 0 0 0}

.box-2 ul{overflow:hidden}
.box-2 ul li{float:left; background:url(../images/seprt3.jpg) right top no-repeat; font:normal 12px/14px 'Droid Serif',arial,serif;  padding:0 5px 0 5px}
.box-2 ul li.last{background:none}
.box-2 ul li strong{color:#000}
.video-sec-right{width:170px; float:left}
.testi-content-sec-first p{color:#000; font:normal 14px/21px 'Droid Serif',arial,serif; padding:20px 28px 25px 41px}
.testi-content-sec-second{width:280px; margin:27px 0px 0 21px; float:left; background:url(../images/quoted-area.jpg) left top no-repeat; padding:0px 74px 20px 50px}
.testi-content-sec-second p{color:#000; font:normal 14px/21px 'Droid Serif',arial,serif; padding:10px 45px 25px 0px}
/*===========overlay start here============*/
.white_content{padding:16px 10px 0 10px; background:#fff url(../images/video-sec-bg.jpg) left bottom repeat-x; border:1px solid #bdbcbd; overflow:auto; width:480px; height:390px; overflow:hidden}
.movie{width:480px; height:385px; position:absolute; left:10px; top:12px; z-index:1000}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1005; overflow:hidden}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative; overflow:hidden; z-index:501}
#cboxLoadedContent{overflow:hidden}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
#cboxOverlay{background:url(../images/overl-bg.png) left top repeat}
#colorBox{}

#cboxLoadedContent{margin-bottom:0}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%}
#cboxCurrent{position:absolute; bottom:0px; left:100px}
#cboxSlideshow{position:absolute; bottom:0px; right:42px}
#cboxPrevious{position:absolute; bottom:0px; left:0}
#cboxNext{position:absolute; bottom:0px; left:63px}
#cboxLoadingOverlay{background:#fff}
#cboxClose{position:absolute; top:-2px; right:-2px; z-index:2000; display:block; background:url(../images/close-btn.png) no-repeat; height:38px; width:38px; text-indent:-9999px; display:block}
/*===========overlay ends here============*/
/*====================================testimonials page start here======================================*/
/*====================================guarantee page start here======================================*/
.img-cont-big{margin:10px 0 0 10px; position:relative}
#agreement{width:100%; float:left; margin:25px 0 0 0}
#agreement ul{padding:0 0 0 35px; margin:0; list-style:none; width:510px}
#agreement ul li{background:url(../images/green-dot.jpg) left 17px no-repeat; font:normal 20px/25px 'Droid Serif',arial,serif; color:#5b5b5b; padding:7px 0 0 20px}
#agreement ul li a{color:#5b5b5b; text-decoration:none}
#agreement ul li a:hover{color:#c85505; text-decoration:none}
#content-main-left h2.lily{background:url(../images/lily.jpg) left top no-repeat; padding:20px 0 25px 75px}
#content-main-left h2.lock{background:url(../images/green-lock.jpg) left top no-repeat; padding:10px 0 25px 75px; margin:15px 0 0 0}
#content-main-left h2.currency{background:url(../images/currency.jpg) left top no-repeat; padding:20px 0 25px 75px}
/*====================================guarantee page ends here======================================*/
#content-pay-direct{overflow:hidden; padding:30px 0 0 0px}
#content-pay-direct.spacing { padding:30px 0 0 40px;}
#content-pay-direct h2{font-weight:700; font-size:62px; line-height:65px; font-family:'Droid Serif',arial,serif; color:#a2cfbb; text-align:center; padding:0 0 30px 0}
#content-pay-direct strong{font:bold 17px/20px 'Droid Serif',arial,serif; color:#646464; padding:0 15px 0 0; width:255px; display:block}
.pay-textbox{background:url(../images/inp-bg2.jpg) left top no-repeat; width:266px; height:27px; padding:2px 5px; font:normal 14px/27px Arial,Helvetica,sans-serif; color:#000; border:0px}
.pay-textarea{width:270px; height:126px; padding:5px; background:url(../images/textarea-bg2.jpg) left top no-repeat; font:normal 14px/27px Arial,Helvetica,sans-serif; color:#000; border:0px}
.pay-textbox-small{background:url(../images/inp-small.jpg) left top no-repeat; width:86px; height:27px; padding:2px 5px; font:normal 14px/27px Arial,Helvetica,sans-serif; color:#000; border:0px}

.inp-1{background:url(../images/inp-bg3.jpg) left top no-repeat; width:133px; text-align:center; font:bold 17px/32px 'Droid Serif',arial,serif; color:#fff; display:block; float:left}

.pay-button{width:189px; height:63px; border:0px}
.fees{font:bold 15px/32px Droid Serif,arial,serif; color:#646464; display:inline-block; padding:0px 2px 0 5px; float:left}
.fees a{color:#646464; text-decoration:none; border-bottom:1px dotted #646464}
.fees a:hover{color:#646464; text-decoration:none; border-bottom:1px solid #646464}

.inp-2{background:url(../images/inp-bg4.jpg) left top no-repeat; width:60px; height:31px; text-align:center; font:bold 17px/32px 'Droid Serif',arial,serif; color:#fff; display:inline-block; float:left; color:#ad2e05; border:0px}
.paypal-fee div{float:left}

/*site map page */
.sitemap{padding:0px 40px}
.listing{overflow:hidden; border-bottom:1px solid #9c9c9c}
.general{padding:48px 0 22px 0; width:205px; float:left}
.general h2{font:normal 19px/28px 'Droid Serif',arial,serif; color:#252525; padding-bottom:5px}
.general ul{list-style:none; float:left}
.general ul li{font:normal 13px/27px 'Droid Serif',arial,serif; color:#9c9c9c}
.general ul li a{text-decoration:none; font:normal 13px/27px 'Droid Serif',arial,serif; color:#9c9c9c; display:block}
.general ul li a:hover{text-decoration:underline; color:#3d3d3d}

.listing2{overflow:hidden}
.general2{padding:32px 0 0px 0; width:205px; float:left}
.general2 h2{font:normal 19px/28px 'Droid Serif',arial,serif; color:#252525; padding-bottom:10px}
.general2 ul{list-style:none; float:left}
.general2 ul li{font:normal 13px/27px 'Droid Serif',arial,serif; color:#9c9c9c}
.general2 ul li a{text-decoration:none; font:normal 13px/27px 'Droid Serif',arial,serif; color:#9c9c9c; display:block}
.general2 ul li a:hover{text-decoration:underline; color:#3d3d3d}
.regional{margin:30px 0 0px 0}

/*site map page */
.uploadifyQueueItem{background-color:#F5F5F5; border:2px solid #E5E5E5; font:11px Verdana,Geneva,sans-serif; margin:5px 0 5px 1px; padding:5px; width:353px; height:28px; display:block}
.uploadifyError{background-color:#FDE5DD !important; border:2px solid #FBCBBC !important}
.uploadifyQueueItem .cancel{float:right}
.uploadifyQueue .completed{background-color:#E5E5E5; display:block}
.uploadifyProgress{background-color:#E5E5E5; margin-top:10px; width:100%}
.uploadifyProgressBar{background-color:#09F; height:3px; width:1px}

#file_uploadQueue{background:url(../images/upload-process-btm.jpg) left bottom no-repeat; width:369px; max-height:146px; display:block;  overflow:hidden}
.upload-top{background:url(../images/upload-process-top.jpg) no-repeat}
.upload-mid{background:url(../images/upload-process-mid.jpg) repeat-y; margin:10px 0 0 0}

/*====================================checkout page starts here======================================*/
#checkout{background:#fff; overflow:hidden; padding:20px 0 0 0}
.check-content{overflow:hidden; padding:40px 0 0 67px}
.check-content-left{width:460px; float:left}
.check-content-left h2{color:#b83404; font:normal 27px/30px 'Droid Serif',arial,serif; letter-spacing:-.5px; padding:20px 0 10px 0}
.check-content-left ul{overflow:hidden; padding:10px 0 0 0}
.check-content-left ul li{display:inline-block; padding:7px 0 0 0; width:460px}
.check-content-left ul li label{width:87px; display:inline-block; float:left; font:bold 12px/15px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:10px 0 10px 0; color:#323232}
.check-content-left ul li label.lab-1{padding:7px 0 97px 0}

.inp-6{background:url(../images/inp-bcg4.jpg) left top no-repeat; width:307px; height:26px; padding:3px 5px 3px 5px; font:normal 12px/26px Arial,Helvetica,sans-serif; float:left; border:0; color:#000}

.textarea-1{background:url(../images/textarea-bg3.jpg) left top no-repeat; width:307px; height:91px; padding:5px 5px 5px 5px; font:normal 12px/15px Arial,Helvetica,sans-serif; float:left; border:0; color:#000}

.inp-7{background:url(../images/inp-bg5.jpg) left top no-repeat; width:228px; height:26px; padding:3px 5px 3px 5px; font:normal 12px/26px Arial,Helvetica,sans-serif; float:left; border:0; color:#000}

.styled-big-out{padding:0 0 10px 0px; float:left;  position:relative; width:237px}
.styled-big{background:url(../images/sel-1.jpg) no-repeat left top; color:#323232; font:15px/32px arial,sans-serif; height:32px; overflow:hidden; padding:0 0 0 15px; position:absolute; left:0px; text-align:left; width:221px}

select.styled-big{background-color:#fff; color:#323232; cursor:pointer; font-size:15px; font-weight:normal; position:relative; left:-15px; text-align:left; top:0px; z-index:5; width:236px}
.padd-4{padding:3px 0 3px 15px}

.styled-bigger{background:url(../images/sel-3.jpg) no-repeat left top; color:#323232; font:15px/32px arial,sans-serif; height:32px; overflow:hidden; padding:0 0 0 15px; position:absolute; left:0px; text-align:left; width:221px}

select.styled-bigger{background-color:#fff; color:#323232; cursor:pointer; font-size:15px; font-weight:normal; position:relative; left:-15px; text-align:left; top:0px; z-index:5; width:236px}

.enter-image{font:normal 12px/15px 'Droid Serif',arial,serif; color:#323232; padding:15px 0 4px 0; display:block; width:250px}
.submit-btn{margin:18px 0 0 85px}
.space{padding:0 0 7px 85px}

.check-content-right{width:364px; float:left}
.box-pink{background:url(../images/box-pink-top.jpg) left top no-repeat; padding:5px 0 0 0; overflow:hidden; min-height:600px}
.box-pink-mid{background:url(../images/box-pink-px.jpg) left top repeat-y}
.box-pink-bot{background:url(../images/box-pink-bot.jpg) left bottom no-repeat; padding:0px 0 45px 0}

.box-pink-inner{overflow:hidden; padding:17px 26px 25px 26px}
.box-pink-inner h2{color:#b83404; font:bold 27px/30px 'Droid Serif',arial,serif; letter-spacing:-.5px; padding:0px 0 0px 0}

.box-pink-inner-sec { padding:23px 0 25px 0}
.box-pink-inner-sec h3{color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:0px 0 15px 0}

.box-pink-inner-sec ul{overflow:hidden}
.box-pink-inner-sec ul li{width:304px; overflow:hidden; border-top:1px solid #e7d7ce; padding:7px 0 6px 0; color:#323232}
.box-pink-inner-sec ul li.cost{width:304px; background:#fff; border:1px solid #b9957b; padding:7px 0 6px 5px; margin:9px 0 0 0 }

.box-pink-inner-sec ul li small{display:inline-block; float:left; text-align:left; font:normal 13px/15px 'Droid Serif',arial,serif}
.box-pink-inner-sec ul li em{display:inline-block; float:right; text-align:right; font:normal 13px/15px 'Droid Serif',arial,serif; padding:0 5px 0 0}

.box-pink-inner dfn{color:#b83404; font:normal 15px/17px 'Droid Serif',arial,serif; display:block; padding:0px 0 8px 0}

.box-pink-inner dfn.padd-2{padding:15px 0 15px 0}

.box-pink-inner-bot{padding:25px 0 0px 0}
.box-pink-inner-bot h3{color:#bc3f11; font:bold 20px/24px 'Droid Serif',arial,serif; letter-spacing:-.6px; padding:4px 0 13px 0}

.box-pink-inner-bot ul{overflow:hidden; background:#fff; border:1px solid #b9957b; padding:10px 15px 13px 15px}
.box-pink-inner-bot ul li{overflow:hidden; padding:5px 0 0px 0}
.box-pink-inner-bot ul li small{display:inline-block; float:left; text-align:left; font:bold 17px/20px 'Droid Serif',arial,serif; color:#323232}
.box-pink-inner-bot ul li em{display:inline-block; float:right; text-align:right; font:bold 17px/20px 'Droid Serif',arial,serif; padding:0 0px 0 0; color:#bc3f11}

.edit-order{margin:27px 0 0 60px}
.descrip{font:italic 11px/13px 'Droid Sans',arial,serif; color:#5c5c5c; background:url(../images/asterics.jpg) left 10px no-repeat; padding:12px 74px 20px 8px; width:230px; display:block}


.accord-first { border-top:4px solid #e8beab; margin:20px 0 -7px 0; overflow:hidden; position:relative}
.accord-first-layout{color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:10px 0 0px 0; /*color:#9c3001;*/ cursor:pointer}

.accord-firstimg {float:left; padding:12px 15px 9px 26px}
.accord-first a{ background:url(../images/arrow-2.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}
.accord-first-active {overflow:hidden; margin:20px 0 -7px 0; border-top:4px solid #e8beab; position:relative}

.accord-first-layout-active {color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:10px 0 0px 0; cursor:pointer}

.accord-firstimg {float:left; padding:12px 13px 9px 26px}
.accord-first-active a{ background:url(../images/arrow-2-hov.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}

.accord-second { overflow:hidden; margin:20px 0 -7px 0; border-top:4px solid #e8beab;  position:relative}
.accord-second-layout{color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:10px 0 0px 0; /*color:#9c3001;*/ cursor:pointer}

.accord-secondimg {float:left; padding:12px 15px 9px 26px}
.accord-second a{ background:url(../images/arrow-2.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}
.accord-second-active {overflow:hidden; margin:20px 0 -7px 0; border-top:4px solid #e8beab; position:relative}

.accord-second-layout-active {color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.2px; padding:10px 0 0px 0; cursor:pointer}
.accord-second-active a{ background:url(../images/arrow-2-hov.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}

.accord-third { overflow:hidden; margin:20px 0 -7px 0; border-top:4px solid #e8beab;  position:relative}
.accord-third-layout{color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.4px; padding:10px 0 0px 0; /*color:#9c3001;*/ cursor:pointer}

.accord-thirdimg {float:left; padding:12px 15px 9px 26px}
.accord-third a{ background:url(../images/arrow-2.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}
.accord-third-active {overflow:hidden; margin:20px 0 -7px 0; border-top:4px solid #e8beab; position:relative}

.accord-third-layout-active {color:#323232; font:bold 19px/24px 'Droid Serif',arial,serif; letter-spacing:-.4px; padding:15px 0 0px 0; cursor:pointer}
.accord-third-active a{ background:url(../images/arrow-2-hov.png) no-repeat; position:absolute; top:14px; right:0px; display:block; width:20px; height:21px; text-indent:-99999px}
/*====================================checkout page ends here======================================*/