html, body {
    background:#315b85 url(/images/bgbg.png) 0 0 repeat-x;
    margin:0;
    color:#000;
    font-family:arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:145%;
    text-align:left;
    width:100%;
}

*{margin:0;padding:0;}
img {border:0;}
a {cursor: pointer;}
.clear {clear:both;width:auto;height:1px;}
.contacts input, .contacts textarea, #getquote input, #getquote textarea, #getquote select {font-family:Arial;font-size:14px;}
.contacts textarea {float:left;display:block;position:relative;}
a:active {outline:none;}
:-moz-any-link:focus {outline: none;}

#welcome {
    position:relative;
    width:1086px;
    background:transparent;
    margin:0 auto 0 auto;
    padding-top:125px;
}

input.mini {width:70px;margin:0 10px 0 0;}

#website {position:relative;width:1040px;height:550px;padding:0 23px;background:url(/images/websiteBg.gif) 0 0 repeat-y;overflow:hidden;overflow-x:hidden;clear:left;}
#lingo {float:right;width:465px;height:360px;padding-right:10px;}
#lingo h1 {color:#5e5e5e;font-weight:normal;font-size:18px;line-height:24px;margin-bottom:10px;}
#lingo h1 img {display:block;}
#lingo p {color:#5e5e5e;font-size:14px;line-height:24px;text-align:justify;margin-bottom:15px;}
#lingo p a {color:#ff610f;text-decoration:underline;}
#lingo p a:hover {color:#ff610f;text-decoration:none;}
#lingo h2 {color:#0e2a47;font-weight:bold;font-size:28px;font-family:Times New Roman;line-height:55px;}
#lingo h2 {float:left;width:463px;border:1px solid #d5dce3;text-align:center;background:url(/images/h2Bg1.jpg) 0 0 no-repeat;}

#webvideo {position:relative;float:left;width:539px;height:355px;background:#000;}
#webvideo h2 {color:#696868;font-size:12px;font-weight:normal;background:url(/images/headBullets.gif) 0 50% no-repeat;padding-left:11px;position:absolute;top:325px;left:15px;}
#webvideo ul {list-style-type:none;position:absolute;top:324px;right:15px;}
#webvideo li {display:inline;}
#webvideo li a {position:relative;background:#182c40;color:#ff610f;text-decoration:none;font-weight:bold;font-size:14px;padding:2px 8px;}
#webvideo li a:hover {background:#315b85;color:#fff;text-decoration:none;}
#webvideo li a.topvid {background:#315b85;color:#fff;text-decoration:none;}
#maina, #mainb, #mainc {position:absolute;top:0;left:0;}

#topwebsite {position:relative;width:1038px;padding:0 24px 12px 24px;background:url(/images/subBg.gif) 0 0 repeat-y;}
#browse {position:relative;width:1018px;padding:10px;margin-bottom:15px;background:#e9f5fe;border-bottom:1px solid #dcdcdc;}
.browseby {float:left;padding:0 30px 0 10px;}
.bb1 {background:url(/images/browseBg.jpg) 100% 50% no-repeat;}
.viewing {float:right;height:51px;padding:0;margin:3px 10px 0 0;background:url(/images/viewingBg1.gif) 0 0 no-repeat;}
.viewing h2 {float:left;height:37px;padding:14px 15px 0 15px;background:url(/images/viewingBg2.gif) 100% 0 no-repeat;}
#browse h2 {color:#315b85;font-weight:bold;font-size:18px;margin-bottom:10px;line-height:22px;}
#dev {position:absolute;bottom:0;left:23px;width:1040px;height:12px;background:url(/images/devBg.gif) 0 0 no-repeat;}

#toplingo {position:relative;width:298px;padding:0 20px 0 720px;min-height:480px;height:auto !important;height:480px;}
#toplingo h2 {color:#213d59;font-weight:bold;font-size:13px;line-height:18px;margin-bottom:5px;}
#toplingo h2 img {position:absolute;top:5px;left:20px;padding:2px;border:1px solid #ccc;}
a.stbutton {color:#ff610f;text-decoration:none;}
a.stbutton:hover {color:#ff610f;text-decoration:underline;}
#toplingo p {margin-bottom:15px;text-align:justify;}
#toplingo em {font-style:normal;font-weight:bold;font-size:16px;line-height:22px;color:#656565;}
#toplingo p.topclient em {color:#315b85;font-size:12px;line-height:14px;text-align:right;display:block;}
#toplingo p.topclient {color:#656565;font-size:10px;text-align:right;display:block;}
#toplingo p.topre {background:#e9f5fe;margin:10px;padding:10px;color:#656565;font-size:12px;line-height:16px;text-align:left;}
#toplingo ul {list-style-type:none;margin-bottom:15px;}
#toplingo li {padding:0 0 0 15px;background:url(/images/headBullets.gif) 5px 50% no-repeat;}

#case {float:left;width:680px;margin-left:20px;}
#case h2 {color:#ff610f;font-size:18px;font-weight:bold;line-height:24px;margin-bottom:15px;}
#case p {margin-bottom:15px;}
#case ul {list-style-type:none;margin-bottom:15px;}
#case li {padding:0 0 5px 15px;background:url(/images/headBullets.gif) 5px 5px no-repeat;}
#study {float:right;width:298px;margin:20px 20px 0 0;text-align:center;}
#study img {background:#faf9f4;padding:2px;border:1px solid #d4d7c6;margin-bottom:15px;}

#contactus {position:relative;width:998px;padding:0 20px;height:430px;min-height:430px !important;height:auto;}
#contactus h2 {color:#666;font-size:18px;font-weight:bold;line-height:22px;}
#contactus h2 img {position:absolute;top:0;right:13px;}
#contactus h3 {color:#ff610f;font-size:12px;font-weight:bold;line-height:18px;}
#contactus p {margin-bottom:15px;text-align:justify;}
.join {float:left;width:250px;padding-right:30px;}

#blog {position:relative;width:998px;padding:0 20px;}

.pager {position:relative;width:auto;text-align:center;padding:0 0 10px 0;}
.pager a {border:1px solid #bdbdbd;background:#eaeaea;color:#292929;text-decoration:none;font-weight:bold;font-size:14px;padding:3px 6px;}
.pager a:hover {background:#213d59;color:#fff;text-decoration:none;}
a.pageron {background:#213d59;color:#fff;text-decoration:none;}

#port {position:relative;height:58px;margin-left:-24px;}
#port h1 {color:#fff;font-size:28px;font-weight:normal;line-height:28px;position:absolute;top:0;left:23px;width:1020px;height:44px;padding:14px 0 0 20px;background:url(/images/subHeadBg.jpg) 0 0 no-repeat;}

#browser {position:relative;width:998px;padding:10px 20px;margin-bottom:15px;background:#e9f5fe;border-bottom:1px solid #dcdcdc;}
#browser h1, #browser h2 , #browser h2 a{color:#315b85;font-weight:bold;font-size:18px;line-height:22px;}
#browser ul {list-style-type:none;position:absolute;top:10px;right:20px;}
#browser li {display:inline;}
#browser li a {float:left;margin-left:5px;padding:2px 4px;border:1px solid #d8d5c5;background:#ff610f;color:#fff;text-decoration:none;font-weight:bold;font-size:14px;}
#browser li a:hover {background:#315b85;color:#fff;text-decoration:none;}

#playanimation  a {float:left;margin-left:5px;padding:2px 4px;border:1px solid #d8d5c5;background:#ff610f;color:#fff;text-decoration:none;font-weight:bold;font-size:14px;}
#playanimation  a:hover {background:#315b85;color:#fff;text-decoration:none;}
#asterix {color:Red;}

.learn {float:left;width:405px;height:526px;padding:24px 0 0 29px;}
.learn h3 {color:#ff610f;font-weight:bold;font-size:18px;line-height:28px;margin-bottom:10px;}
.learn p {color:#fff;font-size:14px;line-height:24px;text-align:justify;margin-bottom:10px;}
.learn p img {display:block;margin-bottom:15px;}
.learn ul {list-style-type:none;}
.learn li {color:#ccc;font-weight:bold;font-size:14px;display:inline;float:left;width:170px;padding:0 0 10px 30px;background:url(/images/orangeBullet.png) 5px 0 no-repeat;}
.learn li:hover {background:url(/images/arrowBullet-over.png) 5px 0 no-repeat;}
.learn li a {color:#ccc;font-weight:bold;font-size:14px;text-decoration:none;}
.learn li a:hover {color:#fff;text-decoration:none;}

#learnview {position:absolute;top:0;right:0;}
#portfolioview {position:absolute;top:0;right:0;}
#capableview {position:absolute;top:0;right:0;width:725px;height:550px;}

.capable {float:left;width:257px;height:526px;padding:24px 0 0 29px;}
.capable h3 {color:#ff610f;font-weight:bold;font-size:15px;line-height:24px;margin-bottom:10px;}
.capable p {color:#fff;font-size:14px;line-height:24px;text-align:justify;margin-bottom:10px;}
.capable p img {display:block;margin-bottom:15px;}
.capable ul {list-style-type:none;}
.capable li {color:#ccc;font-weight:bold;font-size:14px;display:inline;float:left;width:170px;padding:0 0 10px 30px;background:url(/images/orangeBullet.png) 5px 0 no-repeat;}
.capable li:hover {background:url(/images/arrowBullet-over.png) 5px 0 no-repeat;}
.capable li a {color:#ccc;font-weight:bold;font-size:14px;text-decoration:none;}
.capable li a:hover {color:#fff;text-decoration:none;}

#careers {position:relative;width:1040px;height:78px;margin-left:-1px;background:url(/images/graphic.jpg) 0 0 no-repeat;}
#careers h1 {color:#ff610f;font-weight:bold;font-size:20px;line-height:24px;padding:25px 0 0 440px;}
#careers h1 img {position:absolute;top:19px;left:22px;}
#careers ul {list-style-type:none;position:absolute;top:10px;right:0;width:370px;}
#careers li {float:left;width:176px;padding-left:9px;color:#ff610f;background:url(/images/headBullets.gif) 0 50% no-repeat;}
#careers li span {color:#fff;}

#servicedisplay {position:relative;width:685px;height:510px;padding:20px;background:#fff url(/images/servicesDetailBg.jpg) 0 0 repeat-x;}
#servicedisplay img {margin-bottom:5px;}
#servicedisplay p {color:#000;font-size:12px;font-weight:normal;line-height:18px;}
#servicedisplay ul {list-style-type:none;margin:0 0 15px 0;padding:0;position:relative;}
#servicedisplay li {background:url(/images/serviceTxtBullet.gif) 5px 8px no-repeat;display:block;float:none;width:auto;margin:0;padding:0 0 0 15px;color:#000;font-size:12px;font-weight:normal;}
#servicedisplay li a {color:#ff610f;font-size:12px;font-weight:normal;text-decoration:underline;}
#servicedisplay li a:hover {color:#ff610f;font-size:12px;font-weight:normal;text-decoration:none;}

#portfoliodisplay {position:relative;width:694px;height:520px;padding:30px 0 0 33px;background:#fff url(/images/portfolioViewBg.jpg) 0 0 no-repeat;}
#portfoliodisplay h4 {color:#ff610f;font-weight:bold;font-size:28px;line-height:34px;letter-spacing:-1px;}
#portfoliodisplay h4 img {position:absolute;top:70px;left:33px;padding:2px;border:1px solid #ccc;}
a.pddetails {position:absolute;top:36px;right:13px;float:left;padding:2px 4px;border:1px solid #d8d5c5;background:#ff610f;color:#fff;text-decoration:none;font-weight:bold;font-size:14px;}
a.pddetails:hover {background:#315b85;color:#fff;text-decoration:none;}

#sampleprojects {position:relative;width:705px;margin:5px auto 0 auto;}
#sampleprojects ul {float:left;width:705px;list-style-type:none;margin:0;padding:0;}
#sampleprojects li {float:left;width:218px;height:260px;margin:0 9px 18px 0;padding:0;background:none;}

#portfolioitems {position:relative;width:944px;margin:5px auto 0 auto;}
#portfolioitems ul, #sampleprojects ul {list-style-type:none;margin:0;padding:0;}
#portfolioitems li {float:left;width:218px;height:260px;margin:0 9px 18px 9px;padding:0;background:none;}
#portfolioitems li h3, #sampleprojects li h3, #servicedisplay li h3 {color:#ff610f;font-size:14px;text-decoration:none;margin-bottom:0;line-height:16px;}
#portfolioitems li h3 a, #sampleprojects li h3 a, #servicedisplay li h3 a {color:#ff610f;font-size:14px;text-decoration:none;margin-bottom:0;line-height:16px;}
#portfolioitems li h3 img, #sampleprojects li h3 img, #servicedisplay li h3 img {display:block;border:1px solid #ccc;margin-bottom:3px;padding:2px;}
#portfolioitems li h3 img:hover, #sampleprojects li h3 img:hover, #servicedisplay li h3 img:hover {display:block;border:1px solid #ff610f;margin-bottom:3px;padding:2px;}
#portfolioitems li p, #sampleprojects li p, #servicedisplay li p {color:#aaa;font-size:12px;line-height:14px;font-weight:normal;text-align:left;padding:0;margin:0;}

#portfoliolinks {position:relative;padding:20px 0 0 30px;}
#portfoliolinks h3 {color:#fff;font-weight:bold;font-size:24px;line-height:24px;margin-bottom:5px;}
#portfoliolinks h3 a {color:#fff;text-decoration:none;}
#portfoliolinks h3 a:hover {color:#ff610f;text-decoration:none;}
#portfoliolinks ul {list-style-type:none;margin-bottom:15px;}
#portfoliolinks li {display:block;padding:0 0 10px 48px;background:url(/images/orangeBullet.png) 25px 0 no-repeat;}
#portfoliolinks li:hover {background:url(/images/arrowBullet-over.png) 25px 0 no-repeat;}
#portfoliolinks li a {color:#ccc;font-weight:bold;font-size:14px;text-decoration:none;}
#portfoliolinks li a:hover {color:#fff;text-decoration:none;}
#portfoliolinks span {color:#80c4f7;font-weight:normal;font-size:18px;text-decoration:none;}

#contactnow {position:relative;padding:20px 30px;}
#contactnow h2 {color:#fff;font-weight:bold;font-size:44px;line-height:44px;margin-bottom:10px;}
#contactnow h2 img {position:absolute;top:0;right:0;}
#contactnow td {color:#ff610f;font-weight:bold;padding:0 15px 15px 0;}
#contactnow td span {color:#818181;font-size:10px;padding:20px;}
#contactnow td input, #contactnow td textarea {border:1px solid #fff;background:#e5e5e5;padding:5px;}
#contactnow .createbtn {cursor:pointer;font-weight:bold;color:#fff;text-decoration:none;position:relative;width:68px;height:27px;border:0;background:url(/images/sendBg.gif) 0 0 no-repeat;}
#contactnow .createbtn:hover {background:url(/images/sendBgOver.gif) 0 0 no-repeat;}
.contacts {position:relative;width:365px;}
.contacts p {color:#fff;font-weight:bold;line-height:24px;}
.contacts p span {color:#80c4f7;}
.call {float:left;}
.address {float:right;}
.address span {line-height:16px;}
.address a {color:#ff610f;text-decoration:none;}
.address a:hover {color:#ff610f;text-decoration:underline;}

#home {position:relative;float:left;width:1040px;height:550px;}
#company {position:relative;float:left;width:1040px;height:550px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}
#portfolio {position:relative;float:left;width:1040px;height:550px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}
#services {position:relative;float:left;width:1040px;height:550px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}
#contact {position:relative;float:left;width:1040px;height:550px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}

/* slider info */
#slider {position:relative;width:1040px;margin-right:3px;height:550px;overflow:hidden;overflow-x:hidden;clear:left;}
.scrollContainer div.panel {padding:0;width:1040px;height:550px;}
.scroll {height:550px;overflow:auto;position:relative;clear:left;}
/* END slider info */

#getquote {position:relative;padding:30px 40px;height:490px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}
#getquote img {position:absolute;top:0;right:0;}
#getquote td img {position:relative;}
#getquote td {color:#ff610f;font-weight:bold;padding:0 5px 5px 0;vertical-align:top;}
#getquote td span {color:#818181;font-size:10px;vertical-align:middle;padding: 0 15px 0 0;}
#getquote span.field-validation-error {padding:0;margin:0;color:Red;font-size:15px;font-weight:bold;}
#getquote td em {color:#818181;font-size:10px;vertical-align:middle;font-style:normal;}
#getquote td input, #getquote td textarea, #getquote td select {border:1px solid #fff;background:#e5e5e5;padding:5px;margin:5px 0 5px 0;}
#getquote .createbtn {cursor:pointer;font-weight:bold;color:#fff;text-decoration:none;position:relative;width:68px;height:27px;border:0;background:url(/images/sendBg.gif) 0 0 no-repeat;}
#getquote .createbtn:hover {background:url(/images/sendBgOver.gif) 0 0 no-repeat;}

#getquote .asterix {color:Red;font-size:10px;vertical-align:middle;padding: 0 15px 0 0;}

#sitemap {position:relative;padding:30px 716px 30px 30px;height:490px;background:#000 url(/images/companyPbg.jpg) 0 0 repeat-x;}
.siteglance {position:absolute;top:0;right:0;}
#sitemap h1, #sitemap h2 {color:#ff610f;font-size:24px;line-height:24px;font-weight:bold;margin:10px 0;}
#sitemap ul {list-style-type:none;margin:10px 0;}
#sitemap li {color:#fff;margin-bottom:5px;}
#sitemap li span {color:#999;margin-left:5px;font-size:10px;}
#sitemap li a {color:#fff;text-decoration:none;}
#sitemap li a:hover {color:#fff;text-decoration:underline;}

#experience {clear:both;position:relative;width:1040px;padding-top:10px;background:url(/images/CaseStudyBg.jpg) 0 20px no-repeat;}
#experience h3 {color:#213d59;font-weight:normal;font-size:18px;text-align:center;padding-bottom:40px;}
#experience ul {list-style-type:none;}
#experience li {float:left;width:130px;height:65px;text-align:center;}

#websitefoot {position:relative;width:1086px;height:26px;margin-bottom:14px;background:url(/images/websiteFoot.jpg) 0 0 no-repeat;}

#head {position:absolute;top:0;left:0;width:1086px;height:125px;background:url(/images/headBg.gif) 0 102px no-repeat;}
#head img {position:absolute;top:0;left:0;}
#client {position:absolute;top:10px;right:25px;width:400px;}
#client ul {list-style-type:none;position:absolute;top:7px;right:140px;}
#client li {display:inline;padding:0 0 0 15px;background:url(/images/headBullets.gif) 7px 50% no-repeat;}
#client li a {color:#fff;font-size:13px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
#client li a:hover {color:#fff;text-decoration:underline;}
a.quote {position:absolute;top:0;right:0;float:left;width:120px;height:25px;padding:8px 0 0 10px;background:url(/images/quoteBg.gif) 0 0 no-repeat;color:#fff;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
a.quote:hover {background:url(/images/quoteBgOver.gif) 0 0 no-repeat;}

#nav {position:absolute;top:68px;right:15px;width:570px;}
#nav ul {list-style-type:none;}
#nav li {display:inline;}
#nav li img {position:relative;}

#contactoptions {position:relative;width:1040px;padding:25px 23px;background:url(/images/contactoptionsBg.gif) 0 0 repeat-y;}

#topcontact {position:absolute;top:0;left:0;width:1086px;height:25px;background:url(/images/topcontactBg.jpg) 0 0 no-repeat;}
#botcontact {position:absolute;bottom:0;left:0;width:1086px;height:25px;background:url(/images/botcontactBg.jpg) 0 0 no-repeat;}

#testimonial {float:left;width:287px;height:215px;padding:0 12px 0 0;border-right:1px solid #274868;}
#testimonial h2 img {margin:0 0 5px 0;}
#testimonial h2, #projectlaunch h2, #makecontact h2, #watchus h2 {color:#fff;font-weight:bold;font-size:18px;text-transform:uppercase;}
#testimonial h3, #projectlaunch h3, #makecontact h3, #watchus h3 {color:#ff610f;font-weight:bold;font-size:13px;margin-bottom:10px;}
#testimonial h4 {color:#fff;font-weight:normal;font-size:16px;margin-bottom:5px;}
#testimonial p {color:#fff;margin-bottom:5px;}
#testimonial ul {list-style-type:none;}
#testimonial li {display:block;padding:0 0 0 15px;background:url(/images/headBullets.gif) 7px 5px no-repeat;}
#testimonial li a {color:#80c4f7;font-size:13px;font-weight:bold;text-decoration:none;}
#testimonial li a:hover {color:#fff;}

#projectlaunch {float:left;width:282px;height:215px;padding:0 15px 0 15px;border-right:1px solid #274868;border-left:1px solid #122231;}
#projectlaunch h2 img {margin:0 0 5px 0;}
#projectlaunch ul {list-style-type:none;}
#projectlaunch li {display:block;padding:0 0 0 15px;background:url(/images/headBullets.gif) 7px 5px no-repeat;}
#projectlaunch li a {color:#80c4f7;font-size:13px;font-weight:bold;text-decoration:none;}
#projectlaunch li a:hover {color:#fff;}
/*#projectlaunch ul {list-style-type:none;}
#projectlaunch li {position:relative;display:block;width:207px;padding:0 0 0 85px;margin-bottom:8px;height:50px;min-height:50px !important;height:auto;}
#projectlaunch li h4 a {color:#a2cbe8;font-weight:bold;font-size:12px;line-height:11px;text-decoration:none;}
#projectlaunch li h4 a:hover {color:#a2cbe8;font-weight:bold;font-size:12px;text-decoration:underline;}
#projectlaunch li h4 a img {position:absolute;top:0;left:0;border:2px solid #bcbcbc;}
#projectlaunch li h4 a:hover img {border:2px solid #ff610f;}
#projectlaunch li p {color:#fff;line-height:16px;}*/

#makecontact {float:left;width:208px;height:215px;padding:0 0 0 15px;border-left:1px solid #122231;}
#makecontact h2 img {margin:0 0 5px 0;}
#makecontact p {color:#fff;margin-bottom:5px;}
#makecontact p strong {font-size:14px;}
#makecontact p span {color:#a2cbe8;font-size:14px;font-weight:bold;}
#makecontact p span a {color:#a2cbe8;font-size:14px;text-decoration:none;}
#makecontact p span a:hover {color:#a2cbe8;font-size:14px;text-decoration:underline;}
#makecontact ul {list-style-type:none;margin:0 0 5px 0;}
#makecontact li {display:block;padding:0 0 0 10px;background:url(/images/headBullets.gif) 0 5px no-repeat;}
#makecontact li a {color:#a2cbe8;font-size:12px;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:1px;}
#makecontact li a:hover {color:#a2cbe8;text-decoration:underline;}
.location {position:relative;padding:0 0 0 94px;font-size:10px;line-height:14px;}
.location img {position:absolute;top:4px;left:0;}
.location a {color:#a2cbe8;font-size:10px;font-weight:normal;text-decoration:none;}
.location a:hover {color:#a2cbe8;text-decoration:underline;}

#watchus {float:left;width:185px;height:215px;padding:0 0 0 15px;border-right:1px solid #274868;border-left:1px solid #122231;}
#watchus h2 img {margin:0 0 5px 0;}
#watchus ul {list-style-type:none;}
#watchus li {float:left;}

#foot {position:relative;margin:15px 0;text-align:center;}
#foot p a {color:#fff;text-decoration:none;}
#foot p a:hover {color:#fff;text-decoration:underline;}
#foot p {color:#9bc5e4;font-size:12px;padding:10px 0;}