@charset /* Reset defaults (no need to edit)*/ "utf-8";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,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-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}:focus{outline:0}ol,ul,li{list-style-type:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/**************************** Site Structure *****************************/
html {
font-size: 100%;
}
body {	
font-family: Arial, Helvetica, sans-serif;
font-size: .875em;
line-height: 1.6em;
border-top: 7px solid #EF3B24;
color: #666;
}
#container {
font-size: 1em;
width:1000px;
border-radius: 5px;
padding: 20px;
margin: auto;
position: relative;
clear: both
}
.header {
width: 1000px;
margin: auto;
height: 160px
}
#site_title {float: left; padding-top: 36px; padding-left:20px}
#site_title img {float: left}
.wrap-articles {margin-left: -30px;}
.post-box {width: 388px; background: #f0f0f0; float: left; border: 1px solid #CCC;
position: relative;
border-radius: 5px; 
-webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px #888888;
height: 200px; 
padding: 10px 22px; 
margin: 0 0 30px 30px
}
.tab_article {margin: 20px 0; clear:both}
.tab_article img {float: left; width: 50px; height: 50px; margin-right: 12px}
.tab_article p {overflow: hidden; padding: 0; font-size: .9em; line-height:normal; font-style: italic}
.tab_article h3 {height: 30px}
.sidebar_right {float: right; width:300px}
#footer { 
width: 960px;
margin: 0 auto 20px;
padding: 20px 20px 50px 20px; 
clear: both;
background: #333;
border-radius: 5px
}
/**************************** Typography *****************************/
.no_display {display: none;}
h1, h2, h3, h4 { font-family: 'Quicksand', sans-serif; } 
h1 {font-size: 34px;  padding: 20px 0; color: #000 }
h2, h3 {margin: 20px 0; color: #000; font-weight: normal; text-transform:normal}
h2 {font-size: 2em}
h3 {font-size: 2em}
h4 {font-size: 1.2em; font-weight: 700}
topic {font-size: 1.5em}
.heading_bg {background: url(../images/heading_bg.png) repeat-x 0 30px  }
.heading_bg h1, 
.heading_bg h2, 
.heading_bg h3, 
.heading_bg h4 {background: #FCFCFC; padding-right: 10px; display: inline-block}
#footer h3 {color: #888d92}
p {
padding: 10px 0;
font-size: 1em;
}
.excerpt {font-size: 1.4em; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 30px;}
small {font-family: Georgia, "Times New Roman", Times, serif; color: #999}
strong {font-weight: bold; font-size: 1.2em}
em {font-style: italic;}
a {color: #EF3B24; text-decoration: none}
#container ul li {list-style:circle}
#container ol li {list-style: none}
blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 10px 0}

/**************************************************************************************/
/*------------------------------------- Buttons -------------------------------------*/
/************************************************************************************/
.button {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #CCCCCC #CCCCCC #AAAAAA;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 1px #FFFFFF inset;
color: #555555;
font-weight: bold;
text-decoration: none;
padding: 5px 15px;
font-size: 12px;
display: inline-block;
text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}
.button:hover {  
-webkit-box-shadow: 0 0 6px #cccccc;
-moz-box-shadow: 0 0 6px #cccccc;
box-shadow: 0 0 6px #cccccc;
background-image: -moz-linear-gradient(top, #E0E0E0, #fafafa);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0E0E0), to(#fafafa));
background-image: -webkit-linear-gradient(top, #E0E0E0, #fafafa); 
background-image: -ms-linear-gradient(top, #E0E0E0, #fafafa);
background-image: -o-linear-gradient(top, #E0E0E0, #fafafa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#fafafa')
}
/* button small */
.button_small {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #CCCCCC #CCCCCC #AAAAAA;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 1px #FFFFFF inset;
color: #555555;
font-weight: bold;
text-decoration: none;
padding: 1px 5px;
font-size: 11px;
display: inline-block;
text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}
.button_small:hover {  
-webkit-box-shadow: 0 0 6px #cccccc;
-moz-box-shadow: 0 0 6px #cccccc;
box-shadow: 0 0 6px #cccccc; }

/**************************************************************************************/
/*--------------------------------------- Columns -----------------------------------*/
/************************************************************************************/
.left {
float:left;
}
.right {
float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
margin-right: 30px;
}
.one {
width:960px;
}
.one-half {
width:465px;
}
.two-third {
width:630px;
}
.one-third  {
width:280px;
}
.inner-content  {
width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
width:217px;
}
.one-fifth {
width:168px;
}
.one-sixth {
width:135px;
}
.last { 
margin-right: 0px!important;
}
/* boxes */
.box_highlight {background: #f8f8f8; padding: 15px; margin: 30px 0; border: 1px solid #CCC; border-radius: 5px; clear: both}
/*-----------------------------------------------*/
/*-------------    Product Viewer  -------------*/
/*---------------------------------------------*/
/* navigation */
#prod_wrapper {border-bottom: 1px solid #e3e3e3; height: 480px; margin-bottom: 10px; padding: 0}
#prod_nav {
height:156px;	
width:960px;
margin: auto
}
#prod_nav ul {	
width:960px;
margin:0 auto;	
}
#prod_nav li {	
float:left;
width:182px;
list-style-type:none;
text-align:center;
}
#prod_nav a {
color:#333333;
display:block;
padding:10px 0 45px;
position:relative;
word-spacing:-2px;
font-size:11px;		
height:122px;
text-decoration:none;
}	
#prod_nav a.current {
background: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
float: none;
margin:0;
border-bottom: 3px solid #000
}
#prod_nav img {
background-color:#fff;
border:1px solid #ccc;
border-radius: 5px;
margin:0 0 5px 10px;
padding:0px;		
display:block;
}
#prod_nav strong {
display:block;		
}
/* panes */
#panes {
width: 960px;
margin: auto;
height:300px;
margin-bottom:-20px;
padding-bottom:20px;
/* must be relative so the individual panes can be absolutely positioned */
position:relative;
}
#panes div {
display:none;		
position:absolute;
top: 0px;
left: 0px;
font-size:14px;
color:#444;	
width:945px;
padding-right: 15px
}
#panes img {
float:left;
margin-right:20px;		
}
#panes p.more {
color:#000;
font-weight:bold;
}
#panes h5 {
margin:0 0 10px 0;
font-size:22px;
font-weight:normal;
display: inline-block
}
.overlay {
display:none;
width:500px;
padding:20px;
background-color:#ddd;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
zoom: 1;
}