@charset "utf-8";
/* CSS Document */


html, body {
	height: 100%;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #4200a6;
	scrollbar-darkshadow-color: #4200a6;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #4200a6;
	scrollbar-track-color: #000000;
	background-image: url(../images/backgrounds/Sparks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
}
#container {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
}
* html #container {
	height: 100%;
}
#clearfooter {
	height: 29px;
}
#footer-text {
	color: #FFFFFF;
	text-align: left;
	height: 29px;
	margin: -29px auto 0 auto;
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 29px;
	font-weight: bold;
	padding-left: 10px;
	background-color: #ffffff;
}
#logo-bar {
	background-color: #4200a6;
	position: relative;
	z-index: 1;
	height: 105px;
	width: 100%;
	top: 10px;
}
#logo {
	position: absolute;
	z-index: 1;
	height: 45px;
	width: 373px;
	top: 24px;
	right: 29px;
}
#logo-tagline {
	position: absolute;
	z-index: 1;
	width: 373px;
	top: 77px;
	right: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	font-size: 12px;
}
#phonenumber {
	position: relative;
	left: 17px;
	top: 74px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	width: 230px;
}
#main-nav-bar {
	background-color:#000000;
	position: relative;
	z-index: 2;
	height: 29px;
	width: 100%;
	top: 10px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 29px;
}
#main-nav-bar a:link {text-decoration: none; color: #FFFFFF;}
#main-nav-bar a:visited {text-decoration: none; color: #FFFFFF;}
#main-nav-bar a:active {text-decoration: none; color: #FFFFFF;}
#main-nav-bar a:hover {text-decoration: none; color: #FFFFFF;}
#content-container {
	position: relative;
	width: 100%;
	min-width: 1000px;
	top: 100px;
}
#cat-menu {
	position: relative;
	z-index: 1;
	min-height: 545px;
	width: 215px;
	left: 0px;
	top: 0px;
	background-color: #4200a6;
	border-left-width: 17px;
	border-left-style: solid;
	border-left-color: #000000;
	margin-bottom: 50px;
}
#cat-menu a:link {text-decoration: none; color: #FFFFFF;}
#cat-menu a:visited {text-decoration: none; color: #FFFFFF;}
#cat-menu a:active {text-decoration: none; color: #FFFFFF;}
#cat-menu a:hover {text-decoration: none; color: #FFFFFF;}
#cat-menu h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: right;
	font-weight: normal;
	margin-right: 15px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.catparent {
	background-color: #000000;
	position: relative;
	height: 25px;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	z-index: 2;
	overflow:hidden;
	text-transform: capitalize;
}
.catsub1 {
	background-color: #666666;
	position: relative;
	height: 25px;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	z-index: 2;
	overflow:hidden;
	text-transform: capitalize;
}
.catsub2 {
	background-color: #EEEEEE;
	position: relative;
	height: 25px;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 25px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	z-index: 2;
	overflow:hidden;
	text-transform: capitalize;
}
.catsub2 a:link {text-decoration: none; color: #333333;}
.catsub2 a:visited {text-decoration: none; color: #333333;}
.catsub2 a:active {text-decoration: none; color: #333333;}
.catsub2 a:hover {text-decoration: none; color: #333333;}
#content-area {
	background-color: #FFFFFF;
	min-height: 515px;
	width: 697px;
	padding: 15px;
	position: relative;
	right: 0px;
	float: right;
	border-right-width: 17px;
	border-right-style: solid;
	border-right-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
}
#content-area h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4200a6;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#content-area h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4200a6;
	margin: 0px;
	padding: 0px;
}
#content-area p {
	margin-bottom: 10px;
}

#footer {
	position: relative;
	width: 100%;
	background-color: #000000;
	height: 29px;
	top: 100px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4200A6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 26px;
	color: #FFFFFF;

}
#footer a:link {text-decoration: none; color: #FFFFFF;}
#footer a:visited {text-decoration: none; color: #FFFFFF;}
#footer a:active {text-decoration: none; color: #FFFFFF;}
#footer a:hover {text-decoration: none; color: #FFFFFF;}
.blue-border {
	border: 1px solid #4200A6;
}
.contact-field {
	width: 250px;
	border: 1px solid #4200A6;
}
.contact-button {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #4200A6;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.news-item {
	padding: 10px;
	height: 95px;
}
.news-item a:link {text-decoration: none;}
.news-item a:visited {text-decoration: none;}
.news-item a:active {text-decoration: none;}
.news-item a:hover {text-decoration: none;}
.cat-product {
	float: left;
	height: 180px;
	width: 154px;
	padding: 10px;
	border: 1px solid #4200C4;
	margin: 25px;
	text-align: center;
	line-height: 14px;
}