/* CSS Reset */
*{margin:0;padding:0}

/* Scrollbar hack for visual purpose, makes sure the vertical scrollbar is continously visible to skip that annoying jumping*/
html {overflow-y: scroll}

/* Production Code Start */
body{background-attachment:fixed;background-color:#0F0F0F;background-image:url('images/mainbg.jpg');background-position:center top;background-repeat:no-repeat;margin:10px 0 0}

/* Menusystem with hover and pngshifting */
.menu{list-style:none;margin:10px auto 0;padding:0;width:250px}
.menu li{display:block;height:41px;margin:0 0 1px;padding:0}
.menu li a{background:transparent url('images/cssmenu.png') 0 0 no-repeat;color:#969696;display:block;font-size:18px;font-weight:400;height:41px;padding:0 25px 0 0;text-align:right;text-decoration:none}
.menu li a:hover{background:url('images/cssmenu.png') 0 -41px no-repeat}
.menu li a.active,.menu li a.active:hover{background:url('images/cssmenuanim.gif') 0 1px no-repeat;color:#f0f0f0;margin:0}
.menu li a span{line-height:41px;position:relative;top:7px}

/* CSS-Grid to define static sizes */
.column{float:left;margin:0 5px;overflow:hidden;width:auto}
.row{margin:0 auto 10px;overflow:hidden;width:980px}
.row .row{margin:0 -5px;width:auto}
.grid_1{width:60px}
.grid_2{width:130px}
.grid_3{width:200px}
.grid_4{width:270px}
.grid_5{width:340px}
.grid_6{width:410px}
.grid_7{width:480px}
.grid_8{width:550px}
.grid_9{width:620px}
.grid_10{width:690px}
.grid_11{width:760px}
.grid_12{width:830px}
.grid_13{width:900px}
.grid_14{width:970px}

/* Cufón controls for Futura texts */
h1.cufonh1{font-size:45px;font-weight:300;padding:0 0 10px}
h3.cufonh3{font-size:24px;font-weight:300;padding:0 0 10px}
h3.cufonh3article{font-size:24px;font-weight:300}
h4.cufonh4{color:#838383;font-size:15px;font-weight:400}
h4.cufonh4footer{color:#838383;font-size:15px;font-weight:400;letter-spacing:1px;margin:20px 0;text-align:center}
h5.cufonh5footer{color:#838383;font-size:12px;font-weight:400;letter-spacing:1px;margin:-10px 0 10px;text-align:center}

/* Auto-sizing backgrounds for articles on sub-pages */
.dialog{color:#0f0f0f;margin:0 auto 0.5em 12px;max-width:690px;min-width:8em;position:relative;z-index:1}
.dialog .content,.dialog .t,.dialog .b,.dialog .b div{background:transparent url('images/roundcssback.png') no-repeat top right}
.dialog .content{padding:15px 20px 15px 12px;position:relative}
.dialog .t{background-position:top left;height:100%;left:0;margin-left:-12px;position:absolute;top:0;width:12px}
.dialog .b{background-position:bottom right;position:relative;width:100%}
.dialog .b,.dialog .b div{font-size:1px;height:30px}
.dialog .b div{background-position:bottom left;margin-left:-12px;position:relative;width:12px}
.dialog .hd,.dialog .bd,.dialog .ft{position:relative}
.dialog .wrapper{max-height:2600px;overflow:auto;position:static}
.dialog h1,.dialog p{margin:0;padding:0.5em 0}
.dialog h1{padding-bottom:0}

/* Links and running paragraph text */
a{color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:13px;text-decoration:none}
a:hover{color:#da2d25;font-family:Verdana, Geneva, sans-serif;font-size:13px}
a#button:hover{color:#da2d25;font-family:Verdana, Geneva, sans-serif;font-size:10px;opacity:0.7px}
p{color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:17px;text-align:justify}

/* jQuery Highlight Selectors */
.highlight {color: #919191}

/* Image manipulators for article texts */
.imgtopleft{display:block;float:left;padding:10px 20px 10px 0;width:auto}
.imgtopcenter{display:block;float:none;margin-left:auto;margin-right:auto;padding:10px;width:auto}
.imgtopright{display:block;float:right;padding:10px 0 10px 20px;width:auto}
.imgfloatleft{display:block;float:left;padding:20px 20px 10px 0;width:auto}
.imgfloatcenter{display:block;float:none;margin-left:auto;margin-right:auto;padding:20px 0;width:auto}
.imgfloatright{display:block;float:right;padding:20px 0 10px 20px;width:auto}
.swffloatcenter {display: block; margin: 0 auto}


/* This defines the spacing for the lower menu banner in all the subpages */
.imgmenubanner{margin-left:5px;margin-top:10px}

/* This is the line that separates articles in the paragraphs */
.lineseparator{background:url(images/lineseparator1px.png);background-position:center top;background-repeat:no-repeat;display:block;height:1px;margin:20px auto;width:396px}

.partnersrunner{font-style: italic;text-indent:10px}
.testimonialrunner{line-height:20px;margin-top:-10px;text-indent:10px}

/* These are the modifiers for the inouts */
.webform{background-color:#282828;border:1px solid #969696;color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:12px;height:20px;padding:4px 5px 0;width:400px;-moz-border-radius:5px}
.webformdata{background-color:#282828;border:1px solid #969696;color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:12px;height:200px;padding:4px 5px 0;width:400px;-moz-border-radius:5px}
.webformsubmit{background-color:#282828;border:1px solid #969696;color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:12px;height:30px;width:90px;-moz-border-radius:5px}
.webformdataquick{background-color:#282828;border:1px solid #969696;color:#d2d2d2;font-family:Verdana, Geneva, sans-serif;font-size:12px;height:80px;padding:4px 5px 0;width:400px;-moz-border-radius:5px}

/* These are the modifiers for the popup page for Addthis.com */
.addthis_toolbox .custom_images a{height:60px;margin:0;padding:0;width:60px}
.addthis_toolbox .custom_images a:hover img{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}
.addthis_toolbox .custom_images a img{-moz-opacity:0.75;filter:alpha(opacity=75);opacity:0.75}

/* These are the modifiers for the jQuery dropdown in distributors*/
.msg_body{background-color:#282828;-moz-border-radius:5px;padding:10px 10px 10px 15px}
.msg_head{position:relative;margin:1px;padding:20px}
.msg_list{width:100%;margin:0;padding:0}
.msg_head a{cursor:pointer}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:400px;
width:650px;
background: #000;
border:1px solid rgb(218,45,37);
z-index:2;
padding:12px;
-moz-border-radius: 5px;
}

.button {font-size: 10px; padding: 5px 20px; background-color: rgb(45,45,45); color: rgb(90,90,90);position: fixed; right: 25px; bottom:25px; text-align: center;
-moz-border-radius: 5px;
border:1px solid rgb(90, 90, 90);}



/* Twitter top */
.twitter_update_list{
margin: 0 0 5px 5px;
padding: 4px 0 4px 0;
width: 970px;
color: rgb(140,140,140);
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
list-style-type:none;
text-align:center;
text-indent:20px;
text-decoration:none;
text-transform:uppercase;
-moz-border-radius: 5px;
background: url(images/background_30percent_red.png) repeat scroll 0 0;


}