*
{
    margin: 0;
    padding: 0;
}

body 
{
    font-family: Trebuchet MS, Tahoma, Verdana;
    font-size: medium;
    background-color: #333333;
	font-size: 13px;
}

.wrapper
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
	background: #EEEEEE url(../Images/bkgd_Page.jpg) repeat-x left 40px;
}

#topbar
{
	background: #7D7D7D url(../Images/bkgd_GrayBar.jpg) repeat-x left top;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	height: 40px;
	line-height: 18px;
}

#header
{
	margin: 10px 10px 0 10px;
	height: 90px;
	background: transparent url(../Images/img_Logo.jpg) no-repeat left top;
}
#headertext
{
	padding-top: 10px;
	height: 90px;
	background: transparent url(../Images/img_Header.jpg) no-repeat center top;
	text-align: right;
}
#headertext p
{
	margin-top: 5px;
	font-size: 12px;
}

#leftcolumn
{
	float: left;
	width: 180px;
}
#rightcolumn
{
	float: left;
	width: 620px;
}
.leftnavmenu
{
	margin-bottom: 15px;
	list-style: none;
}
.leftnavmenu li
{
	margin-bottom: 5px;
}

.tabmenu
{
	list-style: none;
	height: 30px;
	overflow: hidden;
}
.tabmenu li
{
	float: left;
	margin-right: 2px;
}
.tabmenu li a
{
	display: block;
	padding: 0 7px 0 7px;
	float: left;
	background: #7D7D7D url(../Images/bkgd_GrayBar.jpg) repeat-x left top;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}
.tabmenu li a:hover { color: #CCCCCC; }

#home #nav-home a,
#about #nav-about a,
#offers #nav-offers a,
#cert #nav-cert a,
#info #nav-info a,
#contact #nav-contact a
{ background: #FFFFFF url(../Images/bkgd_SelectedTab.jpg) repeat-x left top; color: #000099; }

#whitebox
{
	background-color: #FFFFFF; clear: both;
	border: solid 1px #FFFFFF;
}
#graybox
{
	background: #CCCCCC url(../Images/bkgd_GrayFade.jpg) repeat-x left top;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #CCCCCC;
}
#graybox ul
{
	list-style: none;
	text-align: center;
}
#graybox ul li
{
	margin: 5px;
}
.logobox
{
	width: 160px;
	height: 160px;
	text-align: center;
	float: left;
}
.logobox img
{
	margin: 40px 0 20px 0;
	vertical-align: middle;
}

.itemimg { float: left; width: 200px; padding: 15px; }
.itemul { float: left; width: 300px; }

.itemimgsm { float: left; width: 80px; }
.itemulsm { float: left; width: 420px; }

.clear { clear: both; width: 0px; height: 0px; overflow: hidden; }
.divide { border-top: dashed 1px #999999; margin: 10px 0 10px 0; height: 1px; overflow: hidden; }






h1 
{
	color: #000099;
	font-size: 22px;
	font-weight: normal;
	margin: 15px 0 15px 0;
}
h2
{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	border: solid 1px transparent;
}
h3
{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
h4
{
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

#whitebox p { padding: 5px 0 5px 0; text-indent: 10px; }
#whitebox ul, #whitebox ol { margin: 10px 0 10px 20px; }
#whitebox li { margin: 5px 0 5px 20px; font-size: 12px; }

.productbox
{
	width: 180px;
	height: 85px;
	float: left;
	padding: 5px;
	border: dashed 1px transparent;
	background-color: #ffffff;
}
.productbox:hover 
{ 
	border: solid 1px #CCCCCC;
	background-color: #F5F5F5;
}
.productimg
{
	width: 68px;
	height: 85px;
	float: left;
	margin-right: 5px;
}
.productdesc
{
	width: 107px;
	height: 85px;
	float: left;
}
a { color: #0000CC; }
a img { border: none; }

.homebox
{
	float: left;
	width: 285px;
	height: 200px;
	text-align: center;
	border: dashed 1px transparent;
	cursor: pointer;
	font-size: 18px;
	color: #666666;
	text-decoration:none;
}