.ditto_summaryPost{padding:15px 0 15px 0;background:url(../images/dividerBg.gif) bottom left repeat-x;}
body{font:62.5%/1.6 arial, verdana, helvetica, sans-serif;margin:0;padding:0;background:#000000;color:#ffffff;text-align:center;}
td, textarea, input, select{font:100% arial, verdana, helvetica, sans-serif;}
#container{text-align:left;font-size:120%;padding:0 0 0 0;}
#container #navOuterContainer{width:100%;background:url(../images/topNavBg.gif) 0 0 repeat-x;margin-bottom:15px;}
#container #navContainer{width:940px;height:40px;margin:0 auto;}
#container #contentOuterContainer{width:100%;background:url(../images/bg.jpg) top center no-repeat;}
#container #contentOuterContainer #header{width:940px;height:100px;margin:0 auto;position:relative;}
#container #contentOuterContainer #header #logo{position:absolute;top:10px;left:0;}
#container #contentOuterContainer #contactDetails{position:absolute;top:30px;left:740px;width:200px;font-size:16px;}
#container #contentOuterContainer #contactDetails #tel{background:url(../images/iconTel.gif) 0 0 no-repeat;padding:0 0 0 20px;line-height:14px;margin-bottom:8px;float:right;}
#container #contentOuterContainer #contactDetails #email{background:url(../images/iconEmail.gif) 0 0 no-repeat;padding:0 0 0 20px;line-height:16px;margin-bottom:10px;float:right;}
#container #contentOuterContainer #contactDetails #email a{text-decoration:none;font-weight:normal;}
#container #contentOuterContainer #contactDetails #email a:hover{text-decoration:underline;}
#container #contentOuterContainer #contentContainer{width:980px;margin:0 auto;background:#181818 url(../images/contentContainerTop.gif) 0 0 no-repeat;position:relative;min-height:1px;}
#container #contentOuterContainer #contentContainer #chat{position:absolute;top:-47px;right:20px;width:150px;background:url(../images/iconChat.gif) 0 0 no-repeat;padding:0 0 0 20px;line-height:16px;}
#container #contentOuterContainer #contentContainer #chat a{font-size:17px;}
#container #contentOuterContainer #contentContainer #contentWrapper{width:940px;}
#container #contentOuterContainer #contentContainer #contentWrapper #contentTop{width:940px;height:1px;display:block;background:url(../images/contentTopBg.gif) no-repeat;font-size:0px;line-height:1px;}
#container #contentOuterContainer #contentContainer #contentWrapper #contentBottom{width:940px;height:1px;display:block;background:url(../images/contentBottomBg.gif) no-repeat;font-size:0;}
#container #contentOuterContainer #contentContainer #contentWrapper #content{width:939px;background:url(../images/contentBodyBg.gif) 0 0 repeat-y;padding:0 0 0 1px;}
#container #contentOuterContainer #contentContainer #content a{color:#32b2e0;font-weight:bold;text-decoration:underline;outline:none;}
#container #contentOuterContainer #contentContainer #content a:hover{text-decoration:none;}
#container #contentOuterContainer #contentContainer #internalWrapper{width:940px;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalTop{width:940px;height:1px;display:block;background:url(../images/internalContentBgTop.gif) no-repeat;font-size:0px;line-height:1px;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalBottom{width:940px;height:1px;display:block;background:url(../images/internalContentBgBottom.gif) no-repeat;font-size:0;}
#container #contentOuterContainer #contentContainer #internalWrapper #internalBody{width:940px;background:url(../images/internalContentBgBody.gif) 0 0 repeat-y;padding:0 0 0 1px;}
#container #contentOuterContainer #contentContainer #content #leftColHome{float:left;width:698px;background:url(../images/leftColBgHome.gif) 0 0 repeat-x;margin-right:1px;}
#container #contentOuterContainer #contentContainer #content #leftColHome #introBox{padding:0 0 10px 0;background:url(../images/dividerBg.gif) bottom left repeat-x;}
#container #contentOuterContainer #contentContainer #content #leftColHome .serviceBox{padding:15px 0 15px 0;background:url(../images/dividerBg.gif) bottom left repeat-x;}
#container #contentOuterContainer #contentContainer #content #leftColHome .serviceBox.last{padding:15px 0 0px 0;background:none;}
#leftCol{width:218px;float:left;background:#181818;}
#general #container #contentOuterContainer #contentContainer #contentWrapper #content{width:939px;background:url(../images/contentBodyBgWork.gif) 0 0 repeat-y;padding:0 0 0 1px;}
#general #leftColGeneral{float:left;width:698px;background:url(../images/middleColBg.gif) 0 0 repeat-x;height:auto !important;height:180px;min-height:180px;margin-right:1px;}
#middleCol{width:458px;float:left;margin-left:22px;background:url(../images/middleColBg.gif) 0 0 repeat-x;height:auto !important;height:180px;min-height:180px;}
#middleCol ul li a {color:#32b2e0;}
#middleCol ul li a:hover {text-decoration: none;}
#middleCol .stageBox{background:#383838 url(../images/stageBoxBg.gif) bottom right no-repeat;border:1px solid #474747;margin-bottom:20px;}
#middleCol #mapBox{margin-bottom:15px;}
#middleCol .testimonial{padding:0 0 15px 0;margin-bottom:15px;background:url(../images/dividerBg.gif) bottom left repeat-x;}
#middleCol .testimonialSummary{color:#dfddde;padding:0;}
#middleCol .testimonialSummary .quote{display:inline;position:relative;top:-3px;}
#middleCol .testimonialAuthor{color:#89c43e;padding:0;font-size:11px;}
#rightCol{float:left;margin-left:20px;width:220px;}
#rightCol a{color:#32b2e0;font-weight:bold;text-decoration:underline;outline:none;}
#rightCol a:hover{text-decoration:none;}
#rightCol .rightColBoxDivider{height:20px;background:#181818;display:block;}
#rightCol #quickEmailBox{width:220px;border-bottom:1px solid #2f2f2f;background:url(../images/rightColBoxBodyBg.gif) 0 0 repeat-y;}
#rightCol #quickEmailBox #contactIcon{background:url(../images/iconContact.gif) right 3px no-repeat;margin-top:20px;}
#rightCol #quickEmailBox #chatIcon{background:url(../images/iconChatWht.gif) right 0px no-repeat;}
#rightCol #blogBox{width:220px;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;}
#rightCol #blogBox #blogIcon{background:url(../images/iconBlog.gif) right 0px no-repeat;}
#rightCol #blogBox .blogItem{margin-bottom:15px;}
#rightCol #blogBox .articleTitle{font-weight:bold;color:#32b2e0;padding:0 0 4px 0;}
#rightCol #blogBox .articleSummary{color:#ffffff;padding:0 0 4px 0;}
#rightCol #blogBox .articleDate{color:#999999;padding:0;font-size:11px;}
#rightCol #blogBox .btnViewAllBlogs{background:url(../images/btnViewAllBlogs.gif) 0px 0px no-repeat !important;width:114px;height:25px;display:block;clear:none !important;cursor:pointer;text-indent:-9999px;margin:0;border:none;}
#rightCol #blogBox .btnViewAllBlogs:hover{background:url(../images/btnViewAllBlogs.gif) 0px -25px no-repeat !important;}
#rightCol #testimonialsBox{width:220px;border-top:1px solid #2f2f2f;}
#rightCol #testimonialsBox #testimonialIcon{background:url(../images/iconTestimonial.gif) right 0px no-repeat;}
#rightCol #testimonialsBox .testimonial{margin-bottom:15px;}
#rightCol #testimonialsBox .testimonialSummary{color:#ffffff;padding:0;}
#rightCol #testimonialsBox .testimonialSummary .quote{display:inline;position:relative;top:-3px;}
#rightCol #testimonialsBox .testimonialAuthor{color:#32b2e0;padding:0;font-size:10px;}
#rightCol #testimonialsBox .btnViewAllTestimonials{background:url(../images/btnViewAllTestimonials.gif) 0px 0px no-repeat !important;width:157px;height:25px;display:block;clear:none !important;cursor:pointer;text-indent:-9999px;margin:0;border:none;}
#rightCol #testimonialsBox .btnViewAllTestimonials:hover{background:url(../images/btnViewAllTestimonials.gif) 0px -25px no-repeat !important;}
#internalBody #rightCol{float:left;margin-left:21px;width:220px;}
#rightCol #blogBoxTestimonials{width:220px;border-top:1px solid #2f2f2f;border-bottom:none;}
#rightCol #blogBoxTestimonials #blogIcon{background:url(../images/iconBlog.gif) right 0px no-repeat;}
#rightCol #blogBoxTestimonials .blogItem{margin-bottom:15px;}
#rightCol #blogBoxTestimonials .articleTitle{font-weight:bold;color:#32b2e0;padding:0 0 4px 0;}
#rightCol #blogBoxTestimonials .articleSummary{color:#ffffff;padding:0 0 4px 0;}
#rightCol #blogBoxTestimonials .articleDate{color:#999999;padding:0;font-size:11px;}
#rightCol #blogBoxTestimonials .btnViewAllBlogs{background:url(../images/btnViewAllBlogs.gif) 0px 0px no-repeat !important;width:114px;height:25px;display:block;clear:none !important;cursor:pointer;text-indent:-9999px;margin:0;border:none;}
#rightCol #blogBoxTestimonials .btnViewAllBlogs:hover{background:url(../images/btnViewAllBlogs.gif) 0px -25px no-repeat !important;}
#container #contentOuterContainer #contentContainer #heroBox{width:940px;height:300px;background:#000000;margin-bottom:20px;}
#feature_list{width:940px;height:300px;overflow:hidden;position:relative;}
#feature_list ul{position:absolute;top:0;list-style:none;padding:0;margin:0;}
ul#tabs{right:0;z-index:2;width:240px;}
ul#tabs .tabTitle{font-size:17px;font-weight:bold;}
ul#tabs li{font-size:14px;font-family:Arial;}
ul#tabs li a{color:#333;text-decoration:none;display:block;padding:13px 10px 10px 22px;width:188px;margin-left:20px;height:27px;outline:none;background:url(../images/heroTabBg.gif) 0 0 repeat-x;}
ul#tabs li a:hover{text-decoration:none;background:url(../images/heroTabBgHover.gif) right 0 no-repeat;color:#0e0e0e;margin-left:0;width:188px;padding:13px 10px 10px 42px;}
ul#tabs li a.current{background:url(../images/heroTabBgActive.png);color:#0e0e0e;margin-left:0;width:188px;padding:13px 10px 10px 42px;}
ul#tabs li a.current:hover{text-decoration:none;cursor:default;}
ul#output{left:0;width:720px;height:300px;position:relative;}
ul#output .featureTitle{font-size:30px;line-height:30px;padding:0 0 10px 0;display:block;}
ul#output p{font-size:16px;}
ul#output li{position:absolute;width:720px;height:300px;}
ul#output li#webDesign{position:absolute;width:720px;height:300px;background:url(../images/heroBgBlue.jpg)}
ul#output li#webDevelopment{position:absolute;width:720px;height:300px;background:url(../images/heroBgGreen.jpg)}
ul#output li#domain{position:absolute;width:720px;height:300px;background:url(../images/heroBgPurple.jpg)}
ul#output li#ecommerce{position:absolute;width:720px;height:300px;background:url(../images/heroBgMint.jpg)}
ul#output li#emailMarketing{position:absolute;width:720px;height:300px;background:url(../images/heroBgOrange.jpg)}
ul#output li#webpack{position:absolute;width:720px;height:300px;background-color: #9b45eb;}
ul#output li a{position:absolute;bottom:30px;left:30px;}
ul#output li a:hover{}
.article{margin-bottom:15px;padding:0 0 15px 0;background:url(../images/dividerBg.gif) bottom left repeat-x;}
.article a{color:#eda325;text-decoration:none;}
.article a:hover{text-decoration:underline;}
.article .articleTitle a{font-size:14px;color:#eda325;text-decoration:none;}
.article .articleTitle a:hover{text-decoration:underline;}
.article .articleDate{padding:0;}
.articleDate{padding:0 0 10px 0;}
.backLink{color:#eda325;text-decoration:none;}
.backLink:hover{text-decoration:underline;}
.blogPagination{}
.blogPagination .paginationInfo{float:left;}
.blogPagination .paginationInfo span{padding:0;margin:0;}
.blogPagination .paginationLinks{float:right;}
.blogPagination span{padding:0px 3px;margin-right:5px;}
.blogPagination a{color:#eda325;font-weight:normal;text-decoration:none;padding:0px 3px;margin-right:5px;}
.blogPagination a:hover{background:#eda325;color:#FFFFFF;}
.blogPagination .ditto_view_pages{padding-right:5px;}
.blogPagination .ditto_currentpage{background:#eda325;color:#FFFFFF;padding:0px 3px;}
.blogPaginationGreen{}
.blogPaginationGreen .paginationInfo{float:left;}
.blogPaginationGreen .paginationInfo span{padding:0;margin:0;}
.blogPaginationGreen .paginationLinks{float:right;}
.blogPaginationGreen span{padding:0px 3px;margin-right:5px;}
.blogPaginationGreen a{color:#eda325;font-weight:normal;text-decoration:none;padding:0px 3px;margin-right:5px;}
.blogPaginationGreen a:hover{background:#89c43e;color:#FFFFFF;}
.blogPaginationGreen .ditto_view_pages{padding-right:5px;}
.blogPaginationGreen .ditto_currentpage{background:#89c43e;color:#FFFFFF;padding:0px 3px;}
.workPagination{}
.workPagination .paginationInfo{float:left;}
.workPagination .paginationInfo span{padding:0;margin:0;}
.workPagination .paginationLinks{float:right;}
.workPagination span{padding:0px 3px;margin-right:5px;}
.workPagination a{color:#eda325;font-weight:normal;text-decoration:none;padding:0px 3px;margin-right:5px;}
.workPagination a:hover{background:#21f1ae;color:#FFFFFF;}
.workPagination .ditto_view_pages{padding-right:5px;}
.workPagination .ditto_currentpage{background:#21f1ae;color:#FFFFFF;padding:0px 3px;}
.clear{clear:both;}
.hide{display:none;}
.show{display:block;}
.printShow{display:none;}
.float_left{float:left !important;}
.float_right{float:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.align_right{text-align:right !important;}
.align_justify{text-align:justify !important;}
.align_bottom{vertical-align:bottom !important;}
.image_right{float:right;padding:0 0 15px 40px;}
.image_left{float:left;padding:0 15px 15px 0;}
.image_center{margin:0 auto;}
.relative{position:relative;}
.inline{display:inline;}
.hand{cursor:pointer;}
.lastPara{padding:0;}
.divider{margin:0 0 15px 0;background:url(../images/dividerBg.gif) center left repeat-x;height:2px;display:block;font-size:0;line-height:0;}
.bold{font-weight:bold;}
.cmsImage{margin-bottom:15px;background:#2d2d2d;padding:5px;border:1px solid #616060;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad15{padding:15px;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0 0 10px 0;font-size:100%;font-weight:bold;color:#32b2e0;}
#about h1, #about h2, #about h3, #about h4, #about h5, #about h6{margin:0;padding:0 0 10px 0;font-weight:bold;color:#89c43e;}
#services h1, #services h2, #services h3, #services h4, #services h5, #services h6{margin:0;padding:0 0 10px 0;font-weight:bold;color:#ce45c6;}
#work h1, #work h2, #work h3, #work h4, #work h5, #work h6{margin:0;padding:0 0 10px 0;font-weight:bold;color:#21f1ae;}
#blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6{margin:0;padding:0 0 10px 0;font-weight:bold;color:#eda325;}
#contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6{margin:0;padding:0 0 10px 0;font-weight:bold;color:#ff135f;}
#rightCol h3{color:#FFFFFF !important;}
h1{font-size:24px !important;line-height:24px !important;}
h2{font-size:18px !important;line-height:18px !important;}
h3{font-size:14px !important;line-height:14px !important;}
#topNav{height:40px;}
#topNav ul{list-style:none;padding:0;margin:0;}
#topNav ul li{float:left;display:block;}
#topNav ul li a{float:left;display:block;color:#FFFFFF;height:22px;padding:9px 20px;background:url(../images/leftNavBgBlue.gif) 0 -40px no-repeat;text-decoration:none;font-size:14px;font-weight:normal;line-height:22px;}
#topNav ul li#navItem6.last{float:right;display:block;width:150px;}
#topNav ul li#navItem6.last a{float:right;display:block;color:#ffffff;font-size:14px;font-weight:normal;text-decoration:none;background:url(../images/topNavContactBg.gif) 0 0 no-repeat;}
#topNav ul li#navItem6 a:hover{display:block;background:url(../images/topNavRightHovers.gif) right -160px no-repeat;text-decoration:none;color:#ffffff;cursor:pointer;}
#topNav ul li#navItem6 a:hover span{display:block;background:url(../images/topNavLeftHovers.gif) left -160px no-repeat;text-decoration:none;color:#ffffff;padding:9px 20px;cursor:pointer;}
#topNav ul li.active a{background:url(../images/leftNavBgBlue2.gif);}
#topNav ul li#navItem6.active a{display:block;background:url(../images/topNavRightHovers.gif) right -160px no-repeat;text-decoration:none;color:#ffffff;}
#topNav ul li#navItem6.active a span{display:block;background:url(../images/topNavLeftHovers.gif) left -160px no-repeat;text-decoration:none;color:#ffffff;padding:9px 20px;}
#leftNav{width:178px;}
#leftNav ul{list-style:none;padding:0;margin:0;}
#leftNav ul li{float:left;display:block;width:178px;padding:0;margin:0;}
#leftNav ul li a{float:left;display:block;color:#FFFFFF;height:22px;padding:9px 10px;width:158px;background:url(../images/leftNavBg.gif) 0 -40px no-repeat;text-decoration:none;font-size:14px;font-weight:normal;line-height:22px;}
#leftNav ul li a:hover{background-position:0 0px;text-decoration:none;}
#leftNav ul li.active a{background-position:0 0px !important;text-decoration:none;}
#footer{width:980px;margin:0 auto;font-size:11px;}
#footer p{padding:0;}
#footer #footerLeft{float:left;}
#footer #footerLeft ul{list-style:none;padding:0;margin:0;}
#footer #footerLeft ul li{float:left;display:block;}
#footer #footerLeft ul li a{font-weight:normal;text-decoration:none;}
#footer #footerLeft ul li a:hover{text-decoration:underline;}
#footer #footerLeft p{font-size:9px;clear:both;}
#footer #footerRight{float:right;text-align:right;}
#footer #footerRight p{line-height:14px;}
#footer #footerRight span{font-size:9px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline}
img{display:block;border:0;}
p{padding:0 0 15px 0;margin:0;}
address{font-style:normal;}
ol{margin:0 0 15px 0px;padding:10px 0 0 0;}
a{color:#ffffff;font-weight:bold;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
form{padding:0;margin:0;}
fieldset{padding:0;margin:0;border:0px none;display:block;}
legend{padding:0;margin:0;display:none;}
label{display:block;width:260px;float:left;}
input, textarea{width:200px;font-size:11px !important;}
.required{color:#0033FF;}
.checkRadio{width:20px;position:relative;left:-7px;}
.button{border:none;background:none;cursor:pointer;padding:0px;font-size:0px;margin:0;line-height:150px;}
#contactForm{margin:0 0 10px 0;}
#contactForm label{display:block;float:left;width:398px;}
#contactForm input{background:#2d2d2d;border:1px solid #484848;color:#FFFFFF;width:246px;padding:3px 5px;margin:0 0 5px 0;line-height:12px;float:left;}
#contactForm textarea{background:#2d2d2d;border:1px solid #484848;color:#FFFFFF;width:246px;height:130px;padding:3px 5px;margin:0 0 10px 0;float:left;overflow:auto;}
#contactForm .btnSubmit{background:url(../images/btnSubmit.gif) 0px 0px no-repeat !important;width:65px;height:25px;display:block;clear:both !important;cursor:pointer;text-indent:-9999px;margin:0;border:none;float:left;}
#contactForm .btnSubmit:hover{background:url(../images/btnSubmit.gif) 0px -25px no-repeat !important;}
#contactForm #code{float:left;margin:0 0 5px 0;width:208px;height:60px;}
#contactForm #budget{width:258px;float:left;margin:0 0 5px 0;background:#2d2d2d;border:1px solid #484848;color:#FFFFFF;}
#quickEmailForm{margin:0 0 0 0;}
#quickEmailForm label{display:block;float:left;width:178px;}
#quickEmailForm input{background:#2d2d2d;border:1px solid #484848;color:#FFFFFF;width:166px;padding:3px 5px;margin:0 0 5px 0;line-height:12px;float:left;}
#quickEmailForm textarea{background:#2d2d2d;border:1px solid #484848;color:#FFFFFF;width:166px;height:100px;padding:3px 5px;margin:0 0 10px 0;float:left;overflow:auto;}
#quickEmailForm .btnSubmit{background:url(../images/btnSubmit.gif) 0px 0px no-repeat !important;width:65px;height:25px;display:block;clear:both !important;cursor:pointer;text-indent:-9999px;margin:0;border:none;float:left;}
#quickEmailForm .btnSubmit:hover{background:url(../images/btnSubmit.gif) 0px -25px no-repeat !important;}
#quickEmailForm #code{float:left;margin:0 0 5px 0;width:178px;height:60px;}
.formError{color:#ff135f;}
#step li {padding: 3px 0 6px 110px;	margin: 0 0 20px;	list-style: none;}
#step .item1 {background: url(../images/step1.png) no-repeat;}
#step .item2 {background: url(../images/step2.png) no-repeat;}
#step .item3 {background: url(../images/step3.png) no-repeat;}
#step .item4 {background: url(../images/step4.png) no-repeat;}
#step .item5 {background: url(../images/step5.png) no-repeat;}
#step .item6 {background: url(../images/step6.png) no-repeat;}
#step .item7 {background: url(../images/step7.png) no-repeat;}
#step .item8 {background: url(../images/step8.png) no-repeat;}
#step .item9 {background: url(../images/step9.png) no-repeat;}
#step .item10 {background: url(../images/step10.png) no-repeat;}
.servicedivider {margin:0 0 15px 0; background: url(../images/dividerBg.gif) repeat-x left bottom}