html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*--------- Common Styles --------*/
.hide{ display: block; text-indent: -9999px;}
.clear{clear: both;}
body{ margin: 0; padding: 0; font:62.5% 'Georgia', Arial, Verdana Sans-Serif; background:#fff url(images/bg.jpg) no-repeat center 0;}
#wrapper{width: 960px; margin: 75px auto 10px auto; height: 400px;}
#logo{background: url(images/logo.png); width: 951px; height: 147px;}
h2, h3, h4{font-weight: bold;}
h2{font-size: 2.2em;}
h3{font-size: 1.8em;}
h4{font-size: 1.4em; margin-top: 7px;}
p, li{font-size: 1.4em; line-height: 1.6em;}
em{font-style: italic;}
p em{font-size: .9em;}
a{color: #db525f; text-decoration: none; -webkit-transition: opacity .1s ease-in; }
a:hover{text-decoration: underline;}
hr{border-bottom: none; border-left: none; border-right: none; border-top: 1px dotted #fff;}
#portfolio{ margin: 50px auto 0 auto; position: relative;}
#portfolio h2{background: url(images/portfolio-title.png); width: 193px; height: 52px; margin-bottom: 20px;}
#portfolio h3{margin-top: 20px; margin-bottom: 30px;}
.bdd{background: url(images/bdd-title.png) no-repeat; width: 440px; height: 14px;}
.dd{background: url(images/dd-title.png) no-repeat; width: 440px; height: 14px;}
.lbdde{background: url(images/lbdde-title.png) no-repeat; width: 440px; height: 14px;}
.ddi{background: url(images/ddi-title.png) no-repeat; width: 440px; height: 14px;}
#portfolio ul li{ float: left; width: 440px; margin-right: 60px; margin-bottom: 15px;}
#portfolio ul li .thumb{width: 440px; height: 150px; border: 5px solid #fff; overflow: hidden; -webkit-box-shadow: 0px 0px 7px #aaa; -moz-box-shadow: 0px 0px 7px #aaa;}
#portfolio ul li img{width: 1024px;}
#portfolio ul li img.te{margin-left: -137px; margin-top: -10px;}
#portfolio ul li img.lt{width: 980px; margin-left: -293px; margin-top: -27px;}
#portfolio ul li.last{margin-right: 0;}
#portfolio ul li span{ display: none; border: 5px solid #fff;}
#portfolio ul li:hover span{display: block; background: rgba(0,0,0, .6); position: absolute; display: block; width: 440px; height: 150px; z-index: 1000;}
.magnify, .launch{width: 220px; height: 150px; opacity: .5; float: left;}
.magnify:hover, .launch:hover{opacity: 1;}
.magnify:active, .launch:active{margin-top: 5px;}
.single{width: 440px;}
.magnify{background: url(images/magnify.png) no-repeat center center; }
.launch{background: url(images/launch.png) no-repeat center center; }
#sub-content {width: 960px; margin: 240px auto 20px auto; color: #a69f9c; border-top: 1px solid #c0b9b5; padding-top: 20px;}
#sub-content div{width: 308px; float: left; margin-right: 20px;}
#sub-content ul {margin-bottom: 20px; font-style: italic; list-style: disc; margin-left: 30px;}
#sub-content .mid{width: 275px;}
#sub-content .last{margin-right: 0;}
#sub-content h3{height: 37px; width: 308px;}
#sub-content h4{font-style: italic;}
#sub-content p{padding: 7px 7px 0 0;}
#sub-content hr{margin: 12px auto; width: 85%; }
.about-title{background: url(images/about-title.png) no-repeat;}
.newsletter-title{background: url(images/newsletter-title.png) no-repeat; margin-top: 10px;}
.services-title{background: url(images/services-title.png) no-repeat;}
#services {margin: 0 !important;}
#services li{float: left !important; list-style: none; margin: 0 !important;}
#services li a{width: 130px; height: 50px; background-position: center center; opacity: .3;}
#services li a:hover{opacity: 1;}
#services li a:active{background-color: rgba(0,0,0,.1)}
.wordpress{background: url(images/wordpress.png) no-repeat; width: 129px; height: 29px;}
.tumblr{background: url(images/tumblr.png) no-repeat; width: 129px; height: 29px;}
.shopify{background: url(images/shopify.png) no-repeat; width: 129px; height: 29px;}
.squarespace{background: url(images/squarespace.png) no-repeat; width: 129px; height: 29px;}
#services li a .tooltip{display: none; background: #9a9491; padding: 7px; -webkit-border-radius: 5px; width: 100px; margin: -60px 0 0 -20px; text-indent: none !important; color: #000;}
#services li a:hover .tooltip{xdisplay: block;}
.contact-title{background: url(images/contact-title.png) no-repeat;}
#number{font-size: 10em; font-weight: bold; background: #000; color: #fff; padding: 30px; margin: 0;}
#maplink{margin-top: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; opacity: .5; background: url(images/map.jpg); width: 320px; height: 121px;}
#maplink:hover{opacity: 1;}
.mc-field-group{background: #fff; padding: 1px; -webkit-border-radius: 8px; width: 290px !important; color: #000;}
.btn{padding: 7px; -webkit-border-radius: 8px; border: none; background: #000; color: #fff; font-weight: bold; font-style: italic; font-size: 1.4em; font-family: Georgia; cursor: pointer;}
.btn:hover{background: #999;}
.text{border: none; padding: 3px; margin-left: 3px; font-size: 1.6em; font-family: Georgia; width: 210px !important;}
#mce-success-response, #mce-error-response{padding-top: 7px; color: #db525f;}
#quote{background: url(images/quote.gif) no-repeat; width: 305px; height: 67px; margin-top: 28px; opacity: .5;}
#quote:hover{opacity: 1;}
#quote:active{margin-top: 33px;}
/*----------- Footer ---------*/
#footer{clear: both; padding: 10px 0;}
#footer p{background: url(images/footer.png) no-repeat 0 10px; height: 24px; border-top: 1px solid #fff; padding-top: 10px; width: 960px; margin: 0 auto; border-top: 1px solid #c0b9b5;}