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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after, .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix, .row { display: inline-block; }

html[xmlns] .clearfix, html[xmlns] .row { display: block; }

* html .clearfix, * html .row { height: 1%; }

iframe { display: block; width: 100%; border: none; height: 100%; }

body, html { width: 100%; height: 100%; font: normal 13px/1.35em "francois-oneregular", Verdana, Helvetica, sans-serif; color: #999999; }

body { background: black; }

/* TYPE AND LINKS */
a { color: #fd0000; text-decoration: none; }
a:visited { color: #fd0000; }

i { display: inline-block; .display: inline; .zoom: 1; background: url(../img/sm-general.png) no-repeat; position: relative; vertical-align: middle; .text-decoration: none!important; .margin-right: 4px; _margin-right: 4px; }
i.play { width: 11px; height: 12px; background-position: 0px -77px; }
i.pause { width: 11px; height: 12px; background-position: -11px -77px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h3 { text-transform: uppercase; margin-bottom: 1em; }

#logo { display: block; margin-bottom: 8px; background: url(../img/sm-general.png); width: 236px; height: 77px; background-position: 0px 0px; cursor: pointer; }

ul.simple { margin-top: 10px; }
ul.simple li { list-style: disc; text-indent: 5px; list-style-position: inside; margin: 2px 0; }

.fit.image img { display: none; }
.fit.image.awards { width: 450px; height: 444px; margin-bottom: 20px; }
.fit.image.about { width: 445px; height: 445px; margin-bottom: 20px; }
.fit.image.contact { width: 389px; height: 410px; }
.fit.image.clients { width: 364px; height: 444px; }
.fit.image.exhibitions { width: 364px; height: 444px; }
.fit.image.home { margin-top: 120px; width: 914px; height: 507px; }

.bordered { border: 1px solid #31322d; border-color: rgba(255, 255, 255, 0.25); }

#wrapper { width: 960px; margin: auto; overflow: hidden; }
#wrapper .mainbar { float: left; width: 660px; margin: 70px 0 2em 20px; }
#wrapper .sidebar { float: right; width: 260px; margin: 150px 0 2em 20px; }

ul.nav { position: relative; }
ul.nav li { font-size: 12px; position: relative; letter-spacing: 1px; margin-bottom: 1px; }
ul.nav li a, ul.nav li span { text-transform: uppercase; text-decoration: none; display: block; cursor: pointer; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; color: #999999; }
ul.nav li.active > a, ul.nav li.active > span, ul.nav li:hover > a, ul.nav li:hover > span { color: #fd0000; }
ul.nav li.active ul.submenu li, ul.nav li:hover ul.submenu li { display: block; }
ul.nav li ul.submenu { margin-top: 1px; }
ul.nav li ul.submenu li { display: none; }
ul.nav.home { margin: 1em auto; text-align: center; position: relative; }
ul.nav.home li { display: inline-block; .display: inline; .zoom: 1; margin-right: 10px; font-size: 13px; letter-spacing: .5px; position: static; }
ul.nav.home li:hover ul.submenu { display: block; right: 140px; }
ul.nav.home li:hover ul.submenu li { display: inline-block; .display: inline; .zoom: 1; }
ul.nav.home ul.submenu { text-align: right; position: absolute; right: 0; width: 100%; display: block; display: none; }
ul.nav.home ul.submenu li { display: inline-block; .display: inline; .zoom: 1; }
ul.nav.home ul.submenu a, ul.nav.home ul.submenu span { display: inline; }

.mainbar { padding-bottom: 2em; }
.mainbar .gallery { position: relative; width: 660px; height: 522px; text-align: center; }
.mainbar .gallery .slides_container { width: 662x; height: 522px; padding: 1px; }
.mainbar .gallery .slide { width: 658px; height: 520px; background: url(../img/loading.gif) no-repeat center center; }
.mainbar .gallery .gallerynav { position: absolute; width: 260px; height: 45px; right: -280px; bottom: 20px; font-size: 13px; height: 2em; text-align: left; }
.mainbar .gallery .gallerynav span.slidernext, .mainbar .gallery .gallerynav span.sliderprev { cursor: pointer; }
.mainbar .gallery .gallerynav span.slidernext:hover, .mainbar .gallery .gallerynav span.sliderprev:hover { color: #fd0000; }
.mainbar .gallery .gallerynav .controls { display: inline-block; .display: inline; .zoom: 1; margin-left: 15px; /* .playing */ }
.mainbar .gallery .gallerynav .controls i.play { opacity: 0.5; -moz-opacity: 0.5; -ms-filter: "alpha(opacity= $amount * 100)"; filter: alpha(opacity=50); }
.mainbar .gallery .gallerynav .controls i.pause { opacity: 1; -moz-opacity: 1; -ms-filter: "alpha(opacity= $amount * 100)"; filter: alpha(opacity=100); }
.mainbar .gallery .gallerynav .controls.paused i.play { opacity: 1; -moz-opacity: 1; -ms-filter: "alpha(opacity= $amount * 100)"; filter: alpha(opacity=100); }
.mainbar .gallery .gallerynav .controls.paused i.pause { opacity: 0.5; -moz-opacity: 0.5; -ms-filter: "alpha(opacity= $amount * 100)"; filter: alpha(opacity=50); }
.mainbar .gallery .gallerynav span.slidercurrent { display: inline-block; .display: inline; .zoom: 1; margin: 0 10px; }
.mainbar .gallery .gallerynav p.title { margin-top: 10px; }
.mainbar .gallery .gallerynav i { margin-right: 5px; cursor: pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; }
.mainbar .gallery .gallerynav i:hover { opacity: 1; }

.content.awards { width: 444px; margin-left: 210px; }
.content.about { width: 444px; margin-left: 210px; }
.content.clients { position: relative; }
.content.clients ul.clients.list { float: left; margin-right: 20px; margin-top: 0; }
.content.clients .image.fit { overflow: hidden; }
.content.clients ul.testimonials.list { width: 530px; position: absolute; top: 475px; left: 260px; }
.content.clients ul.testimonials.list > li { margin-bottom: 1em; }
.content.exhibitions { width: 444px; margin-left: 210px; }
.content.exhibitions h3 { margin-top: 20px; }
.content.contact .contactdetails.block { width: 240px; padding-top: 40px; margin-right: 20px; float: left; font-size: 14px; }
.content.contact .contactdetails.block a { color: #999999; }
.content.contact .contactdetails.block a:hover { color: #fd0000; }
.content.contact .contactdetails.block .phone { display: block; }
.content.contact .contactdetails.block .highlighted { color: #fd0000; margin: 1.7em 0; }
.content.contact .contactdetails.block .highlighted a { color: #fd0000; }
.content.contact .copyright.block { color: #999999; margin-top: 2em; }
.content.contact .copyright.block a { color: #999999; }
.content.contact .image.fit { overflow: hidden; }

@font-face { font-family: 'francois-oneregular'; src: url("../font/francois1/francoisone-webfont.eot"); src: url("../font/francois1/francoisone-webfont.eot?#iefix") format("embedded-opentype"), url("../font/francois1/francoisone-webfont.woff") format("woff"), url("../font/francois1/francoisone-webfont.ttf") format("truetype"), url("../font/francois1/francoisone-webfont.svg#francois_oneregular") format("svg"); font-weight: normal; font-style: normal; }