/* Reset */
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,{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}

/* remember to define focus styles! */
:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}



/*body, font, colors*/
body {margin:0px; background: #000; color: #b5bac4; height: 100%; min-height: 100%;}
body {font-family: Lucida Sans, Arial , helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0; line-height:100%; text-align:left;}
img  {border:0px;}

form, fieldset, label, select {margin: 0px; padding: 0px; border: 0px;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right}

.fll {float: left;}
.flr {float: right;}
.fln {float: none;}

.cll {clear: left;}
.clr {clear: right;}
.clb {clear: both;}
.cln {clear: none;}

p    {line-height: 130%; margin:0 0 10px 0; padding: 0;}
ul, li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; list-style-type: none;}

#galleria {background: url("../img/loader.gif") no-repeat scroll 50% 50% transparent; height: 95%; width: 100%; position: absolute;}


/* normal links */
a {font-weight: bold;}

a:link    {text-decoration: none}
a:visited {text-decoration: none}
a:hover   {text-decoration: underline}
a:active  {text-decoration: none}

/* HeadLines */
h1 {font-size: 20px; line-height: 120%; }
h2 {font-size:24px; line-height:120%; margin:10px 0px; color: #8a8b8d; font-weight: normal;}
h3 {font-size: 14px; line-height: 120%;}
h4, h5, h6           {font-size: 12px; color: #4c4c4c; line-height: 120%;  clear: both; float: none; display: block;}

/* Layout */
#mainHead {background: url(../img/header-bgd.png); height: 38px;}
#mainHead .logo img {margin: 4px 0 0 28px;}
span.menu {margin-right: 28px; margin-top: 16px;}
span.menu ul li {float: left; margin: 0 10px;}
span.menu ul li a {color: #ffffff; font-weight: normal; font-size: 14px; letter-spacing:1px}
span.menu ul li a {position: relative; top: -4px}
span.menu li ul li a {position: relative; top: 0px; letter-spacing:1px}
span.menu a:hover {text-decoration: underline;}
span.menu li ul li   {position: relative; top: -1px}
#bodyMain {background: url(../img/content-bgd-dark.png); -moz-border-radius: 5px; border-radius: 5px;padding:1%; border: 1px #222 solid; }
#bodyMain .scroll {width: 100%;	height: 100%; overflow: auto;}
.toggle {position: relative; z-index:10003; width:22px; height: 85px; background: url(../img/show-hide-bgd.png); display: block; float: right; cursor: pointer;}
.video {position: relative; z-index:10003; width:22px; height: 85px; background: url(../img/show-video.png); display: block; float: right; cursor: pointer;}
#colorbox {z-index: 10005!important}
.store {padding: 30px;}


/* Js scroll */

.jspContainer{overflow:hidden; position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute; top:0; right:0; width:10px; height:100%; background:red}
.jspHorizontalBar{position:absolute; bottom:0; left:0; width:100%; height:16px; background:red}
.jspVerticalBar *,
.jspHorizontalBar *{margin:0; padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#acacac; position:relative}
.jspDrag{background: url(../img/header-bgd.png); position:relative; top:0; left:0; cursor:pointer}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left; height:100%}
.jspArrow {background:#50506d; text-indent:-20000px; display:block; cursor:pointer}
.jspArrow.jspDisabled{cursor:default; background:#80808d}
.jspVerticalBar .jspArrow{height:10px}
.jspHorizontalBar .jspArrow{width:10px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4; float:left; height:100%}
.jspArrowUp   {background: url(../img/arrow-up.gif)}
.jspArrowDown {background: url(../img/arrow-down.gif)}


/* Yuk! CSS Hack for IE6 3 pixel bug:( */
* html .jspCorner{margin:0 -3px 0 0}

/*Super Fish Menu*/
.menu li ul {position: absolute; margin: 9px 0 0 -19px; padding: 0px;}
.menu li ul li {float: none; clear: both; padding: 5px 10px; background: url(../img/header-bgd.png); }

/* Contact Form */
#EmailForm label input {margin-top: 5px;}
#EmailForm select {margin-top: 5px; padding: 3px;}
#EmailForm textarea {margin-top: 5px; width: 300px;}
#EmailForm input.button {margin-top: 5px; background: #fff; color:#303c43; border: 0px; padding: 3px 10px;-moz-border-radius: 5px; border-radius: 5px; margin-left: -5px; }
#EmailForm input.button:hover {background: #303c43; color:#fff;}