html{height:100%;background-color:#000;}
body{color:#333;padding:10px 0 0 0;background-color:#000;font-size:100%;font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;}
h1{background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 0;width:190px;height:170px;text-indent:-999px;overflow:hidden;}
h1 a{display:block;width:100%;height:100%;text-indent:-999px;}
h2.home,h2.services{font-weight:bold;margin:0 0 5px 0;padding:0;text-align:left;border-bottom:2px solie #e5e4e4;width:auto;}
h2.home span,h2.services span{color:#004097;font-weight:bold;}
h3{padding:0 0 20px 0;width:100%;text-align:center;font-weight:bold;}
h3.home{font-size:.75em;}
h3.services{padding:0 0 10px 0;font-size:1em;text-decoration:underline;}
p{font-size:.8em;}
a{color:#004097;}
div.body{position:relative;width:1000px;height:100%;margin:0 auto;overflow:visible;background-color:#f7f3f7;}
div.header{position;relative;height:275px;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 bottom;padding:0 0 0 0;}
div.header p{position:absolute;top:110px;left:30px;width:100%;height:auto;overflow:auto;clear:both;float:none;font-weight:bold;color:#fff;}
div.header p em{font-size:30px;display:block;margin:0 auto;font-weight:bold;}
div.header p em span{color:#FFA35A;font-weight:bold;}
div.header p em.launch{width:60%;color:#FFA35A;}
div.header p em.project{width:35%;}
div.header p em.cmp{width:65%;text-align:right;}
body div a:hover{color:#555;}
div.overlay{-webkit-border-radius-topleft:5px;-webkit-border-radius-topright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top:1px solid #fff;position:absolute;top:0;left:0;color:#000;background:#fff url(../img/ajax-loader.gif) no-repeat scroll center center;height:100%;width:100%;text-align:center;font-size:1.6em;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
div.body p.notification{z-index:10;position:absolute;overflow:hidden;width:50%;padding:0;background-color:#000;height:300px;left:0;background:transparent url(../img/thumbs-up-png.png) no-repeat scroll 10px -90px;}
div.google-ad-sky{position:absolute;right:0;top:0;width:728px;height:90px;overflow:hidden;color:#fff;}
div.square{height:auto;padding:10px 0 0 10px;width:auto;}
div.ad-sense{display:none;}
div.footer-ad{display:block;width:728px;overflow:hidden;margin:10px 0 0 160px;position:absolute;}
div.loco{color:#fff;display:block;font-size:0.72em;letter-spacing:0.02em;text-align:right;width:245px;}
ul.navigation{width:62%;height:auto;overflow:auto;margin:0 0 0 auto;padding:0;}
ul.navigation li{float:left;width:120px;height:35px;margin:0;font-size:.8em;background: transparent url(../img/cmp-sprite.png) no-repeat scroll -135px -200px;}
ul.navigation li.active{background: transparent url(../img/cmp-sprite.png) no-repeat scroll -5px -200px;}
ul.navigation li.active a{color:#fff;}
ul.navigation li.first{padding-left:0;}
ul.navigation li.last{padding-right:0;}
ul.navigation li a{display:block;padding:5px 0 0 0;width:100%;text-align:center;color:#333;text-decoration:none;}
ul.navigation li a:hover{text-decoration:underline;color:#555;}
ul.navigation li a span{color:#004097;font-weight:bold;}
div.content{z-index:1;width:970px;padding:0 1.5%;overflow:hidden;margin:3% 0 0 0;}
div.home{float:left;width:65%;}
div.home h4.development{background: transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -175px;height:30px;width:545px;text-indent:-999px;background-color:#fff;margin:10px 0 15px 0;}
div.home p{padding:0 20px 10px 20px;}
div.home h3 a{}
div.services p em{display:block;font-weight:bold;font-size:1.2em;text-decoration:underline;padding:10px 0 5px 0;}
div.sidebar{float:left;width:31%;margin:0;}
div.rss{min-height:185px;position:relative;width:235px;clear:both;float:none;height:100%;overflow:hidden;padding:0 10px 10px 10px;margin:0 0 20px 0;}
div.rss h3{background:transparent url(../img/cmp-sprite.png) no-repeat scroll -5px -315px;width:auto;padding:0 0 5px 30px;overflow:hidden;font-size:1em;text-align:left;color:#333;font-weight:normal;border-bottom:2px solid #e5e4e4;}
div.rss h3 span{color:#004097;font-weight:bold;}
div.rss button{width:235px;padding:0 0 5px 0;position:absolute;bottom:0;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -285px;border:none;cursor:pointer;}
div.rss p{background:transparent url(../img/cmp-sprite-2.png) repeat scroll 0 0;font-weight:bold;font-size:.7em;}
div.rss p a{color:#719C00;text-decoration:none;}
div.rss div.from{background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -235px;padding:5px 0 0 0;margin:5px 0 0 0;}
div.rss div.from p{background:transparent url(../img/cmp-sprite-2.png) repeat scroll 0 0;padding:5px;margin:10px 0 0 0;}
div.rss p.from span{background:transparent url(../img/cmp-sprite-2.png) repeat scroll 0 0;}
div.rss p.date{padding:0 5px 10px 5px;}
div.rss p.description{font-weight:normal;font-size:.7em;padding:0 5px 15px 5px;}
div.rss p.description span.snippet{display:block;font-weight:bold;padding:0 0 5px 0;font-size:1.1em;}
div.newsletter{position:relative;width:235px;clear:both;float:none;height:100%;padding:0 10px 10px 10px;margin:0 0 20px 0;}
div.newsletter h3{background:transparent url(../img/cmp-sprite.png) no-repeat scroll -500px -315px;width:auto;padding:0 0 5px 30px;overflow:hidden;font-size:1em;text-align:left;color:#333;font-weight:normal;border-bottom:2px solid #e5e4e4;}
div.newsletter h3 span{color:#004097;font-weight:bold;}
div.newsletter div.copy{background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -235px;padding:5px 0 0 0;margin:5px 0 0 0;}
div.newsletter div.copy p{font-size:.7em;background:transparent url(../img/cmp-sprite-2.png) repeat scroll 0 0;padding:5px 5px 22px 5px;margin:10px 0 0 0;}
div.newsletter form{position:absolute;bottom:-10px;width:235px;background:transparent url(../img/cmp-sprite.png) repeat scroll 0 -270px;padding:10px 0;margin:0;}
div.newsletter form input{display:block;float:left;border:1px solid #e5e4e4;width:140px;margin:0 0 0 10px;font-size:.7em;padding:2px;color:#555;}
div.newsletter form input.hidden{display:none;}
div.newsletter button{display:block;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 5px -445px;border:none;cursor:pointer;color:#fff;font-weight:bold;font-size:.6em;padding:1px 10px 5px 10px;}

div.featured-solution{width:47%;float:left;margin:5% 3% 0 0;}
div.featured-solution h3{background:transparent url(../img/cmp-sprite.png) no-repeat scroll -985px -315px;width:70%;padding:0 0 5px 30px;margin:0 0 10px 0;font-weight:normal;text-align:left;border-bottom:2px solid #e5e4e4;}
div.featured-solution h3 span{color:#004097;font-weight:bold;}
div.featured-solution ul{}
div.featured-solution ul li{font-size:.9em;margin:0 0 5px 0;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -405px;padding:2px 0 2px 25px;}

div.api-list{width:50%;float:left;margin:5% 0 0 0;}
div.api-list h3{background:transparent url(../img/cmp-sprite.png) no-repeat scroll -985px -315px;width:auto;padding:0 0 5px 30px;margin:0 0 10px 0;font-weight:normal;text-align:left;border-bottom:2px solid #e5e4e4;}
div.api-list h3 span{color:#004097;font-weight:bold;}
div.api-list ul{margin:0 0 0 20px;}
div.api-list ul li{text-align:center;float:left;margin:0 0 10px 0;}
div.api-list ul li a{display:block;text-indent:-999px;overflow:hidden;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 -585px;}
div.api-list ul li.wp{}
div.api-list ul li.wp a{background-position: 0 -585px;width:50px;height:40px;margin:0 30px 0 0;}
div.api-list ul li.mt{}
div.api-list ul li.mt a{background-position: 0 -1218px;width:190px;height:40px;}
div.api-list ul li.de{}
div.api-list ul li.de a{background-position: 0 -725px;width:75px;height:40px;padding:15px 0 0 0;}
div.api-list ul li.tw{}
div.api-list ul li.tw a{background-position: 0 -1145px;width:60px;height:40px;padding:25px 0 0 0;margin:0 0 0 20px;}
div.api-list ul li.fl{}
div.api-list ul li.fl a{background-position: 0 -1095px;width:95px;height:40px;margin:0 0 0 20px;}
div.api-list ul li.yt{clear:left;}
div.api-list ul li.yt a{background-position: 0 -655px;width:80px;height:40px;padding:20px 0 0 0;margin:0 20px 0 0;}
div.api-list ul li.bc{}
div.api-list ul li.bc a{background-position: -5px -1010px;width:115px;height:40px;}
div.api-list ul li.fb{}
div.api-list ul li.fb a{background-position: 0 -1056px;width:80px;height:40px;}
div.api-list ul li.gm{clear:left;}
div.api-list ul li.gm a{background-position: 0 -970px;width:170px;height:40px;}
div.api-list ul li.pi{}
div.api-list ul li.pi a{background-position: 0 -805px;width:120px;height:40px;}
div.api-list ul li.moo{}
div.api-list ul li.moo a{background-position: 0 -865px;width:160px;height:60px;}
div.api-list ul li.ph{}
div.api-list ul li.ph a{background-position: -5px -920px;width:130px;height:40px;}


ul.social{margin:0 auto;width:50%;height:100%;overflow:hidden;}
ul.social li{float:left;width:105px;height:110px;position:relative;}
ul.social li a{position:absolute;height:110px;display:block;text-indent:-999px;background:transparent url(../img/cmp-sprite.png) no-repeat scroll 0 20px;color:#336699;}
ul.social li.youtube a{width:100px;background-position:-15px 20px;}
ul.social li.delicious a{width:105px;background-position:-105px 20px;}
ul.social li.twitter a{width:90px;background-position:-195px 20px;}
ul.social li.facebook a{width:105px;background-position:-290px 20px;}
ul.social li.flickr a{width:105px;background-position:-400px 20px;}
ul.blog-post{float:left;width:auto;}
ul.blog-post li{width:80%;}
html body ul.tweets{float:left;width:345px;margin:0 0 25px 0;}
html body ul.tweets li{width:80%;font-size:.8em;padding:0 0 2px 0;}
html body ul.tweets li a{font-weight:bold;font-size:.9em;}
p.flickr{color:#000;float:left;width:240px;overflow:hidden;position:relative;bottom:25px;}
p.flickr strong{display:block;background:#FFFFFF url(../img/cmp-sprite.png) no-repeat scroll 65px -1285px;height:35px;text-indent:-999px;margin:0;}
p.flickr img{display:block;border:none;}
p.flickr a{display:block;height:160px;width:240px;}
p.flickr a img.img-center{position:absolute;top:50%;right:50%;}
p.flickr a span.next-random{position:absolute;display:block;height:150px;bottom:0;right:0;color:#fff;font-size:1.1em;font-weight:bold;width:10px;background-color:#000;padding:10px 2px 0 2px;text-align:center;cursor:pointer;}
p.flickr a span.next-random span{font-weight:normal;font-size:.8em;display:block;padding:2px 0 12px 0;}
div.service-list{padding:0 0 0 20px;}
div.service-list-item{float:left;width:48%;margin:0 5px 10px 0;}
div.service-list-item p{padding:0 10px 5px 10px;width:250px;}
div.service-list-item h5{font-weight:bold;font-size:.8em;padding:0 0 5px 0;}
div.services ul li{font-weight:normal;font-size:.7em;padding:0 15px 5px 0px;list-style-type:disc;margin:0 0 0 25px;}
div.services p.services{padding-bottom:20px;}
div.services h3{padding:5px 0 5px 20px;text-align:left;font-size:.9em;width:auto;font-weight:bold;}
div.services h4{padding:0 20px 10px 20px;text-align:left;font-size:.9em;width:auto;font-weight:bold;}
div.services-sidebar{position:relative;background-color:#D1E2E4;-moz-border-radius:5px;-webkit-border-radius:5px;border:5px solid #336AC3;padding:40px 10px 10px 10px;margin:30px 0 0 0;width:270px;}
div.services-sidebar h5{color:#000;font-weight:bold;padding:0 0 5px 0;font-size:.8em;}
div.services-sidebar h5.tips{font-size:1em;text-align:center;padding-bottom:10px;position:absolute;top:0;left:0;width:100%;margin:10px 0 0 0;}
div.services-sidebar p{color:#000;padding:0 0 5px 0;font-size:.7em;}
div.contact{}
div.contact ul li{font-weight:normal;font-size:.7em;background:transparent url(../img/cmp-sprite.png) no-repeat scroll -1145px -456px;padding:0 15px 0 20px;}
div.contact p.services{padding-bottom:20px;}
div.contact form{width:87%;margin:0 auto;padding:20px 30px;}
div.contact form div.row{padding:0 0 10px 0;}
div.contact form div.row label{float:left;width:auto;padding:0 40px 0 0;font-size:.8em;}
div.contact form div.row input{color:#333;float:right;width:auto;border:1px solid #999;}
div.contact form div.row select{float:right;width:auto;border:1px solid #999;}
div.contact form div.row select option{color:#333;border:1px solid #999;}
div.contact div.description{width:auto;overflow:visible;}
div.contact textarea{border:1px solid #999;color:#111;font-size:1.1em;width:98%;padding:.26em;}
div.contact button.submit{cursor:pointer;border:1px solid #999;color:#111;display:block;font-size:1.1em;margin:0.2em 0 0 0;width:100%;}
div.thank-you h2{background:none;text-indent:0;height:auto;width:auto;}
div.footer{background-color:#E1E2DB;border-top:1px solid #999;width:100%;height:100%;margin:20px 0 0 0;}
div.additional-links{height:100%;width:100%;overflow:auto;padding:5px 0 0 0;position:relative;}
div.additional-links h5{background:transparent url(../img/cmp-sprite.png) no-repeat scroll -925px 5px;width:250px;height:55px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
div.additional-links ul{margin:0 60px 80px 40px;padding:0 0 0 20px;color:#57975E;width:260px;}
div.additional-links li{list-style-type:square;color:#57975E;font-size:.7em;}
div.additional-links li.title{list-style-type:none;background:transparent url(../img/cmp-sprite.png) no-repeat scroll -985px -315px;width:auto;padding:0 0 5px 30px;margin:0 0 5px 0;overflow:hidden;font-size:1em;text-align:left;color:#333;font-weight:normal;border-bottom:2px solid #CCCCCD;position:relative;left:-45px;}
div.additional-links li.title span{color:#004097;font-weight:bold;}
div.additional-links li.title a{font-size:1.2em;}
div.additional-links li a{font-size:1.2em;text-decoration:none;color:#57975E;text-shadow: 2px 2px 2px #e5e4e4;}
div.additional-links ul.footer-links{background:#1F3D76 url(../img/cmp-sprite.png) no-repeat scroll 0 -1370px;clear:both;float:none;width:94%;height:100%;margin:0;padding:3%;text-align:left;}
ul.footer-links li{display:inline;padding:0 20px;font-size:.5em;border-right:1px dashed #0893D3;}
ul.footer-links li.cmp{margin:0 215px 0 0;border:none;}
ul.footer-links li.last{margin:0;border:none;}
ul.footer-links li a{position:relative;color:#DEEB97;text-shadow:none;}
ul.footer-links li a.sign-up{font-weight:bold;}
ul.footer-links li a.rss{color:#F06600;}
/* start examples page */
div.examples{}
div.examples h2{background:none;width:auto;height:auto;text-indent:0;}
div.examples ul.examples{background-color:#fff;margin:0;padding:20px;width:auto;}
div.examples ul.examples li{background:transparent url(../img/example-list.png) no-repeat scroll 0 0;padding:0;margin:0;width:200px;height:100px;float:left;}
div.examples ul.examples li span{cursor:pointer;display:block;height:100%;text-decoration:none;text-indent:-999px;margin:0;}
div.examples ul.examples li.flickr{background-position:0 10px;padding:0 20px 0 0;}
div.examples ul.examples li.google-maps{background-position:0 -80px;}
div.examples ul.examples li.xbox{background-position:0 -185px;}
div.examples ul.examples li.twitter{background-position:-3px -300px;}
div.examples ul.examples li.calorie{background-position:0 -410px;margin:0 15px 0 0;padding:0 65px 0 0;}
div.examples ul.examples li.you-tube{width:75px;background-position:0 -545px;}
div.examples ul.examples li span.soon{color:#888;cursor:text;text-decoration:none;}
div.examples ul.examples li span:hover{text-decoration:underline;}
/* end examples page */
/* start google widget */
div.googleWrapper{width:100%;position:absolute;height:100%;background-color:#fff;top:0;z-index:999;border:3px solid #777;}
div.googleWrapper span.close-me{}
div.google-directions{}
div.google-div{height:100%;width:100%;}
div.gmnoprint{position:static;}
button.google-traffic{position:absolute;right:0;top:10px;border:1px solid #000;}
div.googleWrapper div.google-directions label,div.googleWrapper div.google-directions input{color:#000;}
/* end google widget */


/* start dynamic styling dom elements */
span.top-left{position:absolute;top:0;left:0;background: transparent url(../img/cmp-round-corners.png) no-repeat 0 0;width:10px;height:10px;}
span.top-right{position:absolute;top:0;right:0;background: transparent url(../img/cmp-round-corners.png) no-repeat -52px 0;width:10px;height:10px;}
form span.error{display:block;position:absolute;margin:.3em 0 0 0;font-size:.7em;right:35%;color:#004097;}
/* end dynamic styling dom elements */
.clear{clear:both;float:none;overflow:auto;width:100%;height:100%;}