* {margin: 0px; padding: 0px; }
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ececec; }
.left {float: left; }
.right {float: right; }
.clear {clear: both; }
.bold {font-weight: bold; }
a img {border: none; }
.hidden {display: none; }
a.ni {margin-top: 20px; display: block; background: transparent url(../Content/images/ni1.jpg) no-repeat right top; text-decoration: none; font-size: 18px; color: #24b3ef; padding: 5px; width: 170px; }
div.content {border-left: 9px solid #d6d6d6;border-right: 9px solid #d6d6d6;border-bottom: 9px solid #d6d6d6; background-color: #ffffff; width: 900px; margin: 0 auto 50px; padding: 0px 30px; background: #fff url(../Content/images/bc1.jpg) no-repeat right bottom; }
.taR {text-align: right; }
.taC {text-align: center; }

.header a.logo {display: block; margin-top: 15px; }
.header .right p.info {color: #a9a9a9; font-size: 14px; text-align: right; margin: 2px 0 18px 0;}
.header .right p.phoneNo {float: right; color: #3d3d3d; font-size: 28px; text-align: right;}
.header .logoncontrol {text-align: right; color: #a9a9a9; font-size: 11px; margin: 2px 0 5px; }

.col1 {width: 566px; overflow: hidden; float: left;}
ul.menu {list-style: none; border-top: 4px solid #bfbfbf; }
ul.menu li {float: left;margin-left: 14px; }
ul.menu li a {display: block; color: #464646; font-size: 14px; font-family: Trebuchet MS; text-decoration: none; padding: 5px 15px; }
ul.menu li.active {background: #bfbfbf url(../Content/images/me.jpg) no-repeat right bottom; }
ul.menu li.active a {color: #fff;}
ul.menu li.last {float: right; }
ul.menu li.first {margin-left: 0px; }

.paypalModules {background-color: #f6f6f6; padding: 20px 0; text-align: center; }
.buyButton {display: block; border: none; background: url(../Content/images/buy-now.png) no-repeat; width: 100px; height: 29px; }

.mainImage {margin-top: 10px; border-bottom: 4px solid #bfbfbf; position: relative;}
.mainImage p {position: absolute; top: 80px; left: 30px; font-size: 16px; color: #fff; }
.mainImage img {display: block; padding-bottom: 20px;}

.description {float: left; margin-top: 10px; }
.description h3.orange {font-size: 18px; font-family: Trebuchet MS; color: #cc6e00; }
.description p {margin: 10px 0; }

.description1 h4.orange {font-size: 18px; font-family: Trebuchet MS; color: #cc6e00; }
.description1 {float: left;  margin-top: 10px;}
.description1 p {margin: 10px 0; width: 90%; }

.news {float: left; margin-top: 10px;}
.news h4.dg {font-size: 16px; font-family: Trebuchet MS; color: #343434; }
.news span.h5 {font-size: 14px; font-family: Trebuchet MS; color: #000; font-weight: bold; }
.news p {margin: 10px 0; color: #3f3f3f; }
p.blueBox {background: url(../Content/images/blueBox.jpg) no-repeat; width: 260px; height: 66px; padding: 10px; }
p.blueBox  a {color:#FFFFFF;display:block;font-family:trebuchet MS;font-size:14px;font-weight:bold;text-decoration:none;width:230px; }

.col2 {float: right; width: 280px; }
.infoPanel {background-color: #dedcdc; }
.infoPanel .request {background: url(../Content/images/box1.png) no-repeat; width: 198px; height: 84px; padding: 12px; margin: auto; }
.infoPanel .request .requestTxt {background: url(../Content/images/request_txt.png) no-repeat; width: 151px; height: 19px; }
.infoPanel .request a {display: block; background: url(../Content/images/arrow.png) no-repeat right center; padding-right: 20px; color: #fff; text-decoration: none; width: 145px; margin-top: 5px; }

.infoPanel .details {width: 210px; margin: auto; }
.infoPanel .details p.services {font-size: 13px; color: #000; border-bottom: 1px solid #6b6b6b; padding-bottom: 7px; }
.infoPanel .details p.webwave {font-weight: bold; background: url(../Content/images/logo3.png) no-repeat right center; padding: 7px 30px 7px 0; width: 100px; }
.infoPanel .details p.italic {font-style: italic; padding-bottom: 30px; }

.latestProjects {background-color: #6b6b6b; }
.latestProjects h3 {color: #fff; font-size: 13px; font-family: Trebuchet MS; padding: 10px 0 10px 40px; }
.latestProjects .psychhelp {display: block; text-decoration: none; color: #000; background: url(../Content/images/psychhelp.jpg) no-repeat; width: 199px; height: 103px; margin: 5px auto; }
.latestProjects .psychhelp .h4 {display: block; font-size: 13px; font-weight: bold; padding: 45px 0 0 10px; }
.latestProjects .psychhelp .p {display: block; font-size: 11px; padding: 0 0 0 10px;}

.latestProjects .hbd {display: block; text-decoration: none; color: #000; background: url(../Content/images/hbd.jpg) no-repeat; width: 199px; height: 103px; margin: 5px auto; }
.latestProjects .hbd .h4 {display: block; font-size: 13px; font-weight: bold; padding: 45px 0 0 10px; }
.latestProjects .hbd .p {display: block; font-size: 11px; padding: 0 0 0 10px;}

.latestProjects .tasty {display: block; text-decoration: none; color: #000; background: url(../Content/images/tasty.jpg) no-repeat; width: 199px; height: 103px; margin: 5px auto; }
.latestProjects .tasty .h4 {display: block; font-size: 13px; font-weight: bold; padding: 45px 0 0 10px; }
.latestProjects .tasty .p {display: block; font-size: 11px; padding: 0 0 0 10px;}

.latestProjects .dm {display: block; text-decoration: none; color: #000;background: url(../Content/images/dm.jpg) no-repeat; width: 199px; height: 104px; margin: 5px auto; }
.latestProjects .dm .h4 {display: block; font-size: 13px; font-weight: bold; padding: 35px 0 0 10px; width: 150px; }
.latestProjects .dm .p {display: block; font-size: 11px; padding: 0 0 0 10px; width: 150px;}

.latestProjects .zikbay {display: block; text-decoration: none; color: #000;background: url(../Content/images/zikbay.jpg) no-repeat; width: 199px; height: 103px; margin: 5px auto; }
.latestProjects .zikbay .h4 {display: block; font-size: 13px; font-weight: bold; padding: 10px 0 0 10px; }
.latestProjects .zikbay .p {display: block; font-size: 11px; padding: 0 0 0 10px; width: 100px;}

.latestProjects p.more {width: 199px; text-align: center; padding: 10px 0; margin: auto; }
.latestProjects p.more a {color: #fff; font-size: 16px; font-style: italic; text-decoration: none; font-weight: bold; }

.footer {padding: 13px 0; font-size: 11px;text-align:left; line-height: 41px; }
.footer .copy {float: left; color: #bfbfbf; background: url(../Content/images/logo2.jpg) no-repeat left center; padding-left: 45px;width:18%; }
.footer .author {float: right; color: #bfbfbf;}
.footer .author a {text-decoration: none; color: #bfbfbf; }
.footer .footerLink {float: left; margin-left: 90px; color: #777; }
.footer .footerLink a {text-decoration: none; color: #444; font-weight: bold; }
.footer .socialLinks {float: left; margin-left: 10px; }
.footer .trustLinks {float: right; margin-right: 80px; }
p.w3c {text-align: center; margin-bottom: 20px; }

/*Services Page*/
h1.orange {font-size: 24px; font-family: Trebuchet MS; color: #cc6e00; padding: 20px 0 10px; }
.services p {margin: 15px 0; font-size: 12px; color: #262626; text-align: justify; }
.services p.highlighted { color: #29abe2; font-size: 16px; font-style: italic; padding: 0 0 10px 0; background: url(../Content/images/qoutes.jpg) no-repeat right 91%; width: 280px; font-weight: bold; float: left; margin: 0 10px 0 0; border-bottom: 5px solid #dedcdd;}
.services p.highlighted span {color: #000; font-size: 13px; }
.services h3.orange {font-size: 16px; font-family: Trebuchet MS; color: #cc6e00; margin: 20px 0 10px; }
.services  ul {list-style: none; margin: 0 0 0 10px; }
.services  ul.srv li {margin: 10px 0; }
.services h5 {font-size: 15px; font-family: Trebuchet MS; color: #999; }
.services .keyfeatures {list-style: square outside none; }
.services .keyfeatures li {margin: 3px 0 3px 20px; }
.services .box {margin: 5px 0; padding: 10px; background-color: #D4E5F6; }
.services .bonus {margin: 0 0 20px 0; list-style: square outside none;}
.services .bonus li {margin-left: 20px; }
.services .price {font-size: 25px; float: left; margin: 0 20px 0 0; }
.services .box1 {margin: 10px 0; padding: 10px; background-color: #ccdbe0; color: #1c222b; }
.services .box1 h3 {font-size: 16px; background-color: #67abe0; padding: 10px; }
.services .box1 p.nor {margin: 0; }
.services .box1 p.taR {text-align: right; }
.services .box1 .item {margin: 5px 0; font-weight: bold; padding: 0 10px; }
.services .box1 .item a {color: #9a9aed; text-decoration: none; }

/*Contact Page*/
div.contactPage {background-color: #DEDCDC; margin: 20px 0; color: #464646; padding: 9px; font-family: Trebuchet MS; }
div.contactPage h4 { background: url(../Content/images/email.jpg) no-repeat right center; font-size: 16px; border-bottom: 1px solid #9c9c9c; margin: 40px 20px 20px; }
div.contactPage .contactInfo p {margin: 20px 20px; }
div.contactPage .contactForm p {margin-left: 20px; }
div.contactPage .contactInfo {background-color: #bdbdbd; float: left; width: 180px; height: 480px; }
div.contactPage .contactForm {background-color: #acacac; float: left; width: 367px; height: 480px; }
div.contactPage .contactForm label {display: block; padding-left: 20px;}
div.contactPage .contactForm input.txt, div.contactPage .contactForm textarea {display: block; border: none; background-color: #DEDCDC; height: 30px; width: 280px; margin: 3px 0 15px;  margin-left: 20px;}
input.btn {display: block; border: none; background-color: #838383; font-size: 16px; color: #000; padding: 5px; margin-left: 20px;}
div.contactPage .contactForm textarea { height: 150px;}
div.validationErrors {height: 80px; padding: 10px;}
.validation-summary-errors {color: #a00000; border: 1px solid #a00000; padding: 10px;}
.validation-summary-errors ul {list-style: inside; }
span.US {display: block; background: url(../Content/images/usa.png) no-repeat left center; padding: 0px 0 0px 30px; margin: 5px 0; }
span.THAI {display: block; background: url(../Content/images/Thailand.png) no-repeat left center; padding: 0px 0 0px 30px; margin: 5px 0; }
span.AUS {display: block; background: url(../Content/images/aus.png) no-repeat left center; padding: 0px 0 0px 30px; margin: 5px 0; }
span.UK {display: block; background: url(../Content/images/uk.png) no-repeat left center; padding: 0px 0 0px 30px; margin: 5px 0; }

/*Contact Form in modal box*/
div#contactForm {text-align: left; background-color: #DEDCDC; margin: 0; color: #464646; padding: 9px; font-family: Trebuchet MS; }
div#contactForm h4 { font-size: 16px; border-bottom: 1px solid #9c9c9c; margin: 0 20px 20px; }
div#contactForm .contactInfo p {margin: 0; }
div#contactForm .contactForm p {margin-left: 20px; }
div#contactForm .contactInfo {background-color: #bdbdbd; float: left; width: 180px; height: 440px; padding-top: 40px; }
div#contactForm .contactForm {background-color: #acacac; float: left; width: 367px; height: 440px; padding-top: 40px; }
div#contactForm .contactForm label {display: block; padding-left: 20px;}
div#contactForm .contactForm input.txt, div#contactForm .contactForm textarea {display: block; border: none; background-color: #DEDCDC; height: 25px; width: 280px; margin: 3px 0 15px 20px;}
div#contactForm .contactForm textarea { height: 80px;}
div#contactForm .sa input {display: block; border: none; background-color: #838383; font-size: 16px; color: #000; padding: 5px; float: left; }
div#contactForm .sa .sub {margin: 0 3px 0 20px; }
div#contactForm .file {position: relative; }
div#contactForm .file .file {margin: 3px 0 0 20px; position: absolute; left: 0px; top: 0px; height: 25px; width: 230px; }
div#contactForm .file .fileTxt {float: left; display: block; border: none; background-color: #DEDCDC; height: 25px; width: 150px; margin: 3px 3px 15px 20px;}
div#contactForm .file .uploadBtn {float: left; display: block; border: none; background-color: #838383; color: #000; height: 25px;  margin: 3px 0 15px; width: 80px; }

/*Portfolio Page*/
.portfolioPage {margin: 40px 0 0 0; }
.portfolioPage .project {margin: 30px 0; border-bottom: 1px solid #6b6b6b; padding-bottom: 10px; }
.portfolioPage .project .left {width: 250px; }
.portfolioPage .project h4 {font-size: 16px; font-family: Trebuchet MS; color: #343434; margin: 10px 0 10px 10px; }
.portfolioPage .project p {color: #777; margin: 0 0 0 10px;}
.portfolioPage .project .right a img {display: block; border: 2px solid #999; }

.products h3.orange {font-size: 18px; font-family: Trebuchet MS; color: #cc6e00; margin: 12px 0 8px; }
.products p {margin: 8px 0; }

/*About Us Page*/
.aboutPage {margin: 40px 0 0 0; }
.aboutPage .aboutMe {position: relative; margin: 20px 0; }
.aboutPage .head {background-color: #f7f7f7; border: 1px solid #e0e0e0; padding: 10px; color: #464646; font-family: Trebuchet MS; }
.aboutPage .head h3 {font-size: 18px; }
.aboutPage .head h4 {font-size: 16px; color: #969696; }
.aboutPage .details {width: 300px; padding: 10px; color: #767676;}
.aboutPage .details .high {font-size: 14px; }
.aboutPage .details p {margin: 10px 0; }
.aboutPage .followUs {position: absolute; right: 10px; top: 20px; width: 202px; }
.aboutPage .followUs .facebook {float: left; }
.aboutPage .followUs .linkedin {float: right; }
.aboutPage .aboutImage {display: block; border: 1px solid #e0e0e0; }
.aboutPage div.career h4 {font-size: 16px; }
.aboutPage div.career {background-color: #d4e5f6; padding: 10px; font-family: Trebuchet MS; }

/*Logon Pages*/
.logOn {margin-top: 30px; color: #464646; font-family:Trebuchet MS;}
.logOn fieldset {margin-top: 10px; padding: 10px; }
.logOn input.btn {
    background-color:#838383;
    border:medium none;
    color:#000000;
    display:block;
    font-size:16px;
    margin: 0px;
    padding:2px;
}
.logOn .editor-label {font-weight: bold; }
.logOn .chkbox {margin: 0 0 15px 0; }
.logOn .editor-field {margin-bottom: 10px; }
.field-validation-error {color: #A00000; }

/*In the Media*/
.inMedia {height: 250px; }
.inMedia ul {list-style: none; }
.inMedia ul li {float: left; width: 140px; }
.inMedia ul a, .inMedia ul a img { border: none; }
.inMedia h4.dg {margin: 3px; font-size: 16px; font-family: Trebuchet MS; color: #343434; }

p.st {float: left; line-height: 35px; }
p.st a {color: #666; text-decoration: none; }

/*Video Page*/
.videosPage {margin: 40px 0 0 0; }
.videosPage .video {margin: 10px 0; border-bottom: 1px solid #6b6b6b; padding-bottom: 10px; }
.videosPage .video .left {width: 250px; }
.videosPage .video h4 {font-size: 16px; font-family: Trebuchet MS; color: #343434; margin: 10px 0 10px 10px; }
.videosPage .video p {color: #777; margin: 0 0 0 10px;}

.videosPage h4.orange {font-size: 18px; font-family: Trebuchet MS; color: #cc6e00; margin: 12px 0 8px; }
.videosPage p {margin: 8px 0; }
.videosPage a {display: block; border: 2px solid #cfcfcf; }


/*Service Page*/
.seoMenu {list-style: none; }
.seoMenu li {float: left; width: 250px;}
.seoMenu li a {display: block; background-color: #f6d4d4; color: #000; padding: 5px; margin: 5px 10px; text-decoration: none;}
.seoMenu li a.active {background-color: #a8bef4; color: #000; font-weight: bold; }
.services .toc {margin: 10px 0; }
.services .toc a {text-decoration: none; font-size: 14px;  }
.services ol.faq {list-style: decimal; }
.services ol.faq li{margin: 3px 0 3px 20px; }
.services ol.faq span.q {font-style: italic; font-weight: bold; }
.services div.h3 {color: #cc6e00; font-family: Trebuchet MS; font-size: 14px; margin: 10px 0 0 0; }
.services div.h3 span {color: #000; font-size: 12px; }
.services .PR {color: #999; }
.services .PR a {text-decoration: none; color: #999; }