/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

body {background:#000; color:#2d2d2d; font:62.5%/1.5 arial, verdana, sans-serif; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family:Rockwell, Georgia, Times, Times New Roman, serif; line-height:1.2; clear:both; font-weight:bold;}

h1 {font-size:2.4em; line-height:1.25; margin-bottom:.625em;}
h2 {font-size:1.8em; line-height:1.25; margin-bottom:.834em;}
h3 {font-size:1.5em; line-height:1; margin-bottom:.5em;}
h4 {font-size:1.3em; line-height:1.25; margin-bottom:.577em;}
h5 {font-size:1.1em; line-height:1.364; margin-bottom:.682em;}

h2#showcase-heading { background:#5a5959 url(/img/showreel.gif) no-repeat 30px 8px; text-indent:-999em; height:32px; margin:0; }
h2.our-products-heading { background:#5a5959; /*url(../img/our-products.gif) no-repeat 30px 7px; text-indent:-999em;*/ width:734px; margin:0; color:white; font-size:1.3em; font-weight:normal;padding:8px 0 8px 30px; }
h1#profilreklam-heading { background:#5a5959; /*url(/img/profilreklam.gif) no-repeat 30px 7px; text-indent:-999em;*/ height:32px; width:734px; margin:0; color:white; font-size:1.3em; font-weight:normal;padding:8px 0 0 30px; }
h1#industridesign-heading {background:#5a5959; /* url(/img/industridesign.gif) no-repeat 30px 7px; text-indent:-999em; */ height:32px; width:734px; margin:0; color:white; font-size:1.3em; font-weight:normal;padding:8px 0 0 30px; }
.showcase h3 {font-size:1.6em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1.5em;}
blockquote {margin-bottom:1.5em;}
blockquote p {margin-bottom:0;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:.7em;}
pre {}
strong {}

/* Link elements 
-------------------------------------------------------------- */
a {color:#000;}
a:visited {}
a:hover {}
a:active {}

/*paragraphs
-------------------------------------------------------------- */
h1 + p {font-weight: bold; font-size: 1.2em;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1.5em; list-style:disc inside;}
ul li {}
ol {margin-bottom:1.5em;}
ol li { }

dl {margin-bottom:1.5em;}
dl dt {}
dl dd {}

#side-content ul li { list-style-type: none; margin-top:.5em }

/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left; margin-right:1em;}
.align-right {float:right; margin-left:1em;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear:both;}
.clear-fix:after {content:"."; height:0; visibility:hidden; clear:both; display:block;}
.hide {display:none; visibility:hidden;}
.highlight {}
.large {}
.off-screen {position:absolute; left:-999em; top:-999em;}
.small {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}
.top {margin-top:0; padding-top:0;}
.buybutton {float: right; padding: 5px 30px;}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom:1.5em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}

/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom:1.5em;}
legend {font-weight:bold;}
label {}
input {}
textarea {}

object {display:block; margin-bottom:1.5em;}

.reseller-form label {
display:block;
float:left;
margin-right:10px;
text-align:right;
width:160px;
}
.reseller-form input {
display:block;
margin-left:180px;
}
.reseller-form div.formItem.check input {
display:inline;
float:none;
}
.reseller-form div.formItem.check label {
display:inline;
float:none;
margin-left:10px;
}
.reseller-form .check {
display:inline;
margin-left:20px;
margin-right:5px;
}


/* Navigation
---------------------------------------------------------------*/
#nav { list-style:none outside; font-size:1.1em; margin-bottom:0; background:#000 url(/img/nav-bg.png) no-repeat left bottom; padding-bottom:1em; text-indent:5px; }
#nav li {float:left; border-right:1px solid #999; }
#nav li:last-child {border-right:none;}
#nav li a {float:left; padding:0 1em; color:#fff; text-decoration:none; }
#nav li:first-child a {padding-left:0;}
#sub-nav {}




/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}
#wrapper {margin:0 auto; width:775px; padding:1em 0 0 0; font-size:1.2em;}
#header {width:774px; margin:0 auto;}
#header #branding { clear:left; padding:25px 45px 0 44px; height:84px; background:url(/img/branding-bg.gif) repeat-y 5px 0; width:685px;}
#header #branding #tagline {float:right; font-family:Rockwell, Georgia, Times, Times New Roman, serif; font-size:2.2em; margin-top:23px; width:447px; margin-bottom:0; color:#fff; text-align:right; text-shadow: #000 1px 1px 2px;}
#header #branding #logo {float:left;}
#content-wrap {width:764px; margin:0 auto; padding:0 5px; clear:both; background:url(/img/content-wrap-bg.png) repeat-y; }

.showcase { background:#000 url(/img/showcase-bg.gif) no-repeat; color:#fff; width:764px; padding:30px 0; }
.showcase  a {color: #fff; font-size: 1.2em; font-family:Rockwell, Georgia, Times, Times New Roman, serif; line-height:1.2; clear:both; font-weight:bold;}
.showcase ul { list-style:none outside; margin-bottom:0; overflow:hidden }
.showcase ul.products-big { margin-left:-48px }
.showcase ul.products-big li { width:150px; float:left; margin-left:53px; margin-right:0;}
.showcase ul.products-big-three { margin-left:-30px }
.showcase ul.products-big-three li { width:215px; float:left; margin-left:29px; margin-right:0;}

.showcase ul.products-big h3 a { font-size:.9em }
.showcase li { width:108px; float:left; margin-right:30px;}
.showcase li img { margin-bottom:15px; }

#content { font-size: 1.1em; float:left; width:424px; padding:30px; background: #dcdcdc;}
#contentwide { float:left; width:644px; padding:30px; background: #dcdcdc;}
#contentwide.white { float:left; width:704px; padding:30px; background: #ffffff;}
#side-content {background:#fff; padding:15px; float:right; width:220px; margin:30px 30px 30px 0;}

#side-content .other-products a {font-size:1.2em;}

#side-content  img {display:block; margin-bottom:.75em}

#references {list-style:none outside;}
#references li {float:left; width:102px; /*margin-right:.75em; */ }
#references a {text-decoration:none;}
#members-of {list-style:none outside;}
#members-of li {float:left; width:50%; }
#members-of img {display:block;}

/* Newsletter signup */
#newsletter-signup {clear:both; border-top:2px dotted #808080; padding:30px; }

#footer {font:normal normal 1em/1.5 georgia, Times, "Times new roman", serif; color:#999; padding:1.5em 0; letter-spacing:.1em; text-align:center; clear:both; width:774px; margin:0 auto; background:url(/img/footer-bg.png) no-repeat top left;}
#footer h2 {text-transform:uppercase;}
#footer #latest-blog-post {width:345px; float:left;}
#footer #latest-blog-post .post-meta {font-variant:small-caps; border:1px dotted; border-right:0; border-left:0; padding-bottom:0; margin-bottom:.75em;}
#footer #newsletter-signup {width:345px; float:right;}
#footer a { color:#999; }

/* News Slider 
-----------------------------------------------------------------------------------------*/
.slider {position:relative; overflow:hidden; width:764px;}
.slider .back {position:absolute; top:65px; left:15px; z-index:2;}
.slider .next {position:absolute; top:65px; right:15px; z-index:2;}
.slider .back a,
.slider .next a {display:none; outline:none; text-indent:-999em; height:39px; width:39px; }
.slider .back a {background:url(/img/back.gif) no-repeat;}
.slider .next a {background:url(/img/next.gif) no-repeat;}
.slider .back a:hover,
.slider .back a:focus,
.slider .back a:active {background:url(/img/back-hover.gif) no-repeat;}
.slider .next a:hover,
.slider .next a:focus,
.slider .next a:active {background:url(/img/next-hover.gif) no-repeat;}

.slider ul {position:relative; left:0; width:auto; list-style:none outside; overflow:hidden; z-index:1;}
.slider li {float:left; width:764px; margin-right:0;}
.slider li img {float:left; margin:0 24px 0 87px;}
.slider .view_all {display:none;}
.slider .introduction {width:395px; float:left;}