﻿/* --- fonts --- */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face { font-family: 'MuseoSans700'; src: url('museosans_700-webfont.eot'); src: local('☺'), url('museosans_700-webfont.woff') format('woff'), url('museosans_700-webfont.ttf') format('truetype'), url('museosans_700-webfont.svg#webfontvT9JTPlv') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSans500'; src: url('museosans_500-webfont.eot'); src: local('☺'), url('museosans_500-webfont.woff') format('woff'), url('museosans_500-webfont.ttf') format('truetype'), url('museosans_500-webfont.svg#webfontflldxsOM') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSans300'; src: url('museosans_300-webfont.eot'); src: local('☺'), url('museosans_300-webfont.woff') format('woff'), url('museosans_300-webfont.ttf') format('truetype'), url('museosans_300-webfont.svg#webfontFqQytFXP') format('svg'); font-weight: normal; font-style: normal; }
.MS700 {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MuseoSans700', sans-serif;}
.MS500 {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MuseoSans500', sans-serif;}
.MS300 {font-weight: normal; font-style: normal; line-height:normal; font-family: 'MuseoSans300', sans-serif;}

/* --- basics --- */
body { background: #e6e6df url(../g/wrap-dk.png) top center repeat; padding: 20px 0; color: #666; font-family: Helvetica, Arial, sans-serif; }
a {text-decoration: none; color: #c06; }
a:hover {color: #ff0080; }
em { color: #09b; font-style: normal; }
ul li { margin-left: 17px; }

/* --- general --- */
.drop {text-shadow: 1px 1px 2px #999; }
.right {float: right; margin: 0 0 10px 10px; display: inline; }
.left {float: left; margin: 0 10px 10px 0; display: inline; }
.notop { margin-top: 0; padding-top: 0; }
.frame { border: 1px solid #e0e0e0; padding: 5px; background-color: #fff; }
.debug {border: 1px solid red; }
.round { border-color: #fff; border-style: solid; border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.shadow { -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.35); box-shadow: 0px 1px 10px rgba(0,0,0,0.35); }
button { -webkit-appearance: button; }
a.button { width: 222px; height: 42px; line-height: 42px; font-size: 13px; text-align: center; text-transform: uppercase; background: url(../g/button.png) top left no-repeat; color: #eee; font-family: 'MuseoSans700', Helvetica, Arial, Sans-Serif; display: inline-block; }
a.button:hover { color: #fff; }

/* --- outer divs --- */
#wrap-dk {background: #e6e6df url(../g/wrap-dk.png) top center repeat; }
#wrap-md {background: #c06 url(../g/wrap-pk.png) top center repeat-x; min-height: 60px; font-size: 20px; font-family: 'MuseoSans300'; }
#wrap-lt {background: #f7f7f0 url(../g/wrap-lt.png) top center repeat; min-height: 240px; margin: 0px; padding: 0 10px; }
#wrap-head {margin-top: 20px; min-width: 640px; }
#wrap-neck {height: 105px; width: 700px; margin: 0 auto; color: #fff; padding-top: 15px;  }
#wrap-body {min-height: 200px; width: 700px; margin: 4px auto; font-size: 15px; font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif; padding-top: 18px; }
#wrap-body p { margin-bottom: 1.5em; }
#wrap-legg {height: 20px; }
#wrap-foot {height: 70px; width: 700px; margin: 0 auto; padding-bottom: 5em; color: #a7a7a1; font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif; text-shadow: 0 1px 0 #f7f7f1; }

#info { width: 700px; margin-top: 15px; padding-top:5px; }
#info p { margin-top: 3px; margin-bottom: 0em; }
#info a { color: #979791; }
#info a:hover { color: #ff0080; }


/* --- inner divs --- */
#cont-head {width: 700px; margin: 0 auto; }
#head-logo {background: url(../g/head-logo.png) top left no-repeat; height: 160px; overflow: hidden; }

/* --- main stuff --- */
#tag {margin-top: -5px; text-align: center; font-size: 20px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #dd9; }
#svc {margin: 0; }
#prices { float: right; font-size: 10px; color: #a7a7a1; display:none; }
#contact { clear:left; padding-top: 1em; padding-bottom: 2em; }
#actions { font-family: 'MuseoSans500', Helvetica, Arial, sans-serif; font-size: 16px; }

/* --- navigation --- */
#nav {margin-top: 60px; font-size: 13px; font-weight: bold; text-transform: lowercase; color: #990; }
#nav li {list-style-type: none; margin: 0; }
#nav li a {display: block; text-decoration: none; padding: 5px; text-align: right; }
#nav li a:hover {background-color: #ee9; }
#nav .active {background-color: #e0e090; }
#nav li a.first {border-top: none; }

/* --- zurb button --- */
.awesome, .awesome:visited {background: #222 url(../g/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover {background-color: #111; color: #fff; }
.awesome:active {top: 1px; }
.small.awesome, .small.awesome:visited {font-size: 11px; padding: ; }
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited {background-color: #91bd09; }
.green.awesome:hover {background-color: #749a02; }
.blue.awesome, .blue.awesome:visited {background-color: #2daebf; }
.blue.awesome:hover {background-color: #007d9a; }
.red.awesome, .red.awesome:visited {background-color: #e33100; }
.red.awesome:hover {background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited {background-color: #a9014b; }
.magenta.awesome:hover {background-color: #630030; }
.orange.awesome, .orange.awesome:visited {background-color: #ff5c00; }
.orange.awesome:hover {background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited {background-color: #ffb515; }
.yellow.awesome:hover {background-color: #fc9200; }
