div, ul, li, span, form, input, span, a, html,body,fieldset{padding:0px;margin:0px;border:0;}
li{list-style-type:none;}
a{text-decoration:none;color:#15a8ca;}
img{border:0px;display:block;}
body{min-width:1000px;background:url('/images/bg-white.jpg') 0 0 repeat #f8f8f8;font-family:Verdana, Arial, sans-serif;color:#525252;font-size:12px;}

#debugger{position:fixed;height:20px;overflow:hidden;width:200px;top:0;right:0;background-color:#f5f5f5;border:1px solid #999;border-width:0 0 1px 1px;z-index:100000000;}
#debugger:hover{height:100%;width:100%;}
/*GLOBAL STUFFS*/
/* im pretty */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5{font:italic normal normal 62px Georgia,'times new roman',times;font-style:;color:#000;margin:0px;padding:0px;}
.h2,h2{font-size:48px;}
.h3,h3{font-size:36px;}
.h4,h4{font-size:21px !important;}
.h5,h5{font-size:16px}
.h6,h6{font-size:14px}
input,select,textarea{border:1px solid;border-top-color:#444;border-bottom-color:#bbb;border-left-color:#444;border-right-color:#bbb;font-family:verdana,arial;color:#777;padding:4px;font-size:10px;margin-bottom:5px;}
select{padding:3px;}
.upcase{font-variant:small-caps;}
.blue{color:#15a8ca !important;}
.pink{color:#ca153e !important;}
.grey{color:#6f6f6f !important;}
.bubbles{background:transparent no-repeat top center;}
.blackbg{background:#020202 url('/images/bg-black.jpg') 0 0 repeat;}
.greybg{background:#ececec url('/images/bg-grey.jpg') 0 0 repeat;}
.bluebg{background:#ececec url('/images/bg-blue.jpg') 0 0 repeat;}
.yellowbg{background:#ececec url('/images/bg-yellow.jpg') 0 0 repeat;}
.borderdivider{color:#d2d2d2;color:srgb(0,0,0,.11);border-bottom:1px solid;}
hr{border:1px solid #c5c5c5;border-width:1px 0;margin:0 auto;width:920px;}
.article h4{padding-top:10px !important;}
.article{clear:both;margin:40px 0;}


/*new elements*/
.hrdivider{height:5px;width:100%;background:transparent url('/images/hr-divider.png') 0 0 repeat-x;}
.hr{width:100%;border-bottom:2px solid #c4c4c4;}
.small-blue-send{cursor:pointer;background:url('/images/bg-sprite.png') 0 -64px repeat-x;border:0;border-radius:5px;height:33px;padding:5px 10px;font-family:'Trebuchet MS',arial,sans-serif;font-size:14px;color:white;}
/*background-image:none !important;color:#fff !important;background-color:#f27490 !important;-moz-border-radius:2px !important;-webkit-border-radius:2px !important;border-radius:2px !important;border:0px !important;width:80px !important;cursor:pointer !important;font-size:12px !important;padding:3px !important;}*/
span.date{display:block;float:left;margin:0 20px 15px 0;background-image:url('/images/sprite.png');background-position:-176px 0;height:86px;width:86px;text-align:center;color:white;font-style:italic;}
span.date span{font-size:14px;display:block;}


/*Grand Header element*/
.grandheader{display:table;clear:both;text-align:center;height:58px;}
.grandheader>div{display:table-cell;}
.grandheader .third{border-left:2px solid gray;}
.grandheader .first{border-right:2px solid gray;}
.grandheader .first,.grandheader .third{padding-top:11px;height:13px;margin:0;*display:none;}
.grandheader h1,.grandheader h2,.grandheader h3{display:table-cell;font-weight:normal;padding:0 15px;width:10px;height:24px;font-family:Georgia,'times new roman',times;font-style:italic;*width:920px;}
.grandheader .first div, .grandheader .third div{border:grey solid;border-bottom-width:1px;border-top-width:1px;height:0px;}

/*structure and position*/
.center{margin-left:auto;margin-right:auto;}
.left{float:left;}
.right{float:right;}
.width{width:920px;}

.bottomb{clear:both;height:10px;}
.m15{margin:15px;}
.m15lr{margin-left:15px;margin-right:15px;}
.m15tb{margin-top:15px;margin-bottom:15px;}
.m15r{margin-right:15px;}
.m15l{margin-left:15px;}
.m15t{margin-top:15px;}
.m15b{margin-bottom:15px;}
.p15t{padding-top:15px;}
.p15b{padding-bottom:15px;}
.p15tb{padding:15px 0;}
.q3{width:725px;}
.q1{width:220px;}

/*social*/
#social{height:40px;background:#020202 url('/images/bg-black.jpg') 0 0 repeat;}
#social ul{min-width:920px;max-width:1306px;width:auto;padding-top:4px;text-align:right;margin:0px auto;}
#social ul li{display:inline-block;vertical-align: top;}
#social a{display:inline-block;zoom:1;*display:inline;}
#social a{overflow:hidden;height:20px;width:80px;margin-bottom:5px;}
#social .h4{margin:2px 10px 0 0;color:#6f6f6f;}
.fblike,.tweet,.gplus{height:30px;width:30px;background-image:url('/images/sprite.png');margin-right:5px;display:inline-block;zoom:1;*display:inline;}
.gplus{background-position:-1px 0;}
.fblike{background-position:-35px 0;}
.tweet{background-position:-69px 0;}

/*header*/
#header{vertical-align:bottom;min-width:920px;height:116px;background:#ececec url('/images/bg-grey.jpg') 0 0 repeat;color:#d2d2d2;color:srgb(0,0,0,.11);border-bottom:1px solid;text-align:center;}
#header ul{display:inline-block;zoom:1;*display:inline;}
#logo{margin:40px 0 6px 0;display:inline-block;zoom:1;*display:inline;width:183px;height:54px;background:url('/images/logo.gif') no-repeat;vertical-align:top;}
#header ul{width:736px;text-align:right;vertical-align:bottom;margin-bottom:1px;}
#header li{margin-left:20px;text-align:left;display:inline-block;zoom:1;*display:inline;}
#header li a{font-family:'Trebuchet MS',arial;font-size:21px;color:#222;display:block;}
#header li a:hover{color:#15a8ca;}
#header li span{display:block;font-family:Georgia,times,serif;font-size:14px;color:#4c4c4c;margin-top:7px;}
#header .hoverarrow{position:relative;height:0px;width:0px;display:none;}
#header li:hover .hoverarrow{display:block;}
#header .hoverarrow div{position:absolute;height:10px;width:19px;background-image:url('/images/sprite.png');background-position:-109px -126px;top:66px;left:15px;}

.header2{height:auto !important;}
.header2 .bubbles>div{width:920px;margin:0 auto;}
.header2 .bubbles>div>a{display:inline-block;margin-top:10px;margin-bottom:40px;height:202px;width:202px;background-image:url('/images/circle-sprite.gif');overflow:hidden;text-indent:-9999px;}
.header2 a.development{width:239px !important;margin:0 24px 0 12px;background-position:-210px 0;}
.header2 a.advertising{margin-right:36px;background-position:0 -210px;}
.header2 a.branding{background-position:-226px -210px;}
.header2 p{text-align:left;margin-bottom:20px;}

/*footer*/
#footer{height:355px;}
#footer>div, #footer>fieldset{display:inline-block;zoom:1;*display:inline;width:400px;}
#footerContact{width:500px !important;margin-left:10px;}
.footerlinks{margin-bottom:50px;}
.footerlinks a{font-size:24px;font-family:'Trebuchet MS',arial,sans-serif;color:#15a8ca;}
.footerlinks a:hover{color:#575757;}
.footersocial{margin-bottom:30px;margin-top:60px;}
.twittergrey,.twitterblue,.facebookgrey,.facebookblue,.gplusgrey,.gplusblue{height:40px;width:41px;background-image:url('/images/sprite.png');display:inline-block;zoom:1;*display:inline;margin-right:10px;}
.twittergrey{background-position:-1px -79px;}
.twitterblue{background-position:-1px -35px;}
.facebookgrey{background-position:-52px -79px;}
.facebookblue{background-position:-52px -35px;}
.gplusgrey{background-position:-103px -79px;}
.gplusblue{background-position:-103px -35px;}

#footer form {float:right;width:435px;}
#footer form .field{display:inline-block;}
#footer .field input {width:185px;margin-top:6px;}
#footer .field input,#footer form textarea{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #252525;background-color:#000;padding:5px 7px;font-family:arial;font-size:14px;}
#footer form textarea{width:413px;height:70px;}
#footer form .hover{position:relative;height:0px;width:0px;display:block;}
#footer form .hover div{position:absolute;height:16px;width:14px;background-image:url('/images/sprite.png');background-position:-108px -137px;top:-13px;left:25px;}
#footer .message{margin-top:15px;margin-bottom:5px;}
#footer .small-blue-send{color:#000;float:right;}


/*PORTFOLIO PAGE*/
#portfolio{overflow:hidden;min-width:920px;text-align:center;}
#portfolio ul{margin:15px -40px 0 0;display:inline-block;width:960px;zoom:1;*display:inline;}
#portfolio ul li{vertical-align:top;width:278px;display:inline-block;margin:0 40px 40px 0;border:1px solid #ccc;box-shadow:0 2px 3px 0 #ccc;zoom:1;*display:inline;}
#portfolio li img{border-bottom:1px solid #ccc;}
#portfolio .description{display:block;color:black;padding-top:17px;text-align:center;height:51px;background-color:white;font-family:'Myriad Pro',sans-serif;font-size:14px;cursor:pointer;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
#portfolio .description span{display:block;color:#858585;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
#portfolio li:hover .description{background-color:#000;color:#fff;}

#portfolio li:hover>div{display:block;}
#portfolio li>div{display:none;position:relative;height:0;width:0;}
#portfolio li>div>div{height:157px;width:278px;background-image:url('/images/grey-bg-dot.png');background-repeat:repeat;}
#portfolio li>div>div>div{display:inline-block;zoom:1;*display:inline;margin-top:58px;}
.launch{margin-right:7px;}
.launch div,.details div{background-image:url('/images/sprite.png');height:27px;width:31px;margin:0 auto;}
.launch div{background-position:-102px -185px;}
.details div{background-position:-141px -185px;}
.details a:hover div{background-position:-141px -155px;}
.launch a:hover div{background-position:-102px -155px;}
.details a:hover, .launch a:hover{color:#fff;}


/*HOME PAGE*/
#services,#testnews{margin-left:auto;margin-right:auto;width:920px;}
#services{padding:15px 0 40px 0;}
#services span,#services a{display:inline-block;vertical-align:bottom;}
#services span{width:135px;text-align:right;margin:0 18px 20px 0;}
#services a{text-indent:-9999px;overflow:hidden;background-image:url('/images/circle-sprite.gif');width:160px;}
#services .ecomm{height:135px;width:141px;background-position:-448px 0;}
#services .webapp{height:137px;background-position:-590px 0;}
#services .sem{height:136px;background-position:-448px -140px;}
#services .realestate{height:135px;background-position:-609px -140px;}
#services .lowbudget{width:140px;height:148px;background-position:-448px -278px;}

#testnews>div{display:inline-block;width:450px;vertical-align:top;margin:30px 0;}
#testnews>div:first-child{margin-right:15px;}
#testnews .viewmore{text-align:right;margin:20px 0 20px 0;}
#testnews h3{margin-bottom:15px;}
#testnews .article{clear:both;}

#testnews div.testimonial p{background-color:white;border:1px solid #d8d8d8;padding:18px;font:14px/21px 'Trebuchet MS',Arial,san-serif;color:#303030;}
#testnews div.testimonial span{display:block;text-align:right;font:21px 'Trebuchet MS',Arial,san-serif;color:#303030;}

/*SERVICES PAGE*/
#servicesWrapper{width:920px;margin:0 auto;}
#servicesWrapper p{font-size:24px;line-height:35px;}
#servicesWrapper .title{text-align:center;margin:35px 0;}

.package{background-repeat:repeat;text-align:center;}
.package>div{display:inline-block;width:600px;margin-right:43px;margin-top:25px;vertical-align:top;}
.package h2{text-align:left;}
.package p{margin:17px 0 35px 0;font:14px/24px 'Trebuchet MS',verdana,arial,san-serif;text-align:left;color:#000}
.package h4{font:21px/24px 'Trebuchet MS',verdana,arial,san-serif;text-align:left;}
.package ul{text-align:left;margin-top:15px;margin-bottom:20px;}
.package ul li{display:inline-block;width:295px;margin-bottom:10px;text-align:left;height:20px;padding-bottom:10px;font:14px 'Trebuchet MS',verdana,arial,san-serif;color:#000;}
.package li span{background-image:url('/images/sprite.png');width:30px;height:30px;display:inline-block;margin:0 5px -10px 0;}
.package .listicon1 span{background-position:-145px -93px;}
.package .listicon2 span{background-position:-145px 0;}
.package .listicon3 span{background-position:-145px -124px;}
.package .listicon4 span{background-position:-145px -31px;}
.package .listicon5 span{background-position:-176px -174px;}
.package .listicon6 span{background-position:-145px -62px;}
.package .listicon7 span{background-position:-207px -174px;}

.package .pricing{width:185px;}
.package .pricing>span{display:block;font:21px 'Trebuchet MS',verdana,arial,san-serif;text-align:left;color:#000;margin-bottom:5px;}
.package .pricing>span+span{font:48px 'Trebuchet MS',verdana,arial,san-serif !important;}
.package .pricing>span span{display:inline-block;background-image:url('/images/sprite.png');height:28px;width:28px;margin-right:18px;}
.package .pricing>span+span span{background-position:-269px -173px;}
.package .pricing>span:first-child span{background-position:-239px -174px;margin-bottom:-7px;}

.package .pricing a{border-radius:5px;display:block;margin-top:200px;height:62px;font:italic 36px/62px Georgia,'Times New Roman',serif;color:#fff;text-align:center;background:url('/images/bg-sprite.png') repeat-x;}
.servrequest{width:920px;margin:0 auto;text-align:center;}
.servrequest p{font:italic 23px/35px 'Trebuchet MS',verdana,arial,san-serif;color:#000;text-align:center;margin-top:60px;}
.servrequest a{margin:55px 0 75px 0;padding:0 25px;border-radius:5px;display:inline-block;height:62px;font:italic 36px/62px Georgia,'Times New Roman',serif;color:#fff;text-align:center;background:url('/images/bg-sprite.png') repeat-x;}


/*ABOUT US*/
#team{width:920px;margin:-60px auto 0 auto;}
#team>div{display:inline-block;margin-right:14px;width:297px;vertical-align:top;text-align:center;color:#222222;}
#team hr{width:90%;margin-top:20px;}
#team>div+div+div{margin-right:0;}
#team span{background-image:url('/media/images/about-faces.png');width:297px;height:353px;display:block;}
#team p{margin:15px auto 30px auto;text-align:left;width:90%;display:block;font:14px/24px 'Trebuchet MS',verdana,arial,san-serif;}
#team>div+div span{background-position:-314px 0;}
#team>div+div+div span{background-position:-628px 0;background-repeat:no-repeat;}


/*CONTACT*/
#contact{margin:0 auto;width:920px;background:url('/media/images/bird-mail.png') 450px bottom no-repeat;margin-top:10px;}
#contact hr{width:100%;}
#contact>div{display:inline-block;width:280px;vertical-align:top;}
#contact>div:first-child{width:600px;margin-right:30px;}
#contact .field{width:280px;display:inline-block;}
#contact input[type=text]{width:100%;margin-bottom:22px;}
#contact textarea{width:585px;height:120px;}
#contact input[type=text],#contact textarea{-moz-border-radius:2px !important;-webkit-border-radius:2px !important;border-radius:2px !important;border:1px solid #b5b5b5;border-top-color:#9b9b9b;box-shadow:0px 1px 2px 0px #d5d5d5 inset;font-size:12px;padding:7px 5px 6px 7px !important;}
#contact label{color:black !important;}
#contact input[type=submit]{margin:15px 0 140px 0;cursor:pointer;border:0px;padding:0 10px;border-radius:5px;display:block;height:40px;font:21px/0 'Trebuchet MS',verdana,sans-serif;color:#fff;text-align:center;background:url('/images/bg-sprite.png') repeat-x;}


#contact>div>span{font:20px/30px 'Trebuchet MS',verdana,sans-serif;color:#4c4c4c;display:block;}
#contact>div>a{font:20px/30px 'Trebuchet MS',verdana,sans-serif;margin-bottom:50px;}
#contact span.follow{display:block;margin-top:25px;}
.twitterblue,.facebookblue,.gplusblue{margin-top:10px !important;margin-bottom:20px !important;}
#contact a.questionnaire{display:block;background:url('/media/images/pdf-download.png') top center no-repeat;text-align:center;padding-top:125px;margin-top:15px;}
#contact a.questionnaire span{display:inline-block;color:#4c4c4c !important;width:180px;font-size:16px;line-height:20px;margin-top:5px;}

/*PROJECT*/
#project{width:920px;margin:0 auto;color:#525252;}
#controlsLeft,#controlsRight{height:70px;top:415px;position:absolute;background-color:#ca153e;display:inline-block;overflow:hidden;font:14px/0px 'Trebuchet MS',verdana,sans-serif;color:#fff;}
#controlsLeft span:first-child,#controlsRight span+span{display:none;}
#controlsLeft span+span,#controlsRight span:first-child{background:url('/images/sprite.png') no-repeat;width:18px;height:34px;display:inline-block;}
#controlsLeft{left:0;text-align:right;padding-right:57px;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;box-shadow:0 3px 3px 0 #808080;-moz-box-shadow:0 3px 3px 0 #808080;-webkit-box-shadow:0 3px 3px 0 #808080;}
#controlsLeft span+span{margin:19px -37px -13px 12px;background-position:-265px -97px;}
#controlsRight{right:0px;float:right;text-align:left;padding-left:57px;border-radius:3px 0 0 3px;box-shadow:0 3px 3px 0 #808080;-moz-box-shadow:0 3px 3px 0 #808080;-webkit-box-shadow:0 3px 3px 0 #808080;}
#controlsRight span:first-child{margin:19px 12px -13px -37px;background-position:-265px -134px;}
#controlsRight:hover{padding-right:20px;}
#controlsRight:hover span+span{display:inline-block;}
#controlsLeft:hover{padding-left:20px;}
#controlsLeft:hover span:first-child{display:inline-block;}
#project>img{border:1px solid #bbb;margin:40px 0;}
#projectDescription{width:281px;float:left;text-align:center;margin:0 30px 10px 0;}
#projectDescription h4{margin-bottom:5px;}
#projectDescription hr{width:100%;margin:20px 0;}
.designicon,.cotacticon,.searchicon{display:inline:block;backgroun:url('/images/sprite.png') no-repeat;margin:0 5px;}
#projectDescription a{display:inline-block;height:29px;padding:0 12px;border-radius:5px;font:14px/28px 'Trebuchet MS',verdana,sans-serif;color:#fff;text-align:center;background:url('/images/bg-sprite.png') repeat-x;}
#project p{font:14px/24px 'Trebuchet MS',verdana,sans-serif;color:#303030;}


#sliderShow span{display:block;position:relative;height:0px;width:920px;}
#sliderShow span a{position:absolute;background:url('/images/sprite.png') no-repeat;width:36px;height:36px;top:377px;}
#sliderShow span a:first-child{background-position:-6px -177px;left:-18px;}
#sliderShow span a+a{background-position:-56px -177px;right:-18px;}
#sliderShow span a:first-child:hover{background-position:0 -120px;left:-26px;width:52px;height:54px;top:371px;}
#sliderShow span a+a:hover{background-position:-53px -120px;right:-26px;width:52px;height:54px;top:371px;}
#sliderShow ul{margin:40px 0 60px;}
#sliderShow ul li{display:none;border:1px solid #bbb;}
#sliderShow ul li:first-child{display:block;}


/*NEWS STORY*/
#news_story{padding-top:50px;width:980px;}
#news_story>div{display:inline-block;vertical-align: top;}
#news_story>div:first-child{width:700px;margin-right:20px;}
#news_story>div+div{width:250px;margin-top:80px;}
#news_story>div+div hr{width:100% !important;margin:20px 0 15px 0;}
#news_story>div+div h4{margin-bottom:20px;font-size:24px;}