/* CSS Document */

*{
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

body{
	background-color:#000;
	margin:10px 0 10px 0;
}

.wrapper{
	margin:0 auto;
	width:900px;
	background-color:#000;
}

#header{
	background-color:#000;
	margin:0 auto;
	width:900px;
	min-height:220px;
	background-image:url(../imgs/header.png);
	background-position:left;
	background-repeat:no-repeat;
}

#hbg{
	float:left;
	width:400px;
}

#buttons{
	float:left;
	width:500px;
}

#header img{ border:0; }

#contactinfo1, #contactinfo2{
	text-align:right;
	margin:0 0 8px 0;
	padding:0 0 0 0;
}

#contactinfo3{
	padding:0;
	margin:0;
	text-align:right;
	background-image:url(../imgs/contactinfo31.png);
	background-position:right;
	background-repeat:no-repeat;
}

#contactinfo3:hover{
	background-image:url(../imgs/contactinfo31hover.png);
	background-position:right;
	background-repeat:no-repeat;
}

#contactinfo32{
	padding:0;
	margin:0;
	text-align:right;
	background-image:url(../imgs/contactinfo32.png);
	background-position:right;
	background-repeat:no-repeat;
}

#contactinfo32:hover{
	background-image:url(../imgs/contactinfo32hover.png);
	background-position:right;
	background-repeat:no-repeat;
}

#contactinfo1 img, #contactinfo2 img, #contactinfo3 img, #contactinfo32 img{
	border:0;
}

#navi-wrapper{
	margin:10px 0 0 0;
	background-color:#474747;
	border:1px solid #66C3E9;
}

#navi{
	margin:0 auto;
	width:900px;
	padding:5px 0 5px 0;
	text-align:center;
	color:#fff;
	font-size:14px;
}

#navi ul{
	padding:0;
	margin:0;
}

#navi ul li{
	float:left;
	list-style-type:none;
	margin:0 10px 0 10px;
}

#navi ul li img{ border:0; }

#navi ul #navi-twitter{
	background-image:url(../imgs/icon-twitter.png);
	height:61px;
	width:129px;
}

#navi ul #navi-twitter:hover{
	background-image:url(../imgs/icon-twitter2.png);
}

#navi ul #navi-catalog{
	background-image:url(../imgs/icon-catalog.png);
	height:61px;
	width:129px;
}

#navi ul #navi-catalog:hover{
	background-image:url(../imgs/icon-catalog2.png);
}

#navi ul #navi-products{
	background-image:url(../imgs/icon-products.png);
	height:61px;
	width:129px;
}

#navi ul #navi-products:hover{
	background-image:url(../imgs/icon-products2.png);
}

#navi ul #navi-info{
	background-image:url(../imgs/icon-info.png);
	height:61px;
	width:129px;
}

#navi ul #navi-info:hover{
	background-image:url(../imgs/icon-info2.png);
}

#navi ul #navi-contact{
	background-image:url(../imgs/icon-contact.png);
	height:61px;
	width:129px;
}

#navi ul #navi-contact:hover{
	background-image:url(../imgs/icon-contact2.png);
}

#navi ul #navi-msds{
	background-image:url(../imgs/icon-msds.png);
	height:61px;
	width:129px;
}

#navi ul #navi-msds:hover{
	background-image:url(../imgs/icon-msds2.png);
}

#content-wrapper{
	margin:20px 0 20px 0;
	background-color:#474747;
	border:1px solid #66C3E9;
	background-image:url(../imgs/contentbg.jpg);
	background-position:left;
	background-repeat:repeat-x;
}

#content{
	float:left;
	width:568px;
	/*border-right:1px solid #999;*/
	padding:20px 10px 20px 10px;
	color:#fff;
}

#content p{
	margin:0 0 10px 0;
	padding:10px;
	text-align:justify;
	color:#fff;
}

#content p a{
	text-transform:lowercase;
	text-decoration:none;
	color:#FFFF99;
}

#updates{
	float:left;
	width:280px;
	padding:40px 0 0 10px;
	color:#fff;
}

#updates img{
	border:0;
}

#virtual{
	background-image:url(../imgs/v1.png);
	background-position:center;
	background-repeat:no-repeat;
}

#virtual:hover{
	background-image:url(../imgs/v2.png);
	background-position:center;
	background-repeat:no-repeat;
}

#spec{
	background-image:url(../imgs/spec1.png);
	background-position:center;
	background-repeat:no-repeat;
}

#spec:hover{
	background-image:url(../imgs/spec2.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

#monthly{
	text-align:center;
}

#monthly img{
	border:5px solid #474747;
}

#monthly img:hover{
	border:5px solid #CCFF33;
}

#monthly img:hover{
}

#footer{
	background-color:#fff;
	padding:0 10px 0 10px;
	border:1px solid #66C3E9;
}

#footer2{
	background-color:#fff;
	margin:20px 0 0 0;
	padding:20px;
	border:1px solid #66C3E9;
	text-align:center;
	color:#000;
}

#footer2 p{
	color:#000;
	text-align:justify;
}

.tooltip div{
	display:block;
	visibility:hidden;
	margin:5px 0 5px 0;
	font-size:20px;
	text-decoration:blink;
}

.tooltip{
	color:#fff;
	text-decoration:none;
}

.tooltip:hover div{
	visibility:visible;
}

.biglink{
	font-size:20px;
	font-weight:bold;
	color:#FFFFCC;
}

.homepage-p{
	background-color:#7ACCEB;
	border:1px solid #fff;
	color:#000;
	font-size:17px;
}

.products-menu{
	margin:0 0 0 20px;
}

.products-menu li{
	float:left;
	width:225px;
	margin:10px;
	padding:10px;
	text-align:center;
	background-color:#fff;
	list-style-type:none;
}

.products-menu li a{
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
	color:#333;
	text-decoration:none;
}

.clear{ clear:both; }