@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, form, input, textarea, dd, ul ,li {margin:0; padding:0;}

body {background:#b4d1bb url(images/body-bcg.jpg) center top repeat-x;
 font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
 color:#646464;
 padding-bottom: 30px; position:relative;}

html a {outline:none;}

a{ color: #900c17; text-decoration: none;}
a:hover{ color: #900c17; text-decoration: underline;}

a{ color: #900c17; text-decoration: none;}
a:hover{ color: #900c17; text-decoration: underline;}

h2,h3,h4,h5{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

#outer {background:url(images/top-bcg.jpg) center top repeat-x; width:100%; margin:0; padding:0;}
#main {width:948px; padding:0; margin:0 auto; background:#FFFFFF url(images/head-bcg.jpg) left top no-repeat; overflow:hidden; position:relative;}

h1{ font: normal 11px/20px Georgia, "Times New Roman", Times, serif; width:948px; margin:0 auto; text-align:right; color:#c0bfbf;}

/***********************************head section start here****************************************/
#header{ overflow: hidden; padding: 8px 0 0 0;}

#header h2 {width:273px; height: 84px; float:left;}  
#header h2 a { background:url(images/logo.png) left top no-repeat; width:273px; height:96px; text-indent:-999999px; display:block;}

.navigation{width:625px;float:right;}
.navigation .top-link{ overflow: hidden; text-align:right; display:block; padding: 5px 0 15px 0;}
.navigation .top-link a{ padding-left: 26px; color:#eeb222; text-decoration: none; font-size: 11px; font-weight: bold;}
.navigation .top-link a:hover{ text-decoration: none; color: white;}

.navigation .top-link a.email{ text-decoration: underline;}
.navigation .top-link a:hover.email{ text-decoration: none; color:#eeb222;}

.navigation ul{	list-style:none; overflow: hidden; margin-top: 40px;}
.navigation ul li {font-size:11px; font-weight:bold; float:left; color:#FFFFFF;text-transform:uppercase; margin-left:14px; white-space:nowrap;}
.navigation ul li a {color:#FFFFFF; text-decoration:none; display: block; height: 35px;}
.navigation ul li a:hover {color:#FFFFFF; display: block; border-bottom: 3px solid white;}
.navigation ul li.green a,.navigation ul li.green a:hover{ color: #93ea19;}


#chat {position: fixed; right: 0; top: 280px; height: 126px; width: 31px; display:block;}
#chat a{ display: block; height: 126px; width: 31px;}

.social-net{position: absolute; width: 450px; top: 5px; right: 100px; }
.social-net ul{ overflow: hidden; }
.social-net ul li{ float: right; list-style: none; padding: 0 10px 0 0;}
.social-net ul li#subsc { height:24px; font-size:15px; font-style:italic; text-transform:lowercase; font-weight:normal; }
.social-net ul li#subsc a {background:url(images/sub-button.png) left top no-repeat; width:70px; height:24px; color:#060607;  padding:0 0 0 28px; display:block; }
.social-net ul li#subsc a:hover {color:#ff9a17; text-decoration:none;  }
.social-net ul li#follow { height:24px; font-size:15px; font-style:italic; text-transform:lowercase; font-weight:normal; padding-left:15px; color:#ff9a17; }
.social-net ul li#follow a {background:url(images/bird-2.png) left top no-repeat; width:160px; height:24px; color:#060607;  padding:0 0 0 28px; display:block; }
.social-net ul li#follow a:hover {color:#ff9a17; text-decoration:none; }



/***********************************head section ends here****************************************/
/*********************************content-top starts here********************************/
#content-top {overflow:hidden; padding-top:20px; background:url(images/shadowed-partition.gif) left bottom no-repeat; padding-bottom:15px; width: 100%; clear:both;}
#contenttop-left {background:url(images/letterbox-bcg.jpg) left top no-repeat; width:614px; float:left; position:relative; }
#letter-box { margin:0px 0 0 2px; float:left; position:relative;}
/*#letter-box span {font-size:15px; color:#FFFFFF; position:absolute; left:257px; top:56px; }*/
#letter-box h2 {position:absolute; left:-5px; top:0px;}
#letter-box h3 {position:absolute; left:520px; top:0px;}
#box {margin:11px 0 0 10px;}

#design {width:100%; float:left; }
#design ul {margin:0; padding:0; list-style:none;}
#design ul li {float:left; width:540px;}
#design ul li#submit a {background:url(images/one.jpg) left top no-repeat; padding:0px 0 10px 30px; font-size:20px; font-weight:bold; margin:25px 0 0 35px; color:#5b5b5b; text-decoration:none; float:left;}
#design ul li#submit a:hover {background:url(images/one-hover.jpg) left top no-repeat; color:#000000; text-decoration:none;}
.your {color:#7bbca4;}
#design ul li#task a {background:url(images/two.jpg) left top no-repeat; padding:4px 0 10px 30px; color:#5b5b5b; text-decoration:none; font-size:12px;  font-weight:normal; margin:0px 0 0 35px; float:left; }
#design ul li#task a:hover {background:url(images/two-hover.jpg) left top no-repeat; color:#000000; text-decoration:none;}
#design ul li#code a {background:url(images/three.jpg) left top no-repeat; padding:4px 0 10px 30px; font-size:12px; font-weight:normal; margin:0px 0 0px 35px; color:#5b5b5b; text-decoration:none; float:left;}
#design ul li#code a:hover {background:url(images/three-hover.jpg) left top no-repeat;  color:#000000; text-decoration:none;}

#contenttop-right {width:333px; float:right; overflow:hidden;}
#contenttop-right h2 {background:url(images/psd.jpg) left top no-repeat; width:236px; height:116px; text-indent:-999999px; display:block; margin:0px 0 16px 0px;}

#contenttop-right ul {margin:0; padding:0 0 0px 0; list-style:none; float:left; width:300px; }
#contenttop-right ul li {background:url(images/dot.jpg) left 7px no-repeat; margin-top:11px; padding-left:19px; font-size:14px; color:#646464;}
/*********************************content-top ends here********************************/
/*********************************content area starts here********************************/
#content { background:url(images/content-bg.jpg); overflow: hidden; padding: 32px 0 0 0; clear: both;}
#content-portfolio { overflow: hidden; padding: 32px 0 0 0; clear: both;}
#content-pay-direct { background:url(images/direct-payment.jpg); overflow: hidden; padding: 20px 0 0 0; clear: both;}
/*********************************content right area starts here********************************/

#content-right {width: 290px; float:right; padding: 0 30px;}
#content-right h2 { font-size:21px; font-weight: bold; line-height: 25px; color:#000000; margin:0 0 26px 35px;}

#content-right h4 {font-size:21px; font-weight:bold; color:#000000; white-space:nowrap;}
#content-right h6 {font-size:21px;  font-weight:bold; color:#000000; float:left; padding:0 50px 24px 35px;}
#content-right h5 {font-size:21px;  font-weight:bold; color:#000000; padding:34px 115px 31px 10px; float:left; border-top:1px solid #ebebeb; margin:0px 0 0 20px;}

/*********************************content area ends here********************************/

/*********************************contact-us page starts here********************************/
#location {width:595px; float:left;}
#location h2 {font-size:27px; color:#000000;  float:left; margin:0 0 0 34px;}
#location h3 {background:url(images/live-chat.jpg) left top no-repeat; width:528px; height:302px; float:left;  margin:21px 0 19px 37px;}
#location h3 a{ display:block; text-indent:-999999px; width:528px; height:302px;}
#need h4 {background:url(images/need-to-talk.jpg) left top no-repeat; width:268px; height:112px; text-indent:-999999px;
display:block; margin:0;}
#need h2 {background:url(images/need-to-talk.jpg) left top no-repeat; width:268px; height:112px; text-indent:-999999px;
display:block; margin:0;}
#need p {font-size:15px; color:#646464; padding:28px 52px 0px 0px; line-height:24px;}
#need h5 {font-size:15px; color:#646464; padding: 25px 0px 0px 0px; font-weight:normal; line-height:24px;}
#need h6 {font-size:15px; color:#900c17; padding:0px 0px 20px 0px; line-height:24px; font-weight: normal;}
#touch {width:100%; float:left;}
#touch h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 3px 0;}
#touch h3 {font-size:15px; color:#646464; font-weight:bold; padding:0 0 50px 0;}

.name_text {font-size:15px; color:#646464; float:left;}
.inp-1 {height:25px; width:254px; margin:0 110px 0 87px; border:1px solid #ababab; font-size:15px; color:#646464;}
.name_text-2 {font-size:15px; color:#646464; float:left; margin-top:20px;}
.inp-3 {height:25px; width:254px; margin:22px 110px 0 27px; border:1px solid #ababab; font-size:15px; color:#646464;}
.inp-4 {height:25px; width:254px; margin:22px 110px 0 115px; border:1px solid #ababab; font-size:15px; color:#646464;}
.inp-5 {height:25px; width:254px; margin:22px 110px 0 62px; border:1px solid #ababab; font-size:15px; color:#646464;}
.inp-6 {height:147px; width:324px; margin:22px 50px 0 94px;  border:1px solid #ababab; font-size:15px; color:#646464;}
.sub {margin:33px 0 0 165px;}
/*********************************contact-us here********************************/
/*********************************execute page starts here********************************/
#robot {background:url(images/letterbox-bcg.jpg) left top no-repeat; width:614px; float:left; }
#ten { margin:0px 0 0 2px; float:left; position:relative;}
#ten span {font-size:15px; color:#FFFFFF; position:absolute; left:35px; top:142px; }
#ten h2 {position:absolute; left:-5px; top:0px;}
#ten h3 {position:absolute; left:520px; top:0px;}
#box {margin:11px 0 0 10px;}

#execute {width:100%; float:left; }
#execute ul {margin:0; padding:0; list-style:none;}
#execute ul li {float:left;}
#execute ul li#with a {background:url(images/one.jpg) left top no-repeat; padding:2px 0 5px 30px; font-size:12px; font-weight:normal; margin:25px 0 10px 35px; color:#5b5b5b; text-decoration:none; float:left;}
#execute ul li#with a:hover {background:url(images/one-hover.jpg) left top no-repeat; color:#000000; text-decoration:none;}
#execute ul li#cost a {background:url(images/two.jpg) left 5px no-repeat; padding:4px 0 4px 30px; color:#5b5b5b; text-decoration:none; font-size:20px;  font-weight:bold; margin:0px 0 10px 35px; float:left; }
#execute ul li#cost a:hover {background:url(images/two-hover.jpg) left 5px no-repeat; color:#000000; text-decoration:none;}
#execute ul li#when a {background:url(images/three.jpg) left top no-repeat; padding:4px 0 10px 30px; font-size:12px; font-weight:normal; margin:0px 0 15px 35px; color:#5b5b5b; text-decoration:none; float:left;}
#execute ul li#when a:hover {background:url(images/three-hover.jpg) left top no-repeat;  color:#000000; text-decoration:none;}

/*********************************execute page ends here********************************/
/*********************************joomla page starts here********************************/
#order {width:539px; height:372px; float:left; margin:33px 0 0px 34px; padding-bottom:49px; position:relative;}
#order a {width:539px; height:372px;display:block; border:0px; }
/*************************************/

/********************************/
#expert {width:500px; float:left; margin:15px 0 190px 0px;}
#expert h2 {font-size:27px;  font-weight:bold; color:#000000; margin:0px 0 0 0px; }
#expert p {font-size:15px; color:#646464; padding:33px 0 0 0; line-height:24px;}
/*********************************joomla page ends here********************************/
/*********************************additional page starts here********************************/
#additional {width:538px; height:373px; float:left; margin:33px 0 0px 34px; padding-bottom:49px; position:relative;}
#additional a {width:538px; height:373px; display:block; border:0px; }
#additional a:hover {background:url(images/additional-hover.jpg) left top no-repeat;}
#additional span {font-size:12px; color:#6c6c6c; position:absolute; left:35px; top:335px; }
#suffice {width:530px; float:left; margin:0 0 20px 0px; text-align:justify;}
#suffice h2 {font-size:27px;  font-weight:bold; color:#000000; margin:0px 0 0 0px; }
#suffice p {font-size:15px; color:#646464; padding:33px 0 0 0; line-height:24px;}
/*********************************additional page ends here********************************/
/*********************************magneto page starts here********************************/
/*********************************magneto page ends here********************************/
/*********************************os-commerce page starts here********************************/
#zencart {width:510px; float:left; margin:15px 0 20px 0px;}
#zencart h2 {font-size:27px;  font-weight:bold; color:#000000; margin:0px 0 0 0px; }
#zencart p {font-size:15px; color:#646464; padding:33px 15px 0 0; line-height:24px;}

/*********************************os-commerce page ends here********************************/
/*********************************wordpress page starts here********************************/
#wordpress {width:539px; height:374px; float:left; margin:33px 0 0px 34px; padding-bottom:49px; position:relative;}
#extensible {width:311px; float:left; margin:48px 0 48px 42px;}
#extensible h2 {background:url(images/features-xhtm.jpg) left top no-repeat; width:296px; height:113px; float:left; text-indent:-999999px;
display:block; padding-bottom:12px;}
#extensible ul {margin:0 0 0 0; padding:0; list-style:none; float:left;}
#extensible ul li {background:url(images/dot.jpg) left 8px no-repeat; margin-top:14px; padding-left:19px; font-size:15px; color:#646464;}
#weblog {width:510px; float:left; margin:15px 0 0px 0px;}
#weblog h2 {font-size:27px;  font-weight:bold; color:#000000; margin:0px 0 0 0px; }
#weblog p {font-size:15px; color:#646464; padding:33px 15px 0 0; line-height:24px;}

/*********************************wordpress page ends here********************************/
/*********************************zencart page starts here********************************/
/*********************************zencart page ends here********************************/
/*********************************pay-rest page starts here********************************/
#rest {width:100%; float:left; }
#rest ul {margin:0; padding:0; list-style:none;}
#rest ul li {float:left;}
#rest ul li#require a {background:url(images/one.jpg) left top no-repeat; padding:2px 0 5px 30px; font-size:12px; font-weight:normal; margin:25px 0 10px 35px; color:#5b5b5b; text-decoration:none; float:left;}
#rest ul li#require a:hover {background:url(images/one-hover.jpg) left top no-repeat; color:#000000; text-decoration:none;}
#rest ul li#ject a {background:url(images/two.jpg) left 5px no-repeat; padding:4px 0 4px 30px; color:#5b5b5b; text-decoration:none; font-size:12px;  font-weight:normal; margin:0px 0 10px 35px; float:left; }
#rest ul li#ject a:hover {background:url(images/two-hover.jpg) left 5px no-repeat; color:#000000; text-decoration:none;}
#rest ul li#us a {background:url(images/three.jpg) left 6px no-repeat; padding:4px 0 10px 30px; font-size:20px; font-weight:bold; margin:0px 0 15px 35px; color:#5b5b5b; text-decoration:none; float:left;}
#rest ul li#us a:hover {background:url(images/three-hover.jpg) left 6px no-repeat;  color:#000000; text-decoration:none;}

#letter-box h5 {font-size:11px; font-weight:normal; color:#FFFFFF; position:absolute; left:42px; top:94px; }
#letter-box h6 {font-size:11px; font-weight:normal; color:#FFFFFF; position:absolute; left:252px; top:94px; }
/*********************************pay-rest page ends here********************************/
/*********************************order page starts here********************************/
#specify {width:529px; float:left; margin:0 0 20px 33px;}
#specify h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 13px 0px;}
#specify h6 {background:url(images/arrow.jpg) left top no-repeat; width:38px; height:27px;  margin:0px 0 0px 243px;
text-indent:-999999px; display:block; float:left;}
#subpage {background:url(images/detail-px.jpg) left top repeat-x; width:529px; margin:0 0 0 2px; float:left; padding: 17px 0 3px 0;}
#subpage ul {margin:0px 0px 27px 3px; padding:0; list-style:none; overflow:hidden;}
#subpage ul li {background:url(images/slate.jpg) left 45px no-repeat; width:70px; float:left; margin:0px 0 0 28px;position:relative; }
.inp1{margin:55px 0px 0px 5px; overflow:hidden;}

.inp1-text{ margin:14px 0px 0px 0px; padding:0px 0px 15px 0px; text-align:center; overflow:hidden; clear:both; width:64px;}
.inp2{margin:52px 0px 0px 0px; overflow:hidden; text-align:center; width:64px; font-size:35px;}
.inp2-text{ margin:12px 0px 0px 0px; padding:0px 0px 15px 0px; text-align:center; overflow:hidden; clear:both; width:64px;}

/*#subpage ul li h3 {font-size:35px; color:#000000;float:left; font-weight:normal;}
#subpage ul li h5 {font-size:15px; color:#000000; font-weight:normal; float:left;  margin:11px 0 0px 20px; clear:both; }
*/
#subpage ul li span {font-size:15px; float:left; color:#000000; font-weight:bold; position:absolute; left:0px; top:20px; }
#subpage p {font-size:15px; color:#000000; float:left; margin:0 0 0px 29px; width:290px; padding-bottom:38px; clear:both;}
#subpage h3 {font-size:15px; color:#000000; float:left; margin:15px 0 0 50px; }
#totalPrice { width: 80px; font-size: 25px; font-weight: bold; color:#000000; float:left; margin:0px 10px 0 10px; display:block; padding-left: 10px;}
#subpage h2 {width:60px; overflow:hidden; height:28px; font-size:18px; text-align:center; padding-top:7px; }
#subpage h5 {width:107px; overflow:hidden; height:35px; float:right; margin:17px 20px 28px 0px;}
#subpage h5 a {background:url(images/checkout.png) left top no-repeat; width:107px; height:35px; text-indent:-999999px; display:block; float:left;}
#subpage h5 a:hover {background:url(images/checkout-hover.png) left top no-repeat;}
.subpage-price{ font-size:16px; margin-left:-1px;}
#just {width:311px; float:right; overflow:hidden; margin:0 0 31px 18px;}
#just h2 {background:url(images/10-percent.jpg) left top no-repeat; width:287px; height:114px; text-indent:-999999px; display:block; margin:0px 0 20px 0px;}
#just p {font-size:15px; color:#646464; padding:0 23px 19px 0; line-height:24px; }
.maroon {color:#900c17;}
#options {width:528px; float:left; margin:0 0 0 34px; padding-right:32px;  border-right:1px solid #ebebeb;}
#options p { font-size:12px; font-style:italic; color:#4d4a4a; padding:0px 0 0 0;}
#options p.padd-bot{ padding: 0 0 10px 0;}

.print {width:100%; float:left; overflow:hidden; position:relative;}
.print ul { overflow: hidden;}
.print ul li {float:left; list-style:none;}
.print ul.implement{ padding: 20px 0 45px 0;}
.print ul.markup{ padding: 0px 0 45px 0;}


.print h2 {background:#f1f1f1; width:528px;  font-size:20px; font-family:Palatino Linotype; color:#000000; padding:15px 0 15px 14px; float:left;  position:relative;}
.print h2 a {background:#f1f1f1; width:528px;  font-size:20px; font-family:Palatino Linotype; color:#000000;float:left;display:block; text-decoration:none; }
.display-row{overflow:hidden; clear:both; display:block; padding: 20px 0; border-bottom: solid 1px #dddddd;}
.no-border{overflow:hidden; clear:both; display:block; padding: 20px 0;}
.show-hide-icon{ position:absolute; right:35px; top:25px;  z-index:99999;}
/*.print h2 span {background:url(images/cross-sign.jpg) left top no-repeat; width:6px; height:9px;  float:right; position:absolute; right:30px; top:25px;  }
*/.print ul li div.newmarkup { float:left; font-family:Palatino Linotype; font-size:14px; font-weight:bold; color:#000000; margin:0px 0 0 15px; padding:35px 0 5px 0px; width:495px;}
.print ul li p {font-size:12px; color:#6c6c6c; font-weight:normal; font-family:Palatino Linotype; float:left; margin:0 0 0 40px;
width:295px;}
.print ul li h6 {font-family:Palatino Linotype; font-size:14px; font-weight:bold; color:#000000; margin:10px 0 0 15px; padding:0px 0 5px 0px; width:495px; float:left;}
.print ul li.validator { font-family:Palatino Linotype; font-size:14px; font-weight:bold; color:#000000; margin:10px 0 0 15px; padding:0px 0 5px 0px; width:500px; float:left;}
.provide {margin-bottom:20px;}
.print ul li h5 {font-size:23px; color:#000000; font-weight:normal;  float:right; margin:-22px 46px 0 0;}
.print ul li.money {font-size:23px; color:#000000; font-weight:normal;  float:right; margin:-25px 46px 0 0;}
.print ul li.money1 {font-size:23px; color:#000000; font-weight:normal;  float:right; margin:-40px 46px 0 0;}
.text-area {height:75px; width: 255px; border: solid 1px #ababab; font-size: 12px; line-height: 14px; padding: 3px; margin:0 0 0 25px;}

.instant-text-box{width: 185px; border: solid 1px #ababab; font-size: 12px; line-height: 14px; padding: 3px;}

.resi {margin-right:7px;}
.upload { margin:0 10px 0 45px;}
.file {width: 255px; border: solid 1px #ababab; font-size: 12px; line-height: 14px; padding: 3px; margin-left:55px;}
.mail {margin:0 10px 0 65px;}
.name {width: 255px; border: solid 1px #ababab; font-size: 12px; line-height: 14px; padding: 3px; margin:0 0 0 51px;}

.browse-file{margin:0 0 0 51px;}
.company {width: 255px; border: solid 1px #ababab;  font-size: 12px; line-height: 14px; padding: 3px; margin:0 0 0 18px;}
.selection {margin-left:5px;}
.red {color:#ef4a48;}
.project {font-size:14px; color:#000000;}
.pro {width: 255px; border: solid 1px #ababab; font-size: 12px; line-height: 14px; padding: 3px; margin:0 0 0 33px;}
.area { margin:10px 0 0 0px;  float:left;}
.lab {font-family:Palatino Linotype; font-size:14px; font-weight:bold; color:#000000; padding:0px 0 5px 15px; float:left; margin:0px 0 0 0px;}
#options h6 a {background:url(images/checkoutbig.png) left top no-repeat; width:143px; height:49px; text-indent:-999999px; display:block; margin: 30px 0px 0 140px;}
#options h6 a:hover {background:url(images/checkoutbig-hover.png) left top no-repeat;}
/*********************************order page ends here********************************/
/*********************************additional-xhtml page starts here********************************/
#addition {width:540px; height:373px; float:left; margin:33px 0 0px 34px; padding-bottom:49px; position:relative;}
#addition a {width:540px; height:373px; border:0px; 
display:block; }
#addition a:hover {background:url(images/xhtml-hover.jpg) left top no-repeat;}
#addition span {font-size:12px; color:#6c6c6c; position:absolute; left:35px; top:335px; }
/*********************************guarantee page starts here********************************/


#lily { width:100%; margin:0px 0 18px 0px; float:left;}
#lily h3 {background:url(images/lily.jpg) left top no-repeat; font-size:24px;  color:#000000; margin:0 0 15px 0px; padding:10px 0 25px 75px;}
#lily p {font-size:15px; color:#646464; margin:0 0 10px 0;  line-height:24px; padding:0 25px 0 0; width:540px;}
#lily ul {padding:0; margin:0; list-style:none; width:540px}
#lily ul li {background:url(images/dot.jpg) left 7px no-repeat;  font-size:15px; font-weight:normal; color:#5b5b5b; margin:5px 0 0 0px; padding:0px 0px 0 20px;}

#disclosure { width:100%; margin:0px 0 18px 0px; float:left;}
#disclosure h3 {background:url(images/green-lock.jpg) left top no-repeat; font-size:24px;  color:#000000; margin:15px 0 15px 0px; float:left; padding:10px 0 25px 75px;}
#disclosure p {font-size:15px; color:#646464; margin:0 25px 10px 0; float:left; line-height:24px;}

#currency { width:100%; margin:0px 0 18px 0px; float:left; }
#currency h3 {background:url(images/currency.jpg) left top no-repeat; font-size:24px;  color:#000000; margin:15px 0 15px 0px; padding:10px 0 25px 75px;}
#currency p {font-size:15px; color:#646464; margin:0 25px 10px 0; line-height:24px; width:540px;}
#currency ul {padding:0; margin:0; list-style:none; width:540px}
#currency ul li {background:url(images/dot.jpg) left 7px no-repeat; font-size:15px; font-weight:normal; color:#5b5b5b; margin:5px 0 0 0px; padding:0px 0px 0 20px;}
#contenttop-right h4 {background:url(images/features.jpg) left top no-repeat; width:294px; height:116px; text-indent:-999999px;
display:block; margin:0px 0 16px 0px;}
.page-one-text-box{ width:50px; height:37px; text-align:center; font-size:32px; border:0px; }
/************************************/
#process{ overflow: hidden; padding: 20px 0 0 0; clear: both;}
#process h2{
	font-size:25px;
	padding:0px 0px 0px 20px;}	
	
#process-left{
	width:800px;
	margin:20px 0px 0px 70px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-bottom:20px;}	
#process-left-price{
	margin:45px 0px 0px 190px;
	padding:0px;
	overflow:hidden;
	list-style:none;}
#process-left-price li{
	float:left;
	background: url(images/green.gif) no-repeat;
	width:114px;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
	line-height:41px;
	margin:0px 0px 0px 15px;}
#process-left-price li a{
	float:left;
	width:114px;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	}	
#process-left-price-order{
	font-size:12px;
	position:absolute;
	top:20px;
	left:185px;}
#process-left-price-order span{
	margin:0px 0px 0px 18px;
	width:114px;
	float:left;
	font-size:14px;
	text-align:center;
	display:block;}				
#Client-order{
	margin:20px 0px 10px 25px;
	overflow:hidden;
	clear:both;} 
#Client-order h2{
	color:#ab3c05;
	padding:10px 0px;
	font-size:16px;
	border-bottom: solid 1px #ebebeb;
	}
#Client-order ul{
	margin:0px;
	padding:0px;
	list-style:none;}
#Client-order ul li{
	float:left;
	padding:0px 0px 0px 0px;
	font-size:13px;
	}
.client-border{ overflow: hidden;}
.projuct{
	font-weight:bold;
	width:410px;
	margin:20px 0px 0px 0px;
	background:url(images/dot1.jpg) right 4px no-repeat;}	
.projuct2{
	font-weight:bold;
	width:510px;
	margin:20px 0px 0px 0px;
	}	
				
.projuct-price{
	margin:20px 0px 0px 20px;
	}
.projuct-price-client{
	margin:15px 0px 0px 20px;	}
.projuct-client{
	width:380px;
	margin:15px 0px 0px 30px;
	background:url(images/dot1.jpg) right 4px no-repeat;}				
.Subpage{
	font-size:11px;
	font-style:normal;}
.Markup-Total{
	clear:both;
	padding-bottom:20px;
	border: solid 1px #f3f3f3;
	background: #fcfcfc;
	}
.Markup-Total ul{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow: hidden;}		
.Markup-Total ul li{
	float:left;
	padding:0px 0px 0px 0px;
	font-size:13px;
}
		
#process-right{
	width:200px;
	background:url(images/banner.jpg) no-repeat;
	height:360px;
	float:right;
	margin:22px 20px 0px 0px;
	text-indent:-9999999px;
	}	
/**********************/
#process-pay{
	margin:20px 0px 0px 100px;
	clear:both;
	width:700px;
	float:left;}
#process-pay ul{
	margin:0px; padding:0px; list-style:none;}							
#process-pay ul li{
	float:left;
	margin:0px 0px 0px 10px;}
.make-full{
	background:url(images/green-bot.gif) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-weight: bold;
	font-size:13px;
	}
.make-full a{
	text-align:center;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	font-size:13px;
	padding:12px;
}
.you-can{
	padding-top:10px;}
.live-space{
	padding:50px 30px 0px 30px;
	clear:both;
	overflow:hidden;
	height:400px;
	}
	
#about-main{ padding-right: 25px;}			
#about-main h2{font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 13px 0px;}
#about-main p{
	font-size:15px;
	padding-top:5px;
	line-height:24px;}
#about-main-right{
	margin:50px 0px 0px 0px;
	float:right;
	overflow:hidden;}
#about-main-right h4{
	font-size:21px;
	padding:0px 0px 0px 22px; 
	}
/****************************************************/
#checkout-process-main{
	margin:40px 0px 0px 0px;
	overflow:hidden;
	clear: both;}
#checkout-process-main h2{
	font-size:21px;
	padding:0px 0px 0px 0px;}
#checkout-process-box{
	width:500px;
	margin:20px 0px 0px 200px;
	height:400px;
	overflow:hidden;
	padding:15px;}	
#process-left-price-order2{
	font-size:12px;
	position:absolute;
	top:20px;
	left:185px;}
#process-left-price-order2 span{
	margin:0px 0px 0px 10px;
	width:70px;
	float:left;
	font-size:14px;
	text-align:center;
	display:block;}	
.loader{
	font-size:15px;
	clear:both;
	font-weight:bold;
	padding:15px 0px 30px 0px;}
#checkout-process-box p{
	text-align:center;
	padding-top:15px;
	font-size:14px;}	
	
.upload-test{
	width:130px;
	float:left;}	
												
.upload-text-box{
	width:250px;
	height:17px;}	
.pay-cancel{
	padding:30px 0px 0px 0px;
	font-size:14px;
	text-align:center;
	font-weight:bold;}														
.pay-cancel a{
	font-size:14px;
	color:#ca560b;
	text-align:center;
	font-weight:bold;}	
.pay-cancel a:hover{
	color:#000000;
	text-decoration:none;}
	
/********************************************/
div#tmpSlideshow {
	position:relative;
	height:271px;
	float:left;
	margin:12px 0px 0px 10px;
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
div#tmpSlideshowControls {
 	overflow:hidden;
	margin:0px 0px 28px 35px;
	width:550px;
	position:relative;
	white-space:nowrap;
	clear:both;
}
.test-position{
	position:absolute;
	left:257px;
	color:#FFFFFF;
	top:56px;
	font-size:14px;
	width:140px;}
.test-position-pay{
	position:absolute;
	left:23px;
	color:#FFFFFF;
	top:140px;
	font-size:12px;
	width:120px;}
.test-position-pay1{
	position:absolute;
	left:17px;
	color:#FFFFFF;
	top:95px;
	text-align:right;
	font-size:11px;
	width:120px;}
.test-position-pay2{
	position:absolute;
	left:223px;
	color:#FFFFFF;
	top:97px;
	text-align:right;
	font-size:11px;
	width:150px;}
.sword-img{
	position:absolute;
	left:-12px;
	top:-9px;
	z-index:999999;}
.star-img{
	position:absolute;
	right:-23px;
	top:-25px;
	}
#content-main {width:100%; float:left; overflow:hidden; margin-top:26px; padding-top:20px; background:url(images/shadowed-partition.gif) left bottom no-repeat; padding-bottom:15px; }
	
.one{background:url(images/one.jpg) left 5px no-repeat;
	overflow:hidden;}
	
.two{background:url(images/two.jpg) left 5px no-repeat;
	overflow:hidden;}
.three{background:url(images/three.jpg) left 5px no-repeat;
	overflow:hidden;}

div.tmpSlideshowControl {
    color: #554d31;
	font-size:14px;
	padding:0px 0px 3px 28px;
	color:#5b5b5b;
	height:29px;
	line-height:29px;
	cursor: pointer;
	}
div.tmpSlideshowControl a {
    color: #554d31;
	text-decoration:none;
	color:#5b5b5b;
}
div.tmpSlideshowControl a strong{color:#7bbca4;}
div.tmpSlideshowControlActive {
color:#000; text-decoration:none; font-size:19px!important;
}
div.tmpSlideshowControlActive.one {
    background:url(images/one-hover.jpg) left 5px no-repeat;
}
div.tmpSlideshowControlActive.two {
    background:url(images/two-hover.jpg) left 5px no-repeat;
}
div.tmpSlideshowControlActive.three{
    background:url(images/three-hover.jpg) left 5px no-repeat;
}
div.tmpSlideshowControlActive strong{color:#7bbca4;}
																
#footer-more-link{
	clear:both;
	overflow:hidden;}			

.copy {font-size:11px; color:#707070; font-family:Palatino Linotype; margin: 0px 0 10px 0; font-weight:normal; padding-top:3px;}
.copy img{ vertical-align: middle;}
.copy a{color:#707070; text-decoration: underline; margin: 0 6px;}
.copy a:hover{color:#707070; text-decoration: none;}

#footer-more-link ul{ overflow: hidden;
	list-style:none;
	padding-top: 20px;}															
#footer-more-link ul li{
	font-size:12px;
	float:left;
	padding:0px 20px 5px 0px;
	color:#000000;}																
#footer-more-link ul li a{
	font-size:12px;
	text-decoration:none;
	color:#000000;}																	
#footer-more-link ul li a:hover{
	text-decoration:underline;
	color:#962c04;}	
/***********************************/
#aok{width:595px; float:left;}
#aok h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 13px 40px;}
#aok h3 {background:url(images/sign-banner.jpg) left top no-repeat; width:518px; height:270px; text-indent:-999999px;
display:block; margin:0px 0 19px 37px;}

#aok ul {padding:0; margin:0 0 0px 40px; list-style:none;}
#aok ul li {font-size:17px; color:#900c17; padding:0 56px 43px 0px; float:left; list-style: none;}
#aok ul li a {color:#900c17; text-decoration:underline;}
#aok ul li a:hover {color:#000000; text-decoration:none;}
	
#sign-des {width:100%; float:left;}
#sign-des h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 13px 0px; }
#sign-des h3 {background:url(images/vono-events.jpg)  left -10px no-repeat; width:526px; height:263px; text-indent:-999999px;
display:block; margin:0px 0 24px 0px;font-size:20px; color:#000000;}

#sign-des ul { padding-bottom: 58px; list-style:none;}
#sign-des ul li {font-size:17px; color:#900c17; padding:0 56px 0px 0px; float:left; list-style: none;}
#sign-des ul li a {color:#900c17; text-decoration:underline;}
#sign-des ul li a:hover {color:#000000; text-decoration:none;}

#sign-des h4 {background:url(images/santos.jpg) left top no-repeat; width:523px; height:273px;  text-indent:-999999px;
display:block; margin:0px 0 19px 0px;}

/*********************************hire page starts here********************************/
#magician { margin:0px 0 0 2px; float:left; position:relative; padding-bottom: 30px;}
#magician span {font-size:15px; color:#272525; position:absolute; left:317px; top: 80px; width:210px; text-align:center; }
#magician h2 {position:absolute; left:257px; top:85px; font-size:17px;  color:#000; width:80px; text-align:center;}
#magician h2 a{color:#000000; text-decoration:none;}
#magician h2 a:hover {color:#a52603; text-decoration:none;}
#cartoon {margin:0px 0 0 35px;}
#hire {width:333px; float:right; overflow:hidden; padding-bottom: 0px;}
#hire h2 {background:url(images/hire.jpg) left top no-repeat; width:196px; height:111px; display:block; padding:0px 0px 0px 116px; text-indent: -99999px;}
#hire p { font-size:15px; color:#646464; padding:10px 35px 0px 0px; line-height:21px;}
#content-lefthire {width:535px; float:left; margin:0px 0 0px 30px; padding-bottom:0px; }
.full-time {width:530px; padding-bottom: 20px;}
.full-time h2 {font-size:27px;  font-weight:bold; color:#000000; padding: 0px 0 13px 0px; border-bottom:1px solid #ebebeb;}
.benefits {width:230px; float:left; margin:20px 0 0 20px;}
.benefits h3 {font-size:15px; color:#b83404; padding:0px 0 10px 0;}
.benefits ul {padding:0 ; margin:0; list-style:none;}
.benefits ul li {font-size:15px; color:#646464; padding:0 0 7px 20px; background:url(images/dot.jpg) left 7px no-repeat;}
.benefits .price {background:url(images/maroon-button.jpg) left top no-repeat; font-size:15px; width:92px; line-height:22px; color:#fff; padding:0 0 5px 0; text-align:center; font-weight:normal; margin:20px 0 35px 135px; display:block; font-weight: bold;}
#right-hire {width:350px; float:left; margin:0 0 30px 0; }
#content-right-hire {width:350px; float:right;  padding-bottom:50px;}
#content-right-hire h4 {font-size:21px; font-weight:bold; color:#000000; white-space:nowrap; color:#000000; margin:0px 0 10px 20px;}
#content-right-hire .sep-div{ margin: 0 30px; padding: 30px 0; border-top: solid 1px #ebebeb; display: block; clear: both;}
#content-right-hire .sep-div h4 {font-size:21px; font-weight:bold; color:#000000; white-space:nowrap;}

#developer-cost{border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#FAFAFA; height:40px; padding:0px 22px 0px 22px; clear:both;}
#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-padding{ margin:0px 0px 25px 0px;}

#content-right-hire-box {width:350px; float:right;}

#content-right-hire-new {width:350px; float:right; padding-bottom:10px;}
#content-right-hire-new h2 { font-size: 21px; color:#000000; margin:0px 0 10px 20px; float:left;}
#content-right-hire-new .sep-div{ margin: 0 30px; padding: 15px 0 30px 0 !important; border: none !important; display: block; clear: both;}
#content-right-hire-new .sep-div h4 {font-size:21px; font-weight:bold; color:#000000; white-space:nowrap;}

.heading-hire {width:350px; float:left; background:url(images/grey-bcg.jpg) left bottom repeat-x; overflow:hidden;}
.heading-hire h3 { padding:10px 10px 20px 20px; float:left; width:270px; font-size:15px; 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-size:15px; color:#b83404; font-weight:normal;}
.hiring-price span {width:15px; float:left; margin:12px 0 0 0; }


.content-right-hire1 { width:350px; float:left; margin-top:15px;}
.content-right-hire1 p { font-size:15px; color:#646464; padding:0px 35px 15px 20px; line-height:21px;}
	
/*********************************hire page ends here********************************/
/*********************************hire page ends here********************************/
/********logo for twitter starts here*******/

/********logo for twitter ends here*******/

/*********************************convert page start here********************************/
#wheel { margin:0px 0 0 35px; float:left; background:url(images/wheel.jpg) no-repeat; height: 383px; width: 530px;}
#faq{ margin:0px 0 0 35px; float:left; height: 325px; width: 530px;}
#contenttop-con { width:614px; float:left; padding-bottom:30px; }

#convert-top {width:333px; float:right; overflow:hidden; padding-bottom:50px; }
#convert-top h2 {background:url(images/convert.jpg) left top no-repeat; width:294px; height:128px; text-indent:-999999px;
display:block; margin:0px 0 8px 0px;}
#convert-top p { font-size:15px; color:#646464; padding:10px 35px 0px 0px; line-height:24px;}

.formation { float:left; width:530px; padding-bottom:80px;}
.formation h3 { font-size:20px; color:#131009; font-family:Palatino Linotype; padding:0 50px 0 0px; }
.formation span.period { font-size:12px; color:#6c6c6c; font-family:Palatino Linotype; padding:0 0 0 0px;}
.formation p { font-size:15px; color:#646464; padding:20px 0 0 0px; width:315px; line-height:21px;}
.formation span.see { font-size:10px; color:#000; padding:10px 0 0 0px; display:block;}
.formation span.see a {color:#000; text-decoration:underline;}
.formation span.see a:hover {color:#c75306; text-decoration:none;}

.formation span.see1 { font-size:10px; color:#000; padding:10px 0 0 0px; clear:both; display:block;}
.formation span.see a {color:#000; text-decoration:underline;}
.formation span.see1 a:hover {color:#c75306; text-decoration:none;}

.formation span.seventy-five { font-size:15px; color:#000; background-color:#fff99d; width:87px; line-height:24px; float:left; text-align:center; }

.formation span.just { font-size:15px; color:#900c17; padding:0 0 0 40px; float: left;}
.formation span.just a {color:#900c17; text-decoration:none;}
.formation span.just a:hover {color:#c75306; text-decoration:underline;}

/*********************************faq page start here********************************/
#wheel { margin:0px 0 0 35px; float:left;}
#contenttop-faq { width:614px; float:left; padding-bottom:26px; }
#contenttop-faq h4 { font-size:31px; color:#000000; padding:0px 0 20px 35px; float:left; }
#faq-top {width:333px; float:right; overflow:hidden; padding-bottom:50px; }
#faq-top h2 {background:url(images/faq.jpg) left top no-repeat; width:294px; height:128px; text-indent:-999999px;
display:block; margin:0px 0 8px 0px;}
#faq-top p { font-size:15px; color:#646464; padding:10px 35px 0px 0px; line-height:24px;}
#faculity { margin:15px 0 30px 0;}

#virtual { margin:0 0 30px 0;}
.heading-hire2 {background:url(images/grey-bcg.jpg) left bottom repeat-x; overflow:hidden;}
.heading-hire2 h5 { padding:25px 10px 20px 20px; float:left; width:480px; font-size:15px !important; color:#b83404; font-weight:normal;}
.heading-hire2 span {width:15px; float:left; margin:30px 0 0 0; }
.content-right-hire2 {padding: 0 30px;}
.content-right-hire2 p { font-size:15px; color:#646464; line-height:21px;}
/*********************************faq page ends here********************************/

/*********************************about page start here********************************/
#bright { margin:0px 0 0 25px; float:left;}
#contenttop-about { width:614px; float:left; padding-bottom:30px; }
#about-top {width:333px; float:right; overflow:hidden; padding-bottom:50px; }
#about-top h3 {background:url(images/ch-profile.jpg) left top no-repeat; width:315px; height:128px; text-indent:-999999px;
display:block; margin:0px 0 8px 0px;}
#about-top p { font-size:15px; color:#646464; padding:10px 35px 0px 0px; line-height:24px;}
#about {float:left; min-height:1220px;}
#about h5 { font-size:31px; color:#000; padding:10px 0px 0px 0px;}
#about p { font-size:15px; color:#646464; padding:35px 25px 0px 0px; line-height:24px;}



/*********************************about page ends here********************************/

.any-image-left{ width:180px; float:left;}
.any-image-right{ width:340px; float:left;}
.any-image-bottom{ overflow: hidden; padding: 20px 0 0 0;}


#slider{ position: relative; height: 350px;}

#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: 100;}
#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:#777777; }
#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 h4 { font-size:31px; padding:27px 0 0px 60px;}
#slider-right ul li p { font-size:12px; padding:5px 50px 17px 60px;}

/*********************************team page start here********************************/

.team {}
.team h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 9px 0px;}
.team p { padding:0px 25px 25px 0px;}
.team ul {padding:0 0 25px 0; margin:0; overflow:hidden;}
.team ul li {width:163px; 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; !important}
.team ul li span{font-size:12px; line-height:15px; display:block; }

/*********************************team page ends here********************************/
/*********************************workflow page start here********************************/
.workflow {}
.workflow h2 {font-size:27px;  font-weight:bold; color:#000000; margin: 0px 0 13px 0px;}
.workflow p.dark { padding:5px 25px 10px 0px; display:block; line-height: 22px;}
.workflow ul {padding:0; margin:0; list-style:none;}
.workflow ul li { font-size:15px; color:#646464; line-height:18px; padding:15px 20px 0 0; overflow:hidden; }

.workflow ul li span.spacing { margin:0px; float:left; width:31px;  }

.workprocess {margin:32px 0 20px 60px;}
.workflow ul.sublisting {padding:0; margin:0 0 0 42px; list-style:none;}
/*********************************workflow page ends here********************************/

/*********************************lalit********************************/

.over-flow{ overflow: hidden;}

ul.plus-php{ padding: 10px 25px; margin-top: 15px; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; background: #fafafa;  }
ul.plus-php li{font-size:15px; color:#646464; overflow: hidden; list-style: none; padding: 5px 0; margin: 0; vertical-align: middle;}
ul.plus-php .text{ float:left;}
ul.plus-php .price{ color: black; float:right;}
ul.plus-php .total{ color: black; float:right; font-size: 18px; line-height: 25px;}


.top-area{ overflow: hidden; background:url(images/top-bot-bgx.gif) left bottom repeat-x; padding: 27px 35px 48px 35px; display: block; clear: both; }
.top-area .left{ float: left; width: 540px;}
.top-area .right{ float: right; width: 310px;}

.top-area .left h2{font-size:27px;  font-weight:bold; color:#000000; padding-bottom: 15px;}

.padd-top{ padding-top: 10px;}

.top-area .right p{ padding-top: 10px;}

.top-area .right .client { display:block; text-align: right; font-size:15px; padding: 30px 0 0 0; color:#646464; font-weight:bold;}

.top-area .right .features{background:url(images/features.jpg) left top no-repeat; width:294px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .port{background:url(images/chopper.jpg) left top no-repeat; width:293px; height:115px; text-indent:-999999px;
display:block;}


.top-area .right .features{background:url(images/features.jpg) left top no-repeat; width:294px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .xhtml{background:url(images/any-xhtml.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .joomla{background:url(images/any-joomla.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .magento{background:url(images/any-magento.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .wordpress{background:url(images/any-wordpress.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .zencart{background:url(images/any-zencart.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .sub-page{background:url(images/sub-page.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .os-commercer{background:url(images/any-oscommerce.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}

.top-area .right .any-other{background:url(images/any-other.gif) left top no-repeat; width:310px; height:114px; text-indent:-999999px; display:block;}


.top-area .right ul { display:block; padding-top:12px;}
.top-area .right ul li { list-style:none; background:url(images/dot.jpg) left 17px no-repeat; padding: 10px 0 0 19px; font-size:15px; color:#646464; }

.need {background:url(images/need-to-talk.jpg) left top no-repeat; width:268px; height:112px; text-indent:-999999px;
display:block; margin:0 0 25px 0;}

.live-support {background:url(images/live-chat2.jpg) left top no-repeat; float:left; width:528px; height:302px; }
.live-support a{ display:block; text-indent:-999999px; width:528px; height:302px;}

address{ font-size: 15px; line-height: 18px; padding: 30px 0 10px 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-weight: bold; line-height: 14px !important;}
.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;}

.oder-tab{clear:both;}

.sep-div{ padding: 30px 0; border-top: solid 1px #ebebeb; display: block; clear: both;}
.sep-div.top{ border-top: none; padding: 0 0 30px 0;}

.sep-div.guarantee-bg{background:url(images/guarantee.jpg) center 70px no-repeat;}

.Chopped{ display:block; margin-top: 15px;}
.Chopped a{background:url(images/feather.jpg) left top no-repeat; width:257px; height:273px; text-indent:-999999px; display:block; }

ul.dotted { overflow: hidden; margin-top: 15px;}
ul.dotted li {list-style:none; background:url(images/dot.jpg) left 18px no-repeat; padding: 12px 0 0 20px; font-size:14px; color:#646464;}
ul.dotted li a{ color:#646464; text-decoration: none;}
ul.dotted li a:hover{ color: black; text-decoration: underline;}

/*ul.guarantee { margin-top: 15px;}
ul.guarantee li {list-style:none; font-size:15px; padding: 15px 0; }
ul.guarantee li.bot {list-style:none; font-size:15px; padding: 15px 0 0 0; }
ul.guarantee li a{ padding-left: 34px; line-height: 24px; display:block; color: #a1a1a1;}
ul.guarantee li a:hover{ color: black; text-decoration: none;}
ul.guarantee li a.lotus { background:url(images/guarantee.gif) left top no-repeat; }
ul.guarantee li a:hover.lotus { background:url(images/guarantee.gif) left -25px no-repeat;}
ul.guarantee li a.lock {background:url(images/guarantee.gif) left -50px no-repeat; }
ul.guarantee li a:hover.lock {background:url(images/guarantee.gif) left -75px no-repeat;}
ul.guarantee li a.dollar {background:url(images/guarantee.gif) left -100px no-repeat;} 
ul.guarantee li a:hover.dollar {background:url(images/guarantee.gif) left -125px no-repeat;}
*/
#guarantee { margin:0px 0 0 2px; float:left; position:relative;}
#guarantee h2 {position:absolute; left:-5px; top:0px;}
#agreement {width:100%; float:left;}
#agreement ul {padding:0; margin:0; list-style:none; width:540px}
#agreement ul li {background:url(images/dot.jpg) left 10px no-repeat; font-size:20px; font-weight:bold; color:#5b5b5b;
font-family:Palatino Linotype; margin:5px 0 0 35px; padding:0px 0px 0 20px;}
#agreement ul li a {color:#5b5b5b; text-decoration:none;}
#agreement ul li a:hover {color:#c85505; text-decoration:none;}
#agreement ul li.satisfaction {margin-top:25px;}


ul.join { overflow:hidden; padding-left: 0px; margin-top: 15px;}
ul.join li { list-style: none; width:75px; padding:10px 0 0 40px; text-align:center; float:left;}
ul.join li a img{ margin-bottom: 10px;}
ul.join li a {color:#949494; font-size:11px; font-style:italic; text-decoration: underline; line-height:10px !important;}
ul.join li a:hover {color:#c75306; text-decoration:none;}



#format { clear: both; display:block;}
#format ul {list-style:none; padding-right: 30px;}
#format ul li {border-top:1px solid #cccccc; overflow: hidden; padding: 10px 0;}

#format ul li .title{ float:left; width: 300px; font-size:12px; font-family:Palatino Linotype; color:#6c6c6c;}
#format ul li .title a{font-size:14px; font-family:Palatino Linotype; font-weight: bold; color:#131009; text-transform:uppercase; display:block;}
#format ul li .title a:hover{color:#ee8d31; text-decoration:none;}

#format ul li .price {font-size:23px; color:#000000; background:#fff99d; text-align:center; float:left; line-height:41px; width:121px;}

#format ul li .order{ float: right; padding-top: 10px;}
#format ul li .order a {font-size:15px; color:#900c17; text-decoration:none;}
#format ul li .order a:hover {color:#ee8d31; text-decoration:none;}


.error{ padding: 40px 0 50px 70px; background: white; overflow: hidden; clear: both;}
.error h3{ height: 155px; width: 723px; text-indent: -99999px; background:url(images/404.gif) no-repeat; margin-left: 42px;}

.error h2{font-size:27px;  font-weight:bold; color:#000000; margin: 15px 0 30px 64px; }

.error .bot-area{ background:url(images/error.jpg) no-repeat; padding: 30px 0 40px 360px;}
.error .bot-area .add-step{ color: #b83404; font-size: 21px;}
.error .bot-area ul{ padding: 20px 0 0 0;}
.error .bot-area ul li{ background:url(images/dot.jpg) left 10px no-repeat; padding-left: 24px; line-height: 25px;}
.error .bot-area ul li a{ color: #7bbca4; text-decoration: none;}
.error .bot-area ul li a:hover{ color: #b83404; text-decoration: none;}

/*********************************lalit********************************/

/* DROP DOWN FOR HIRE DEDICATED DEVELOPERS */

#Selected{ background:url(images/drop-down.png) left top no-repeat; width:195px; height:38px; padding:0px !important;}
#Selected li ul{ display:none;}
#Selected li:hover ul{ display:block; position:absolute; top:162px;}
#Selected ul,li{ margin:0px; padding:0px; list-style:none;}
#Selected a{ text-indent:-200px; display:block;	overflow:hidden; width:196px; height:38px; line-height:36px;}
#Selected li ul li{ background:url(images/repeater.jpg);}
#Selected li ul li:hover{ background:url(images/repeater-hover.jpg);}
#Selected li a.zoomla{	background:url(images/Joomla.png) left top no-repeat;}
#Selected li a.php{	background:url(images/PHP.png) left top no-repeat;}
#Selected li a.wordpress{ background:url(images/Wordpress.png) left top no-repeat;}
#Selected li a.zencart{	background:url(images/Zencart.png) left top no-repeat;}
#Selected li a.drupal{	background:url(images/Drupal.png) left top no-repeat;}
#Selected li a.magento{	background:url(images/Magento.png) left top no-repeat;}
#Selected li a.modx{ background:url(images/Modx.png) left top no-repeat;}
#Selected li a.osCommerce{ background:url(images/osCommerce.png) left top no-repeat;}
#Selected li a.html{ background:url(images/html.png) left top no-repeat;}

#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 0px 0px 48px; width:100px; height:31px; margin:0px 0px 16px 0px; line-height:31px; text-align:left; font-size:11px; font-weight:bold; line-height:16px; 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;}

ul#hire-top-nav{ background:url(images/hire-head-bgy.gif) repeat-x; list-style: none; padding: 10px; overflow: hidden;}
ul#hire-top-nav li{ float: left;}
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) right 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) right -165px no-repeat;}


.portfolio-paging { text-align:center;}
.portfolio-paging ul{ overflow: hidden; list-style:none; padding: 10px; display:inline-block;}
.portfolio-paging ul li{ width: 24px; height:12px; float:left; border-right: solid 1px #cbcbcb;}
.portfolio-paging ul li.no-bor{ border:none;}
.portfolio-paging ul li a{ display: block; text-align:center; font-size: 10px; line-height: 12px; color: black; text-decoration: none;}
.portfolio-paging ul li a:hover, .portfolio-paging ul li a.active{ font-size: 12px; line-height: 12px; font-weight: bold; text-decoration:none;}


ul.port-paging{ overflow: hidden; list-style:none; padding: 10px; padding-left: 220px;}
ul.port-paging li{ width: 24px; height:12px; float:left; border-right: solid 1px #cbcbcb;}
ul.port-paging li.no-bor{ border:none;}
ul.port-paging li a{ display: block; text-align:center; font-size: 10px; line-height: 12px; color: black; text-decoration: none;}
ul.port-paging li a:hover,.port-paging li a.active{ font-size: 12px; line-height: 12px; font-weight: bold; text-decoration:none;}

.right-port{ margin: 0 30px;
	overflow: hidden;
	padding-bottom: 40px;}
	
.right-port h2{font-size:21px; font-weight:bold; color:#000000; color:#000000; margin: 0 0 13px 0;}
.right-port h2 span{ display:block; padding-top: 5px;}

ul.gallery{ list-style: none; padding-bottom: 25px;	border-bottom: solid 1px #ebebeb;}
ul.gallery li{ overflow: hidden; padding: 10px 0;}
ul.gallery li .portfolio-left{float:left; width:128px; height:105px; border:1px solid #C4C4C4;}
ul.gallery li .portfolio-right{float:left; width:140px; height:109px; margin: 0 0px 0px 17px; font-size:11px; }
ul.gallery li .portfolio-right span{display:block; color:#BA390A; padding: 0px 0px 8px 0px;}
ul.gallery li .portfolio-right a{display:block; color:#BA390A; padding: 8px 0px 0px 0px; text-decoration:underline; font-size:12px;}
ul.gallery li .portfolio-right a:hover{text-decoration:none;}

#footer-new{ background: black url(images/footer-new-bgx.gif) repeat-x ; font-size: 12px;white-space:nowrap;}
#footer-new .choppu{ background: url(images/footer-choppu.gif) right top no-repeat; padding: 90px 32px 22px 32px;}
#footer-new .choppu a{color: #656464; text-decoration:none;}
#footer-new .choppu a:hover{ color: #C02F24; text-decoration: underline;}

#footer-new .choppu a.green-link{ color: #68b102; text-decoration:underline;}
#footer-new .choppu a:hover.green-link{ color: #68b102; text-decoration: none;}

#footer-new .footer-nav{ overflow: hidden; padding-bottom: 30px;}

#footer-new h2{ color: #e4e3e3; font-size: 16px;}
#footer-new .convert{ float: left; width: 230px;}
#footer-new .convert ul{ padding: 22px 70px 0 0; list-style: none; }
#footer-new .convert ul li a{ padding: 5px 0; display:block;}
#footer-new .convert ul li a.xhtml{ background:url(images/footer-icon.gif) right top no-repeat;}
#footer-new .convert ul li a:hover.xhtml{ background:url(images/footer-icon.gif) right -216px no-repeat;}

#footer-new .convert ul li a.Wordpress{ background:url(images/footer-icon.gif) right -30px no-repeat;}
#footer-new .convert ul li a:hover.Wordpress{ background:url(images/footer-icon.gif) right -246px no-repeat;}

#footer-new .convert ul li a.Joomla{ background:url(images/footer-icon.gif) right -60px no-repeat;}
#footer-new .convert ul li a:hover.Joomla{ background:url(images/footer-icon.gif) right -276px no-repeat;}

#footer-new .convert ul li a.Magento{ background:url(images/footer-icon.gif) right -90px no-repeat;}
#footer-new .convert ul li a:hover.Magento{ background:url(images/footer-icon.gif) right -306px no-repeat;}

#footer-new .convert ul li a.Zen-Cart{ background:url(images/footer-icon.gif) right -122px no-repeat;}
#footer-new .convert ul li a:hover.Zen-Cart{ background:url(images/footer-icon.gif) right -338px no-repeat;}

#footer-new .convert ul li a.osCommerce{ background:url(images/footer-icon.gif) right -154px no-repeat;}
#footer-new .convert ul li a:hover.osCommerce{ background:url(images/footer-icon.gif) right -370px no-repeat;}

#footer-new .convert ul li a.Other{ background:url(images/footer-icon.gif) right -184px no-repeat;}
#footer-new .convert ul li a:hover.Other{ background:url(images/footer-icon.gif) right -400px no-repeat;}

#footer-new .Web-Developer{ float: left; width: 282px;}
#footer-new .Web-Developer ul{ padding: 22px 0 0 0; list-style: none;}
#footer-new .Web-Developer ul li { padding: 5px 0;}

#footer-new .General{ float: left; width: 170px;}
#footer-new .General ul{ padding: 22px 0 0 0; list-style: none; }
#footer-new .General ul li{ padding: 5px 0;}

#footer-new .contact{ float:left; padding-top: 120px; width: 142px; white-space:normal;}
#footer-new .contact strong{ color: #bcbcbc; font-weight: normal; display:block; padding: 0 0 8px 0;}
#footer-new .contact address{ font-size: 11px; font-style: normal; padding: 6px 0; display:block;}
#footer-new .contact a{ text-decoration: underline;}

#footer-new .contact span{ padding: 20px 0 0 0; display:block;}

#footer-new .bottom { padding: 0 0 15px 0;}
#footer-new .bottom ul{ float: left; overflow: hidden; margin-right: 50px;}
#footer-new .bottom ul li{ float: left; list-style: none; color: #abe8bb;} 
#footer-new .bottom ul li a{ padding: 0 8px; color: #7f7e7e; text-decoration: underline;}
#footer-new .bottom ul li a:hover{ color: #7f7e7e; text-decoration: none;}

#footer-new .bottom img{ vertical-align:middle; margin: 0 0 0 20px;}

.portfolio{ padding-bottom: 45px;}
.portfolio .port-img a img{ border:6px solid #D6D2D2; height: 266px; width: 525px; overflow: hidden; display:block;}
.portfolio .port-img a:hover img{border:6px solid #C4BFBF;}

.portfolio.no-padd{ padding-bottom: 0;}
.portfolio h2 {font-size: 27px; line-height:30px; color:#000000; padding-bottom: 15px;}
.portfolio h2 span{font-size:18px; }
.portfolio ul {padding: 15px 0 0 0; list-style:none; overflow: hidden;}
.portfolio ul li { font-size: 17px; line-height: 21px; padding:0 56px 0 0px; float:left;}
.portfolio li a {color:#900c17; text-decoration:underline;}
.portfolio li a:hover {color:#000000; text-decoration:none;}

.pay-textbox{width:300px; border:1px solid #ABABAB; height:25px; }
.pay-textarea{width:300px; border:1px solid #ABABAB; height:130px; }
.pay-button{width:230px; height:45px; font-size:19px; font-weight:bold;}

.portfolio-r-top p{ font: normal 14px/22px Georgia, "Times New Roman", Times, serif !important;}

/*--------------------lalit------------------*/
img{ border: 0;}
ul.valuable-clients{ overflow: hidden; height:auto; width: 292px; margin-top: 15px;}
ul.valuable-clients li{ float:left; list-style: none; width: 91px; height: 52px; margin: 9px  9px 0 0;}
ul.valuable-clients li.last{ margin: 9px 0 0 0; }

ul.need-theme{ overflow: hidden; height: auto; padding:30px 0 5px 50px;}
ul.need-theme li{ float: left; list-style: none; text-align: center;}
ul.need-theme li a{ padding-top: 50px; display:block; color: #a0b9a6; text-decoration: none; text-indent: -9999px;}
ul.need-theme li a:hover{ color: #920d18; text-decoration: none;}
ul.need-theme li a.WordPress{ background:url(images/need-theme.gif) 9px top no-repeat; width: 85px;}
ul.need-theme li a.Magento{ background:url(images/need-theme.gif) -73px top no-repeat; width: 80px;}
ul.need-theme li a.Joomla{ background:url(images/need-theme.gif) -152px top no-repeat; width: 85px;}
ul.need-theme li a.Zen-Cart{ background:url(images/need-theme.gif) -237px top no-repeat; width: 82px;}
ul.need-theme li a.Drupal{ background:url(images/need-theme.gif) -316px top no-repeat; width: 82px;}

.hire-photo{ float: left; margin: 10px 20px 15px 0; border: solid 3px #e0dede;}

.over-flow{ overflow: hidden;}

/*--------------------lalit------------------*/

/*********************************content left area starts here********************************/
#content-left {width:530px; float:left; margin:0 30px 0 34px; line-height:24px;}
#content-left h3{font-size:31px;  color:#000000;} 
#content-left h4 {font-size:27px; color:#000000; margin:28px 0 0 0px;}
#content-left p{ padding: 20px 0 0 0;}
#content-left strong{ color: black; color: #646464;}
#content-left strong a{ color: #900c17; color: #646464;}
#content-left strong a:hover{ color: #900c17; color: #646464; text-decoration: underline;}

/*********************************content left area ends here********************************/

.clients-testimonial{ width: 277px; height: 110px; margin: 15px auto 0 auto;}
.clients-testimonial .video-tumbs{ padding-left: 40px;}


.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: fixed;
			top: 10%;
			left: 30%;
/*			width: 640px;
			height: 480px;*/
			width: 640px;
			height: 510px;
			border: 3px solid #000;
			background: black;
			z-index:1002;
			overflow: auto;
		}

.white_content .close{ text-align: right; overflow: hidden; padding-bottom: 5px;}

/* portfolio section css */

#portfolio-block{
	padding:0px 40px 0px 40px;
}

.portfolio-page-header{
	clear:both;
	overflow: hidden;
}
.portfolio-page-header h2{ float: left; font-size:31px;  color:#000000;}

ul.site-port { overflow: hidden; padding: 25px 0 0 11px}
ul.site-port li{width: 247px; float: left; height: 266px; margin-right: 52px; !important}
ul.site-port li.last{margin-right: 0px !important;}
ul.site-port li a img{border:6px solid #D6D2D2; height: 145px; width:235px;}
ul.site-port li a:hover img{border:6px solid #C4BFBF;}
ul.site-port li h4{font-size:21px; font-weight:bold; color:#000000;}
ul.site-port li .portfolio-links{font-size:12px; color:#740303;}

ul.site-port li .pro-detail{ padding: 10px 0 0 0;}

ul.site-port li .portfolio-links{ padding: 8px 0 0 0;}
ul.site-port li .portfolio-links span{padding:0px 20px 0px 0px;}

ul.site-port li .portfolio-links span a{text-decoration:underline;}

ul.site-port li .portfolio-links span a:hover{text-decoration:none;}

.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:#000000; white-space:nowrap;
	margin:10px 0px 10px 0px;
}

.portfolio-select{
	font-size:11px;
}
.portfolio-select label{ display:block; font: normal 11px/11px Georgia, "Times New Roman", Times, serif;}
.portfolio-select select{
	width:230px;
	font-size:14px;
}

/* portfolio section css */


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


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

/*site map page */