@charset "utf-8";

/*=====================================
CONTAINER - HEADER
=====================================*/
#container  {width:986px; margin:0 auto;}


/*=====================================
HEADER
=====================================*/
#header {width:986px;}
#header h1 {float:left;}
#header h1 img {float:left; margin-top:6px; margin-left:36px;}
.contact-box,
.connect {float:left;}

.contact-box {margin:46px 20px 0 36px; display:inline; font:bold 14px Arial, Helvetica, sans-serif; color:#2066ae; width:440px;}
.contact-box h3 {font:20px "Lucida Console", Monaco, monospace; color:#f30100;}
.contact-box ul {float:left; width:440px; margin-top:8px; font-weight:bold;}
.contact-box ul li {float:left; margin-right:10px;}
.contact-box ul li img {float:left; margin-right:5px;}
.contact-box ul li span {float:left; margin-top:2px;}

.contact-box {width:430px;}
.connect ul {float:left; font-size:11px; margin-top:38px;}
.connect ul li {float:left;}
.connect ul li img {display:block; margin-left:15px; margin-top:0;}
.connect ul li span {display:block; width:60px; margin-top:4px;  text-align:center; cursor:pointer;}
.connect ul li.gtalk {width:100px;}
.connect ul li.gtalk span {width:100px;}
.connect ul li a {color:#7c8386;}
.connect ul li a:hover {color:#f00;}



/*=============================
INDEX LEFT COL
=============================*/
#index-left-col {float:left; width:504px; margin-right:16px; display:inline;}
.upcoming-event {float:left; width:500px;}
.upcoming-event img {display:block; float:right;}

.follow-us {width:504px;}
a.follow-twitter {float:left; background:url(../images/banner/follow-twitter.jpg) no-repeat; width:255px; height:71px; text-indent:-5000px;}
a.email {float:left; background:url(../images/banner/email.jpg) no-repeat; width:189px; height:41px; color:#d10e0e; padding:30px 0 0 60px;}

#request-hire {width:483px; margin:0 0 0 19px;}
#request-hire form {float:left; width:220px;}
#request-hire form h3 {font-size:23px; color:#000; font-weight:normal;}
#request-hire form h4 {font-size:13px; color:#e52626; margin-bottom:10px;}
#request-hire form label {float:left; width:65px; font:12px "Lucida Console", Monaco, monospace; margin-top:8px;}
#request-hire form input {float:left;}
* html #request-hire form input {background-attachment:fixed;}
#request-hire form input.input-145 {margin-bottom:2px;}
#request-hire form textarea {float:left; margin-bottom:4px;}

.twitter-box {width:235px; float:left; margin-top:8px;}
.twtr-tweet-wrap {margin-bottom:2px;}




.hire-web {float:left; width:237px; margin-left:10px; margin-top:9px;}
.hire-web h4 {background:url(../images/text/hire-web-txt.gif) no-repeat; display:block; text-indent:-5000px;}
.hire-web ul {float:left; width:237px; margin-top:10px;}
.hire-web ul li {float:left; width:237px; background:#e5e5e5; border-bottom:1px solid #fff;}
.hire-web ul li a {float:left; padding:7px 0 7px 55px; font-size:18px; color:#000;}
.hire-web ul li a.web-designer {background:url(../images/icon/web-designer.jpg) no-repeat;}
.hire-web ul li a.php-progrommer {background:url(../images/icon/php.jpg) no-repeat;}
.hire-web ul li a.seo-expert {background:url(../images/icon/seo.jpg) no-repeat;}
.hire-web ul li a.psd-xhtml {background:url(../images/icon/psd.jpg) no-repeat;}
.hire-web ul li a.joomla {background:url(../images/icon/joomla.jpg) no-repeat;}
.hire-web ul li a.wordpress {background:url(../images/icon/wordpress-2.jpg) no-repeat;}
.hire-web ul li a:hover {color:#b40e76; text-decoration:none;}







/*=============================
RIGHT COL
=============================*/
#left-col {float:left; width:687px;}

.color-box {float:left; margin-top:15px; font:12px Arial, Helvetica, sans-serif;}
.color-box h2 {font:22px "Lucida Console", Monaco, monospace; color:#fff; padding-left:6px; text-transform:uppercase;}
.color-box a {float:right; margin-right:23px; color:#fff; margin-top:23px;}
.color-box a:hover {color:#ccc; text-decoration:none;}
.communication {float:left; background:url(../images/common/communication-bg.gif) no-repeat; width:316px; height:211px; margin-right:14px; padding:25px 10px 0 10px;}

.cost {float:left; background:url(../images/common/cost-bg.jpg) no-repeat; width:316px; height:211px; margin-right:-3px; padding:25px 10px 0 10px;}

.focus {float:left; background:url(../images/common/focus-bg.gif) no-repeat; width:316px; height:211px; margin-right:14px; padding:25px 10px 0 10px;}
.quality {float:left; background:url(../images/common/quality-bg.gif) no-repeat; width:316px; height:211px; margin-right:-3px; padding:25px 10px 0 10px;}


/*==========================
PORTFOLIO
==========================*/
.portfolio-wrapper {width:672px; padding-left:15px;}
.portfolio-head {width:672px;}
.portfolio-head h2 {float:left;}

.main-portfolio {float:left; width:667px; padding:0 0 10px 0; margin-top:10px;}
h3.category {background:#000; padding:10px; margin-top:10px; font:23px Impact; text-transform:uppercase; color:#fff; margin-bottom:10px; width:634px;}
h3.category span {font:18px Tahoma, Geneva, sans-serif; color:#50bbf8; margin-left:10px; display:inline;}

.single-port {float:left; width:306px; height:188px; background:#eee; border:1px solid #d9cbcb; padding:8px 4px; margin-left:9px;}
.margin-right-none {}
.margin-left {}
.single-port img {float:left; margin-left:4px;}
.view {float:left; width:298px; margin:8px 0 0 0; background:#d9d5d5; padding:4px; font-weight:bold;}
.view a {background:url(../images/common/arrow-4.gif) no-repeat 0 6px; padding-left:10px; color:#f00;}
.view b {font-size:12px; color:#2775d6; display:block; margin-left:10px;}
.enlarge {float:left; color:#f00;}


ul.pagination {float:right;}
ul.pagination li {float:left; margin:0 3px;}
ul.pagination li a {color:#000; padding:2px 6px; float:left; border:1px solid #b8b4b4; text-decoration:none;}
ul.pagination li a:hover {background:#989da1; color:#000; text-decoration:none;}
ul.pagination li a.sel-page {background:#595a5b; color:#fff;}

ul.pagination li.no-link {color:#ccc; padding:2px 6px; float:left; border:1px solid #ccc; text-decoration:none;}



.paginator {float:left; width:640px; margin-top:15px;}
.paginator a {color:#000; padding:2px 6px; float:left; border:1px solid #b8b4b4; text-decoration:none; margin:0 3px 5px 3px;}
.paginator a:hover {background:#989da1; color:#000; text-decoration:none;}
a.inactive {background:#595a5b; color:#fff;}

/*==========================
CONTACT
==========================*/
.contact {width:672px; padding-left:15px;}
.address {width:672px; margin-top:10px;}
.address ul {float:left; width:420px; margin-top:10px;}
.address li {float:left; width:420px; margin-bottom:8px;}
.address li b {float:left; width:150px; font-size:14px; color:#c81717; text-transform:uppercase;}
.address li span {float:left; width:270px; color:#010101; font-weight:bold;}
.address li span strong {display:block; margin-top:5px;}
.address li span a {background:url(../images/common/smily-2.gif) no-repeat; color:#4877cb; float:left; padding:4px 0 4px 30px;}

.contact form {float:left; width:650px; margin-top:20px;}
/*.contact form h3 {font-size:12px; font-weight:bold; color:#030303; margin-bottom:5px;}
.contact form fieldset {margin-bottom:20px; width:470px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; float:left; background:#f6f6f6;}
.contact form fieldset p {margin:0 15px; font-weight:bold; color:#666; background:#ccc; padding:2px 4px;}
.contact form fieldset legend {text-transform:uppercase; font:18px Georgia, "Times New Roman", Times, serif; background:#999; color:#fff; margin-left:15px; padding:2px 4px;}
.contact form label {float:left; font-size:13px; font-weight:bold;}
.contact form input {float:left; margin-bottom:2px;}
.jqtransformdone .contact form select {margin-bottom:10px;}

.contact form fieldset .radio-fieldset {float:left; width:200px; margin:20px 0 10px 15px;}
.contact form fieldset .radio-fieldset input {float:left; width:14px; height:14px; font:12px Arial, Helvetica, sans-serif; margin-bottom:8px;}
.contact form fieldset .radio-fieldset label {float:left; font:12px Arial, Helvetica, sans-serif; margin-left:5px;}

.field-interest {float:left; width:640px; margin-top:10px; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding:0 0 10px 10px;}
.field-interest h5 {font-size:14px; color:#bb2d2d; margin-bottom:4px;}
.field-interest h6 {font-size:13px; color:#2874bf; margin-bottom:3px;}

.web-form {float:left; width:320px;}
.web-form input {float:left; width:12px; height:12px; margin-top:2px;}
.jqtransformdone .web-form label {float:left; font-size:11px; margin-left:5px; margin-right:10px; margin-top:8px;}
*/
.submit-btn {background:url(../images/form/submit-btn.gif) no-repeat; width:74px; height:33px; border:none; text-indent:-5000px; float:left; font-size:0; margin-top:15px;}
.submit-btn-hover {background:url(../images/form/submit-btn-hover.gif) no-repeat; width:74px; height:33px; border:none; text-indent:-5000px; float:left; font-size:0; margin-top:15px;}
.reset-btn {background:url(../images/form/reset.gif) no-repeat; width:74px; height:33px; border:none; text-indent:-5000px; float:left; font-size:0; margin-left:15px; margin-top:15px;}
.reset-btn-hover {background:url(../images/form/reset-hover.gif) no-repeat; width:74px; height:33px; border:none; text-indent:-5000px; float:left; font-size:0; margin-left:15px; margin-top:15px;}



form.request-form {width:650px;}
form.request-form h3 {font:18px Tahoma, Geneva, sans-serif; color:#030303; text-transform:none;}
form.request-form h3 span {color:#1a77d7; font:18px Tahoma, Geneva, sans-serif; display:inline;}
form.request-form h4 {font:18px Tahoma, Geneva, sans-serif; text-transform:uppercase; margin-top:10px; margin-bottom:8px;}
.personal-detail {float:left; width:325px; margin-top:10px;}
.personal-detail fieldset, .description fieldset {float:left; width:303px; padding:10px; background:#f5f4f4; border-color:#ddd5d5; border-width:1px 1px 5px 1px; border-style:solid; height:140px;}
.personal-detail fieldset label, .description fieldset label {float:left; background:#fcfbfb; border-right:3px solid #ddd5d5; width:112px; padding:6px 5px; font-weight:bold; margin-right:5px; margin-bottom:2px; font-size:12px;}
.personal-detail fieldset input {}

.description fieldset select {float:left; width:160px;}

.description {float:left; width:320px; margin:10px 0 0 5px; display:inline;}
.description fieldset {width:298px;}

.type-website {float:left; width:650px;}
.type-website h6 {font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:15px; margin-top:-5px;}
.type-website fieldset {float:left; width:630px; padding:10px; background:#f5f4f4; border-color:#ddd5d5; border-width:1px 1px 5px 1px; border-style:solid;}
.type-website fieldset ul {float:left; width:220px; margin-right:5px;}
.type-website fieldset ul li {float:left; width:212px; background:#fafafa; margin-bottom:2px; padding:0 0 0 6px;}
.type-website fieldset ul li input {float:left; margin:8px 0 0 0}
.type-website fieldset ul li label {float:left; background:#fcfbfb; border-left:2px solid #f5f4f4; width:162px; padding:6px 5px; margin-left:5px; margin-bottom:2px; font:12px Arial, Helvetica, sans-serif;}
.type-website img {float:left; border:1px solid #e0d8d8; margin-top:8px;}


/*==========================
SERVICE
==========================*/
#service-wrapper {width:672px; padding-left:15px;}
.service-box {width:672px; float:left; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding:0 0 10px 0; margin-bottom:10px;}
.s-application {background:url(../images/icon/application-dev.jpg) no-repeat 100% 20px; padding-right:160px; padding-bottom:15px;}
.s-web {background:url(../images/icon/web-design-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:30px;}
.s-e-commerce {background:url(../images/icon/e-commerce-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:10px;}
.s-plaacement {background:url(../images/icon/placement-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:10px;}
.s-data {background:url(../images/icon/database-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:10px;}
.s-web-dev {background:url(../images/icon/web-dep-bigger.jpg) no-repeat 100% 10px; padding-right:160px; padding-bottom:5px;}
.s-search {background:url(../images/icon/search-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:15px;}
.s-it {background:url(../images/icon/it-consulting-bigger.jpg) no-repeat 100% 5px; padding-right:160px; padding-bottom:15px;}
.s-search-eng {background:url(../images/icon/search-eng-bigger.jpg) no-repeat 100% 5px; padding-right:160px; padding-bottom:15px;}
.s-web-h {background:url(../images/icon/web-hosting-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:15px;}
.s-erp {background:url(../images/icon/erp-bigger.jpg) no-repeat 100% 0; padding-right:160px; padding-bottom:15px;}

/*==========================
TESTIMONIALS
==========================*/
.testimonial {float:left; width:654px; margin-top:15px; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding-bottom:8px;}
.client-view {float:left; width:650px; padding:10px 0; border:2px solid #fff;}
.client-view:hover {border:2px solid #c9ccce; background:#e8e9ea;}
.client-img {float:left; width:52px; padding:0 14px}
.client-img img {float:left; border:1px solid #a8acb0;}
.client-comments {float:left; width:591px; margin-left:1px; padding:0 10px 0 20px; font:12px Tahoma, Geneva, sans-serif; line-height:18px;}
.client-comments span.quot-open {background:url(../images/common/blue-quot.gif) no-repeat; padding-left:20px;}
.client-comments span.quot-close {background:url(../images/common/blue-quot-close.gif) no-repeat 100% 100%; padding-right:20px;}
.client-comments p {color:#cc0e13; margin-top:3px;}
.client-comments p.gray-text {color:#5d5c5c;}
.client-comments p b {display:block; font-weight:normal;}
.client-comments a {color:#007ec7;}
span.spacer-5 {display:block; height:5px;}




/*=============================
INDEX RIGHT COL
=============================*/
#index-right-col {float:left; width:466px; margin-right:-3px;}

#client-testimonial {float:left; background:url(../images/common/gradient-top.gif) no-repeat; width:465px; margin-top:70px;}
#client-testimonial-bottom {float:left; width:445px; background:url(../images/common/gradient-bottom.gif) no-repeat 0 100%; padding:10px 10px 5px 10px;}
#client-testimonial-bottom h3 {font-size:20px; color:#353535; font-weight:normal; margin-bottom:10px;}
.testimonial-box {float:left; width:445px; background:url(../images/common/dotted-border.gif) repeat-x 0 100%; padding-bottom:12px; margin-bottom:16px;}
.border-none {background:none;}
.user-img {float:left; width:80px; height:78px; overflow:hidden;}
.user-img img {float:left; border:1px solid #ccc; padding:1px;}
.user-comment {float:left; width:360px; margin-left:5px;}
.user-comment h6 {font-size:12px; color:#c91212; font-weight:normal;}
.user-comment p {margin-top:0;}

#join-us {float:right; margin:00;}
#join-us h5 {font:18px Arial, Helvetica, sans-serif; float:left; margin:8px 5px 0 0;}
#join-us ul {float:left; padding:2px;}
#join-us ul li {float:left; margin:0 3px; display:inline;}
#join-us ul li a {float:left; background-image:url(../images/icon/sexy-sprite.jpg); background-repeat:no-repeat; text-indent:-5000px; height:28px; width:50px;}

#join-us ul li a.sexy-facebook {background-position:-145px 100%;}
#join-us ul li a:hover.sexy-facebook {background-position:-145px 0;}

#join-us ul li a.sexy-in {background-position:-5px 100%;}
#join-us ul li a:hover.sexy-in {background-position:-5px 0;}

#join-us ul li a.sexy-twitter {background-position:-215px 100%;}
#join-us ul li a:hover.sexy-twitter {background-position:-215px 0;}

#join-us ul li a.sexy-myspace {background-position:-77px 100%;}
#join-us ul li a:hover.sexy-myspace {background-position:-77px 0;}

#join-us ul li a.sexy-rss {background-position:-285px 100%;}
#join-us ul li a:hover.sexy-rss {background-position:-285px 0;}



#all-services {float:left; width:986px; margin-top:15px;}
#all-services ul {border:1px solid #ccc; float:left; width:976px; padding:4px;}
#all-services ul li {float:left; margin:0 4px;}

/*=============================
RIGHT COL
=============================*/
#right-col {float:left; width:284px; margin-left:11px;}

.request-join {}
a.request {background:url(../images/common/request-bg.jpg) no-repeat; width:132px; height:41px; float:left; text-indent:-5000px;}
.join {float:left; width:146px; margin-left:4px; display:inline;}
.join ul {float:left; border:1px solid #ccc; padding:2px; width:142px;}
.join ul li {float:left; margin:0 2px; display:inline;}
.join ul li img {float:left;}

.portfolio-box {margin:10px 0 0 0; border:10px solid #dadbdd; padding:3px; float:left; width:258px;}
.portfolio-box h2 {text-transform:uppercase; font-size:20px; padding-bottom:5px}
.portfolio-box img {float:left;}
a.see-all {float:right; color:#e55656; margin:10px 5px 5px 0; background:url(../images/common/arrow-3.gif) no-repeat 0 5px; padding-left:10px; text-decoration:underline;}
a:hover.see-all {text-decoration:none; color:#000;}

.contact-small {float:left; background:url(../images/form/contact-bg.gif) no-repeat; width:259px; height:158px; padding:12px; margin:10px 0 0 0;}
.contact-small h2 {font-size:20px; color:#000; text-transform:uppercase;}
.contact-small ul {float:left; width:259px; margin-top:12px;}
.contact-small ul li {float:left; width:259px; font-size:14px; padding-bottom:7px; margin-right:-3px;}
.contact-small ul li b {float:left; color:#e55656; width:100px; text-transform:uppercase;}
.contact-small ul li span {color:#317ac4; width:155px; float:left; font-weight:bold;}
.contact-small ul li span i {display:block; font-style:normal;}
.contact-small ul li span em {display:block; font-style:normal; color:#4f4d54;}
.contact-small ul li.email-box {}
.contact-small ul li.email-box b {width:60px;}
.contact-small ul li.email-box a {color:#317ac4; width:155px; font-size:12px; float:left; font-weight:bold;}

.advertisement {float:left; width:283px;}
.advertisement img {float:left; margin-top:14px;}