.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;}

#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 #socialBox{width:220px;border-top:1px solid #222222;border-bottom: 1px solid #2F2F2F;}

#rightCol #testimonialsBox{width:220px;border-top:1px solid #222222;border-bottom: 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:inline;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}