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

.clearfix {
display:inline-block
}

html[xmlns] .clearfix {
display:block
}

* html .clearfix {
height:1%
}

* {
margin:0;
padding:0
}

hr {
border:none;
height:1px;
width:100%;
background:#ccc;
margin-top:7px;
margin-bottom:6px;
float:left
}

img {
border:0
}

body {
font:12px 'Helvetica Neue', 'Helvetica', 'Arial';
color:#4c4c4c;
background-image:url('../images/backgrounds/bg.png');
background-repeat:repeat-x;
background-position:top
}

em {
font-weight:700
}

p {
font-size:13px;
margin:12px 0
}

a:link,a:hover,a:active,a:visited {
color:#454851;
font-weight:700;
text-decoration:underline
}

#wrapper {
width:960px;
margin:0 auto
}

#header {
width:960px;
color:#333;
height:110px
}

#nav {
width:960px;
color:#333;
margin:0;
padding:0
}

#content {
width:960px;
min-height:600px;
color:#333;
background-color:#fff;
//padding-top:35px;
float:left;
background-image:url('../images/backgrounds/background-green-down.png');
background-repeat:repeat-x;
background-position:top;
margin:0 0 5px
}

#leftcolumn {
color:#333;
border:0 solid #ccc;
background-color:#fff;
height:auto;
width:578px;
float:left;
margin:0 5px 20px 0;
padding:10px
}

#rightcolumn {
color:#333;
background-color:#fff;
height:inherit;
width:300px;
float:left;
margin:0 0 20px;
padding:10px 0 10px 20px
}

#left-box {
float:left;
width:300px;
font-size:14px;
min-height:300px;
margin:20px 10px
}

#hotspot {
width:940px;
color:#333;
margin:0 0 10px;
padding:10px
}

#footer {
width:960px;
color:#333;
border-top:1px solid #ccc;
margin:0 0 50px;
padding:10px 0px 10px 0
}

#nav li {
display:block;
float:left;
list-style:none;
margin:0 2px 0 0;
padding:0
}

#nav li.first {
margin:0
}

#nav li a {
font-size:10px;
display:block;
width:190px;
height:38px;
font-weight:700;
line-height:44px;
text-indent:13px;
text-transform:uppercase;
background:url(../images/tab_clean.gif) no-repeat;
color:#333;
text-decoration:none;
padding:0
}

#nav li a:hover {
width:190px;
height:38px;
color:#0e85b0;
background:url(../images/tab_color.gif) no-repeat;
text-decoration:none
}

#submenu {
width:960px;
float:left;
background:#ffffff;
border-bottom:1px solid rgb(179,179,179);
margin-bottom:30px
}

#submenu li {
display:block;
float:left;
list-style:none;
background:#fff;
width:auto;
margin:10px 5px 10px 15px
}

#submenu li a {
font-size:13px;
display:block;
font-weight:700;
color:rgb(0,0,0);
text-decoration:underline;
padding:0
}

#submenu li a:hover {
color:#0e85b0;
text-decoration:underline
}

.imgborder {
margin:5px;
padding:5px
}

.logo {
margin:50px 0 10px
}

#footer-info {
float:left;
text-align:left;
width:480px
}

#footer-socialmedia {
float:left;
text-align:right;
width:480px
}

#footer-copyright {
float:left;
width:960px;
color:rgb(204,204,204);
text-align:center;
margin-bottom:10px
}

#footer-copyright a{
color:rgb(204,204,204);
}

#footer-copyright a:hover {
color:rgb(76,76,76);
}

#banner-box-grey,#banner-box-green {
width:280px;
height:180px;
float:left;
border:1px solid #b8b9ba;
padding:10px
}

#banner-box-grey {
background:#fff url('../images/backgrounds/grey-fade.png') repeat-x
}

#banner-box-green {
background:#fff url('../images/backgrounds/green-fade.png') repeat-x
}

.banner-box-1 {
margin:10px 0 10px 10px
}

.banner-box-2 {
margin:10px 16px
}

.banner-box-3 {
margin:10px 0
}

.banner-box-button {
background:url('../images/buttons/right-box-button.png') repeat-x;
width:280px;
height:30px;
font-size:16px;
padding:15px 0 10px
}

.banner-box-button a {
font-size:16px
}

#content,.imgborder {
border:1px solid #ccc
}

.headline-1,.headline-2,#footer-warning,#footer,.banner-box-button {
text-align:center
}

.headline-1,.headline-2,.headline-3 {
line-height:160%
}

.headline-1 {
font-size:30px;
color:#004080;
margin:30px 10px 10px
}

.headline-2 {
font-style:italic;
font-weight:200;
margin:0 10px 30px
}

.headline-3 {
text-align:left;
font-weight:lighter;
font-size:16px;
margin:0px 30px 30px 30px
}

#div480 { 
margin:20px 20px 40px 20px; 
width:439px;
float:left; 
border:0px solid #ccc; 
font-size:16px;
}

#div480 ol { 

margin:20px;
	
}

#div480 p { 

color:red;

}

#div480 h1, #div480 li,  #div480 p {

margin:10px;

}

.back2top {

float:right;
 	
}

#div930 {
width:900px; 
margin:30px
}

#div480 img, #div618 ul,#div930 ol , #div320 ul{
margin:20px;
}

#div618 li, #div930 li, #div320 li{
margin-bottom:15px;
}
 
 
#div930 h3 {

margin-top:100px;
 	
}

#div930 p {
font-size:16px;
line-height:160%
}

#div618, #div930 p, #div930 a,  #div930 img{
margin:10px 0 10px 0;
}

#div480 img, #div618 img,#div930 img{
border:1px solid #ccc;
padding:5px;
}


#div480 h1, #div480 h3, #div618 h3 ,#div930 h3, #div320 h3, #div320 h2{
padding-bottom:10px;
border-bottom:1px dotted #ccc
}

#div618 {
margin:20px; 
width:578px; 
float:left; 
}

#div320 {
margin:20px; 
width:300px; 
float:left;
}


a.tooltip span {
display:none;
margin-left:8px;
width:130px;
padding:2px 3px
}

a.tooltip:hover span {
display:inline;
position:absolute;
background:#fff;
border:1px solid #ccc;
color:#6c6c6c
}

.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#banner-box-grey,.corners {
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px
}

#nav ul,#submenu ul {
list-style:none;
_height:1%;
display:inline-block
}

#search-box, #yellowbox { 
border:1px solid #EDDA74; 
background-color:#FFF8C6; 
padding:10px; 
margin-bottom:10px;
float:left
}

#search-box {
 width:556px;
 margin-top:10px;
}	

#greenbox{ 
border:1px solid #A0C544; 
background-color:#CCFB5D;
text-align:center;
}

#yellowbox, #greenbox { 
padding:10px; 
width:880px; 
float:left
}

.textform  { 
border:1px solid #ccc; 
margin: 10px 10px 10px 0px; 
padding:5px; 
font-size:15px; 
}

#products-list ul, #products-list-small ul{
margin:0px;
padding:0px;
list-style:none;	
}

#products-list-small li{
list-style:none;
width:120px;
height:150px;	
float:left;
margin:10px 30px 0px 0px;
text-align:center;
}

#products-list li{
list-style:none;
width:120px;
height:200px;	
float:left;
margin:15px;
text-align:center;
}

#products-list img{
border:0px;	

}

#products-list p{
 
}

#info-box {
border:1px dotted #ccc; 
margin-bottom:10px; 
padding:5px; 
line-height:160%	
}

#search-results ul { background-color:#f4fcde; border-left:1px solid #dfeeb7; border-right:1px solid #dfeeb7; border-bottom:1px solid #dfeeb7; }
#search-results ul, #results li{padding:5px 0 5px 0; margin:10px 0 10px; 
border:0; list-style:none;}
#search-results li {border-bottom:solid 1px #DEDEDE;}
#search-results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:normal;}
#search-results li a small{display:block; text-decoration:none; color:#3e4b01; font-weight:normal;}
#search-results li a:hover{background:#dfeeb7; text-decoration:underline;}
#search-results ul {padding:6px;}

 

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 0px; border: 1px solid #ddd;  margin:10px;}
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; margin:10px;}
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; margin:10px;}
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; margin:10px; }
.highlight    {padding: .8em; border:1px solid #EDDA74; background-color:#FFF8C6; margin:10px; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Twitter */

.twitter {}

.twitter li { padding: 5px 10px 7px; margin: 0 0 5px; /*background: #1c1c1c;*/ background: rgba(0, 0, 0, 0.2);
-moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.twitter li span.date { display: block; float: left; width: 85px; margin-right: 10px; }
.twitter li span.date a { color: #777; text-decoration: none; border: none; }
.twitter li p { float: left; display: block; width: 260px; }
.twitter li em.from { display: none; }

/* Delicious */

.delicious-posts { margin-bottom:10px; border: 2px solid #ddd; padding: 0.5em;   font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em;   }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }





/* Header */
div.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index:999;
height:25px;
background:#333333;
font-size:11px;
font-weight:700;
line-height:1.7em;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
border-bottom:2px solid #ccc;
margin:0 0 20px;
padding:10px 0px  0px 0px;
}

div.header div.container {
text-align:center;
	
color:#ffffff;
margin:0 auto;
padding:0px;
}

div.container {
position: relative;
width:960px; 
clear:both;
text-align:left;
}

div.container a {
color:#ffffff;
padding:10px;
}