div.latestProds,.catProducts,#mainmenu-nav,#s3slider,.s3sliderContent,.s3sliderContent img,a.mainpoint,#thumbs div,#thumbs div img,#bigDynPic img,.skills{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
div.latestProds,.catProducts,a.mainpoint,#bigDynPic img,#thumbs div{-webkit-box-shadow:0 0 6px rgba(0,0,0,.15);-moz-box-shadow:0 0 6px rgba(0,0,0,.15);box-shadow:0 0 6px rgba(0,0,0,.15);}
div.latestProds,.catProducts,#mainmenu-nav,#s3slider,.s3sliderContent,.s3sliderContent img,a.mainpoint,#thumbs div,#thumbs div img,#bigDynPic img,.skills,div.latestProds,.catProducts,a.mainpoint,#bigDynPic img,#thumbs div,#slider-container,#title-container,a.navbar:hover{behaviour:url(/PIE.htc)}
.header_1,.header_2{border-bottom:5px solid #d8d8d8}
body{font-family:'Open Sans',sans-serif;font-size:1em;background:#FBF9F9;color:#444;line-height: 1.6;margin:0;padding:0;overflow-y:scroll}
#container{max-width:1000px;margin:0 auto}
#slider-container{width:100%;color:#fff;border-bottom:1px solid #fff;float:left;background:#E8E8E8;position:relative;}
#title-container{width:100%;color:#444;float:left;background:#e8e8e8 none repeat scroll 0 0;position:relative;}
#title-container img {width:100%;}
#Header{width:100%;background:url(./images/headerbk.png);color:#a12024;float:left;padding-bottom:10px;z-index:5;}
.returnTop {border: 1px solid #ccc;float: right;font-weight: 900;margin: 5px;padding: 2px 10px;text-decoration: none;text-transform: uppercase;}
#topHeader{max-width:950px;margin:0 auto}
#topHeader > nav {display: inline;}
.topcontacts{color:#fafafa;float:right;text-align:right}
#bar{text-align:center;width:100%;background:#444;color:#fff;float:left}
#nav{margin:0 auto;padding:7px 0;float:right;position:relative;}
#nav li{list-style: none outside none; display: inline;}
.navbar{color:#000;text-decoration:none;padding-top:5px}
a.navbar{text-decoration:none;padding:5px 10px;white-space:nowrap}
a.navbar:hover{background:none repeat scroll 0 0 #FFF;border-bottom:2px solid #a12024;color:#000000;}
a.active,a.active:link,a.active:visited{background:none repeat scroll 0 0 #FFF;border-bottom:2px solid #a12024;color:#000000;font-weight:700}
.prodContainer{margin:0;line-height:26px;float:left;max-width:932px}
.cycle-slideshow{margin:0 auto;}
.cycle-slideshow img{width:100%;height:auto;border:none}
.placeholder{visibility:hidden}
.middle{max-width:960px;float:left}
.midlist ul{list-style:disc outside none;margin-left:20px}
.midlist ul li{list-style-position:outside;margin:0;padding:0}
.boxContent{padding:3px;margin-bottom:5px;margin-top:0;position:inherit}
.SiteDocs{color:#fff;text-align:center;margin-top:10px;}
a.SiteDocs{text-decoration:none;white-space:nowrap}
a.SiteDocs:hover{text-decoration:underline;color:#fafafa}
#footer{width:100%;clear:both;margin:0;padding:0;background:#444}
#footermain{max-width:900px;font-size:14px;font-weight:200;color:#ccc;position:relative;padding:5px;margin:0 auto;text-align:center}
#footermain p {margin:0;}
.pagination{text-align:right;padding-top:5px;padding-bottom:5px}
#imgThumbSpace{line-height:0px}
#imgThumbSpace img{padding-right:3px;padding-bottom:3px}
div.latestProds{width:203px;height:300px;margin:10px 5px;float:left;overflow:hidden;padding:10px;background:#fff;border:1px solid #4d4d4d;text-align:center}
.latestProdImg{float:left;width:140px;text-align:center}
.latestProdTitle{float:right;width:180px;height:20px;text-align:center}
.latestProdTitle a{font-weight:900;color:#4d4d4d;text-decoration:none;font-size:14px}
.latestProdPrice{float:right;width:180px;text-align:center;font-weight:900}
.featuredProjects{float:left;margin:0 auto;border-top:1px solid #f1f1f1;text-align: center;width: 100%;background:#f0f0f0;}
.catProducts{background:#fff;border:9px solid #fff;padding:6px 0 10px;margin-bottom: 10px;display:block !important;}
a.secondary{margin-left:30px;text-decoration:underline}
img{border:none}
form{margin:0;padding:0px;}
ol,ul{margin:0;padding:0;color:#000000}
li{list-style-position:inside;margin:0;padding:0px}
.txtSiteDocs,a.txtSiteDocs{color:#fff;text-decoration:none;font-size:14px}
a.txtSiteDocs:hover{color:#ccc;text-decoration:underline}
.txtDefault,a.txtDefault,a.txtLink,a.txtLocation{color:#4d4d4d;text-decoration:none}
a.txtDefault:hover,a.txtLink:hover,a.txtLocation:hover{color:#000;text-decoration:underline}
a.txtSelected:hover,a.txtSelected:active,a.txtSelected:link,a.txtSelected:visited{color:#FF6600;text-decoration:none}
.txtContentTitle{font-size:16px;font-weight:700}
.txtError{font-weight:700;color:#050F72;background-color:#FFCECE;border:1px solid #F00;padding:2px}
.txtCopyright,a.txtCopyright{text-align:center;padding-top:5px;color:#ccc;background:#444}
a.txtCopyright:hover{text-decoration:none}
.catName{text-transform:capitalize}
.catName2{text-transform:uppercase}
.breadcrumb-home{background:#656565;padding:3px 20px}
a.breadcrumb-home{text-decoration:none;color:#fff;font-weight:900}
.prod_image{border:1px solid #CCC;max-height:165px;margin:0 auto;overflow:hidden;text-align:center;max-width:450px}
.prod_image img{max-width:100%}
.prod_descr{padding:5px 3px;text-align:center}
a.prod_title{color:#4d4d4d;font-size:0.8em;font-weight:400;text-decoration:none}
a.prod_title:hover{border-top:1px solid #000;border-bottom:1px solid #000;text-decoration:none;color:#000}
.clear{clear:both}
.divEmailInfo{margin:1em auto 1em auto;color:black;background-color:#E0FFB8;padding:1em;position:relative}
.divEmailError{margin:1em auto 2em auto;padding:1em;color:red;background-color:#FFEEE7}
.divEmailFields{margin:1em auto;padding:10px;width:95%;overflow:auto;border:1px dashed #94DA3A}
table.contactForm{margin:0 auto;width:100%}
.contactForm input.textbox{width:96%}
.contactForm textarea{width:99%;height:160px}
span.validation-advice,span.custom-advice,label.error{margin-top:5px;color:#FF0000;background-color:#FFF;font-weight:700}
.regDivHid{display:none}
.inqDivHid{display:none}
.header_1{text-align:center;font-family: daysregular,'Open Sans',sans-serif;background: #f0f0f0; padding: 0 20px;}
.header_2{margin:10px 0;font-size:18px;padding:10px;color:#fff}
.regFormInput{background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #e4e4e4;color: #777;font-size: 1em;padding: 0.5em 0; width: 100%;}
.regFormInput2{height:100px;background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #e4e4e4;color: #777;font-size: 1em;width:100%}
.inqFormInput{background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #e4e4e4;color: #777;font-size: 1em;padding: 0.5em 0; width: 100%;}
.inqFormInput2{height:100px;background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #e4e4e4;color: #777;font-size: 1em;width:100%}
.regDiv{margin-bottom:5px}
.inqDiv{margin-bottom:5px}
a.mainpoint{text-decoration:none;font-weight:700;display:block;padding:10px;border:1px solid #999;text-align:center;max-width:500px;margin:5px auto;color:#f1f1f1;background:#a12024}
a.mainpoint:hover{text-decoration:none;border:1px solid #fff;color:#fff;}
.title{font-weight:900}
.trolley{float:right;position:relative}
#thumbs{margin-top:10px;width:460px}
#thumbs div{margin:5px;width:207px;height:185px;float:left;overflow:hidden;border:5px solid #fff}
#thumbs div img{border:none;margin:5px auto}
#bigDynPic{display:block;padding:5px}
#bigDynPic img{padding:10px;border:9px solid #fff}
#loadingmessage{padding:1em 5px;background:#ffc;font-weight:700;width:20em;text-align:center;font-size:80%;color:#000}
ul{list-style:disc outside none}
.skills{float:left;color:#545454;margin:5px;line-height:130%;outline:medium none;padding:5px 15px 5px 30px;width:auto;position:relative;border:1px solid #ccc}
li.photoshop-skill{background:url(/icons/small/photoshop.png) no-repeat left center #fff;list-style:none outside none}
li.css-skill{background:url(/icons/small/css.png) no-repeat left center #fff;list-style:none outside none}
li.php-skill{background:url(/icons/small/php.png) no-repeat left center #fff;list-style:none outside none}
li.logo-skill{background:url(/icons/small/logo.png) no-repeat left center #fff;list-style:none outside none}
li.seo-skill{background:url(/icons/small/seo.png) no-repeat left center #fff;list-style:none outside none}
li.html-skill{background:url(/icons/small/html.png) no-repeat left center #fff;list-style:none outside none}
li.ecommerce-skill{background:url(/icons/small/ecommerce.png) no-repeat left center #fff;list-style:none outside none}
li.cms-skill{background:url(/icons/small/cms.png) no-repeat left center #fff;list-style:none outside none}
li.mobile-skill{background:url(/icons/small/mobile.png) no-repeat left center #fff;list-style:none outside none}
li.responsive-skill{background:url(/icons/small/responsive.png) no-repeat left center #fff;list-style:none outside none}
li.adwords-skill{background:url(/icons/small/search.png) no-repeat left center #fff;list-style:none outside none}
a.exampleLink{margin:-20px 0 -10px;font-weight:700;color:#8b0000}
a.exampleLink:hover{color:#000;border-top:1px solid #000;border-bottom:1px solid #000;text-decoration:none}
.accessible{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
a.facebookLink{width:30px;height:40px;display:inline-block;overflow:hidden}
.facebookLink img{left:0px;position:relative;top:0px}
a.twitterLink{width:30px;height:40px;display:inline-block;overflow:hidden}
.twitterLink img{left:-2px;position:relative;top:-43px}
a.googleLink{width:30px;height:40px;display:inline-block;overflow:hidden}
.googleLink img{left:-2px;position:relative;top:-80px}hr{border:1px solid #d8d8d8}
.members{float:left;margin:10px}
h1{color:#444}
h1.homepage{color:#a12024;font-family: daysregular,'Open Sans',sans-serif;text-transform:uppercase;}
h2,h3,h4,h5,h6{color:#a12024}
.header_1 h1 {color: #a12024;}
pre {font:1em/1.5em Calibri, sans-serif;}
.Button {text-align:center;}
.Button > input {background:#79BE5B;color: #fff; padding: 10px 40px;border: 1px solid #fff;border-radius:7px 7px 7px 7px;font-weight:900;}
.white {background: #f9f9f9 !important;border-bottom: 1px solid #a12024}
.overlay {position:absolute;left:10%;z-index:1;}
.threecol{column-count:3;column-gap:10px;column-width:290px;-moz-column-count: 3;-moz-column-gap: 10px;-moz-column-width: 290px;-webkit-column-count: 3;-webkit-column-gap: 10px;-webkit-column-width:290px;max-width:1000px;margin: 5px auto 10px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.threecol div.service {display:inline-block; margin-bottom: 10px; padding: 5px 10px;border: 1px solid #eee;}
.twocol{column-count:2;column-gap:10px;column-width:440px;-moz-column-count: 2;-moz-column-gap: 10px;-moz-column-width: 440px;-webkit-column-count: 2;-webkit-column-gap: 10px;-webkit-column-width:440px;max-width:1000px;margin: 5px auto 10px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.sixcol{column-count:3;column-gap:10px;column-width:120px;-moz-column-count: 3;-moz-column-gap: 10px;-moz-column-width: 120px;-webkit-column-count: 3;-webkit-column-gap: 10px;-webkit-column-width:120px;max-width:1000px;margin: 5px auto 10px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.google-maps {position: relative;padding-bottom: 90%;height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.center {text-align:center;width: 100%; margin: 2px auto;display:block;}
.facebook-feed, .facebook-desc {display:inline-block;}
.facebook-desc img {margin: 0 10px 5px 0;}
@media all and (max-width:415px) and (min-width:220px){
    #topHeader .logo a{margin:0 0 0 10px}
    .topcontacts{font-size:1em}
    .middle{padding:0 1.5%;width:97%;font-size:.8em}
    a.mainpoint{font-size:1.25em}
    .overlay {bottom:-5%;}
    .header_1.overlay {bottom: 5%;}
    .overlay a.mainpoint{font-size:0.8em;padding:3px;}
    a.navbar{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;border-radius:7px 7px 7px 7px;display:inline-block;margin:4px 2px;padding:3px 6px;font-size:1em;float:left;width:42%;min-width:130px;color:#4d4d4d}
    .prodContainer{padding:0}
    .example-Images{text-align:center;width:100%;float:left;overflow:hidden}
    .example-Description{width:100%;float:left}
}
@media all and (max-width:414px){
    a.navbar{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;border-radius:7px 7px 7px 7px;display:inline-block;margin:4px 2px;padding:3px 6px;font-size:1em;float:left;width:93%;min-width:130px;color:#4d4d4d}
    .header_1 h1 {font-size:1em;}
}
@media all and (max-width:600px) and (min-width:415px){
    .topcontacts{font-size:1em}
    .middle{padding:0 1.5%;width:97%;font-size:.8em}
    a.mainpoint{font-size:1.25em}
    .overlay {bottom:4%;}
    .overlay a.mainpoint {padding:6px;}
    a.nav-border{padding:0 0 0 8px;margin:0 0 0 5px}
    .prodContainer{padding:0}
    .example-Images{text-align:center;width:100%;float:left;overflow:hidden}
    .example-Description{width:100%;float:left}
    a.navbar{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;border-radius:7px 7px 7px 7px;display:inline-block;margin:4px 2px;padding:3px 6px;font-size:1em;float:left;width:45%;min-width:130px;color:#4d4d4d}
}
@media all and (min-width:600px){
    h1.logo {width:275px;float:left;}
    .topcontacts{font-size:1.7em}
    .middle{padding:20px}
    a.mainpoint{font-size:1.5em}
    .overlay {bottom:4%;}
    a.nav-border{padding:0 8px;margin:0 0 0 5px}
    a.navbar{color:#333344}
    .prodContainer{padding:10px}
    .example-Images{text-align:center;width:49%;float:left;overflow:hidden}
    .example-Description{width:45%;float:right}
    a.navbar{font-size:1.2em;font-weight:700}   
}
@media all and (min-width:851px){
    h1.homepage {font-size:2.5em;}
    .sixcol{column-count:6;column-gap:10px;column-width:120px;-moz-column-count: 6;-moz-column-gap: 10px;-moz-column-width: 120px;-webkit-column-count: 6;-webkit-column-gap: 10px;-webkit-column-width:120px;max-width:1000px;margin: 5px auto 10px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
    .overlay {bottom:15%;}
}
@media all and (max-width:700px) {
    #nav {top:12px;}
    #Header {position: relative;}
    #topHeader .logo a{background-image: url("/images/logos/dpb-logo-small.png"); background-repeat: no-repeat;background-size: 50px auto, 50px auto;color: #a12024;display: inline-block;font-family: daysregular,'Open Sans',sans-serif;font-size: 1em;font-style: normal;font-weight: 400;height: 50px;line-height: 50px;margin: 10px 0 0 10px;padding: 0 0 0 55px;text-align: left;text-decoration: none;text-transform: uppercase;vertical-align: top;white-space: nowrap;}
}
@media all and (min-width:701px) {
    #nav {top:25px;}
    #Header {position: fixed;}
    #title-container {margin-top:85px;}
    #title-container img{margin-top:-85px;}
    #topHeader .logo a{background-image: url("/images/logos/dpb-logo-fullsize.png"); background-repeat: no-repeat;background-size: 60px auto, 60px auto;color: #a12024;display: inline-block;font-family: daysregular,'Open Sans',sans-serif;font-size: 1em;font-style: normal;font-weight: 400;height: 60px;line-height: 60px;margin: 15px 0 0;padding: 0 0 0 75px;text-align: left;text-decoration: none;text-transform: uppercase;vertical-align: top;white-space: nowrap;}
}
@font-face {
    font-family: 'daysregular';
    src: url('../Days-webfont.eot');
    src: url('../Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Days-webfont.woff') format('woff'),
         url('../Days-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* TinyNav */
/* styles for desktop */
.tinynav { display: none }
/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block;margin: 5px auto;font-size: 1em; padding: 5px; }
    #nav { display: none }
}