@font-face {src:url(MuseoSans_500.otf)}
body { font-family: "Museo Sans", Helvetica, Verdana, Arial, sans-serif; background-position:50% 0%; background-repeat: no-repeat; background-color:#000; background-image: url(../img/bg.jpg);}
a { text-decoration: none; color:#33ccff;}
a:hover{color:#ccffff;}
h1 {font: bold 20px; margin: 0 0 5px 0; color: #fff; font-family: inherit;}
h2 {font: bold 10px; margin: 0 0 10px 0; color: #fff; font-family: inherit;}
hr {border:none; height:17px; background: url(../img/horizmenu-bg.png) 50% 0 no-repeat;}
header { margin-top: 1em; }
header p { margin: 0 0 12px 0; padding:0; }
.logo{ margin-left: 40px;}
nav {background-image: url(../img/bg-menu.png); background-repeat: repeat-x;}
nav a {color: #fff;  display: block; padding: 15px; float: left;}
nav ul { list-style:none; }
nav ul li { margin-left:36em; font-size: 14px; }
nav #primaryNav {margin-right: 0px;}
section {border: 1px solid #5f5f5f; background: url(../img/bg-overlay.png) repeat; margin-top: 0em;}
#content p {color: #fff; font-family: "Museo Sans", Helvetica, Verdana, Arial, sans-serif; font-size: 11px;}
.intro { padding: 20px; font-size: 13px;}
.preview { clear: both;}
.title { color: #fff; font-family: inherit; font-size: 16px;}
.work {padding: 20px;}
.headding {padding: 10px;}
.text { padding: 0px; float: right; text-align: left; margin-left: 0px;}
.small {padding-left:12px; color:#33ccff;}
footer { padding: 10px; text-align: right; margin-top: 2em; position: relative; font-size: 10px; color: #5b5b5b;}