@font-face{font-family:'DiavloMedium';src:url('diavlo/Diavlo_MEDIUM_II_37.eot');src:local('Diavlo Medium'), local('DiavloMedium-Regular'), url('diavlo/Diavlo_MEDIUM_II_37.woff') format('woff'), url('diavlo/Diavlo_MEDIUM_II_37.ttf') format('truetype'), url('diavlo/Diavlo_MEDIUM_II_37.svg#DiavloMedium-Regular') format('svg');}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, code, cite, del, dfn, em, img, ins, kbd, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, nav, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
header, footer, article, section, aside, nav, hgroup, figure, dialog, canvas{display:block;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"""";}
a img{border:none;}
.container:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .container{height:1%;}
html{}
BODY{text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#333;}
.bgx{background:url('img/bgx.png') repeat-x;}
.graphic_paragraph{background:url('img/bgy.png') no-repeat;}
#header{width:60em;margin:0 auto;text-align:left;}
#menu_top ul{list-style:none;width:60em;margin:0 auto;text-align:left;}
#menu_top ul li{float:left;text-align:center;}
#content_wrap{width:60em;text-align:left;margin:0 auto;}
.content_narrow{width:600px;float:left;}
#sidebar{width:235px;float:right;margin-top:70px;}
#footer{background-color:#7a1a25;height:9em;height:auto;min-height:9em;background-position:0 -81px;margin-top:4.5em;color:#fff;padding-top:1.5em;font-weight:lighter;}
#footer p{font-size:0.75em;}
a:link, a:visited{color:#911e2b;text-decoration:none;}
a:hover,a:active, a:focus{text-decoration:underline;}
h1,h2,h3{font-family:'DiavloMedium','Helvetica Neue', arial, sans-serif;color:#333;}
#logo a:link, #logo a{background:url('img/logo.png') no-repeat top left;display:block;width:221px;height:186px;text-indent:-9999px;text-decoration:none;}
#menu_top{background-position:0 0;height:61px;line-height:61px;}
#menu_top a:link, #menu_top a:visited{color:#fff;display:block;text-decoration:none;font-weight:lighter;padding:0 1.5em;}
#menu_top a:hover, #menu_top a:active, #menu_top a:focus{text-decoration:underline;}
#menu_top .active{background-position:51% -782px;}
li.first{padding-left:0;}
p{margin:0.75em 0;}
.backgrounded{background:#efefef;border:1px dashed #bbb;padding:1.5em;}
.topquote{background:url('img/quotes.png') no-repeat center left;font-family:'baskerville','palatino linotype','times new roman', times, serif;font-style:italic;font-size:1.4em;padding:1.5em 0 1.5em 4.5em;width:30em;}
em{font-style:italic;}
#lead{background-color:#fff;background-position:0 -297px;height:444px;}
#lead .left ul{line-height:3em;list-style:none;}
#lead li{padding-left:1.5em;background:url('img/icons.png') no-repeat 0 10px;}
#lead .container{width:60em;margin:0 auto;text-align:left;}
h2{font-size:2em;line-height:0.75em;margin:1.5em 0 0.75em 0;}
.webdesign .right{background:url('img/browser.jpg') no-repeat top left;width:29.38em;height:340px;overflow:hidden;}
.left{float:left;width:29.30em;margin-left:0.63em;}
.right{float:left;width:29.3em;}
#content_wrap.bgx{background-position:0 -850px;background-repeat:no-repeat;}
#content{padding-top:2em;}
.graphic_paragraph{padding-left:60px;width:80%;margin-top:3em;height:5em;}
.graphic_paragraph.webdesign{background-position:0 -280px;}
.graphic_paragraph.seo{background-position:0 -420px;}
.graphic_paragraph.cms{background-position:0 -565px;}
.graphic_paragraph.programming{background-position:0 -687px;}
.graphic_paragraph.graphicdesign{background-position:0 -962px;}
.graphic_paragraph.corporate{background-position:0 -820px;}
.graphic_paragraph.logo{background-position:0 0;}
.graphic_paragraph.text{background-position:0 -132px;}
.service{margin-bottom:3em;}
.service h3{font-size:24px;line-height:24px;}
.vcard{}
a.hcard{padding-bottom:1.5em;}
h3.topspacer{margin-top:3em;}
.vcard img{display:block;margin-bottom:1.5em;}
.org{font-size:1.25em;line-height:1.2em;font-family:'DiavloMedium','Helvetica Neue', helvetica, sans-serif;}
.fn, .role{float:none;font-size:0.875em;line-height:1.714286em;}
#navleft{background:#f1f2f2 url('img/bg_menu.png') repeat-x 0 -95px;float:right;margin-top:2em;}
#navleft ul{list-style:none;}
#navleft li.active a:link, #navleft li.active a:visited{border-left:2px solid #981e2d;background:#fcfcfc;}
#navleft a:link, #navleft a:visited{color:#333;display:block;padding:0.5em;border-top:1px solid transparent;border-bottom:1px solid transparent;}
#navleft a:visited{color:#666;}
#navleft a:hover, #navleft a:active, #navleft a:focus, #navleft li.active a:hover, #navleft li.active a:active, #navleft li.active a:focus{text-decoration:none;color:#fff;background:url('img/bg_link_hover.png') repeat-x top left;border-top:1px solid #fff;border-left:none;border-bottom:1px solid #333;background-color:#981e2d;}
#profiles{margin-top:1.71em;}
.profile{clear:both;padding-bottom:3em;}
.profile img{float:left;margin-right:1em;box-shadow:3px 3px 4px #aaa;-webkit-box-shadow:3px 3px 4px #aaa;-moz-box-shadow:3px 3px 4px #aaa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.portfolio{width:700px;}
.portfolio li{list-style:none;float:left;margin-right:20px;margin-bottom:24px;}
.portfolio img{background:#fff;padding:3px;border:1px solid #aaa;-moz-border-radius:5px;-webkit-border-radius:5px;}
.portfolioItem{margin-bottom:1.71em;background:#fff;width:710px;border:1px solid #bbb;-webkit-box-shadow:0px 0px 5px #bbb;}
.portfolioItem .inner{background:#ededed;margin:1px;}
.portfolioItem .left{width:390px;}
.portfolioItem .right{width:300px;}
.portfolioItem h3{font-size:24px;margin-top:20px;padding-left:40px;}
.portfolioItem ul{background:url('img/divider.png') no-repeat top center;padding-top:20px;padding-left:40px;min-height:150px;}
.portfolioItem li{list-style:none;background:transparent url('img/icons.png') no-repeat 0 -90px;padding-left:20px;}
.portfolioItem img{margin:20px;border:1px solid #bbb;padding:2px;}
.siteUrl{background:url('img/divider.png') no-repeat top center;padding:10px 10px 10px 40px;margin-top:12px;}
legend{font-family:'DiavloMedium','Helvetica Neue','Helvetica', sans-serif;font-size:1.14em;line-height:1.5;}
span.required{color:#911e2b;font-size:1.5em;}
label.required{font-weight:bold;}
label.required span.required{font-weight:normal;}
#contactform label{float:left;display:block;width:8em;text-align:right;margin-right:1em;}
input.text, textarea{border:1px dashed #bbb;width:30em;padding:0.5em;font-size:1em;color:#444;font-weight:bold;}
input.text:focus, textarea:focus{border:1px solid #911e2b;outline:0;}
p.narrow{width:40em;}
p.submit{text-align:right;width:40em;}
#contactform p{clear:both;}
#kf_submit{background:#8f1c2a url('img/btn.gif') repeat-x top left;color:#fff;border:none;padding:0.5em;font-size:1.2em;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
#kf_submit:hover, #kf_submit:active, #kf_submit:focus{background:#b70c27 url('img/btn_hover.gif') repeat-x top left;cursor:hand;}
body{background-color:#881b29;color:#fff;}
#wrap{background-color:#fff;color:#333;padding-bottom:4em;}
#footer{margin-top:0;margin-bottom:0;}