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

body {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#maincontainer {
	width: 960px;
	height: auto;
	margin: 0 auto 0 auto;
}

#header {
	width: 959px;
	height: 147px;
	background: url(../images/jpegs/logo.png) top right no-repeat;
	margin: 0;
	padding: 0;
}

#headingarea {
	width: 675px;
	height: 60px;
	margin: 40px 0 0 25px;
	float: left;
}

#headingarea h1 {
	font-size: 22px;
	color: #FFFFFF;
	margin: 0;
}

#headingarea h2 {
	font-size: 14px;
	color: #b30538;
	font-style: italic;
	margin: 0;
}

#topnav {
	width: 675px;
	height: 45px;
	float: left;
}	

#topnav p {
	color: #FFFFFF;
	margin: 30px 0 5px 35px;
	padding: 0;
	font-size: 14px;
}

#topnav a:link, #topnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#topnav a:hover {
	color: #b30538;
	text-decoration: none;
}

#toparea {
	width: 958px;
	height: 534px;
	background: url(../images/topareabg.png) top no-repeat;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#imagetop {
	width: 936px;
	height: 25px;
	margin: 10px 0 0 10px;
	background: url(../images/imagetopbg.jpg) top no-repeat;
}

#imagetop h1 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 5px 0 0 120px;
	padding: 0;
	float: left;
}

#imagetop h2 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 5px 0 0 30px;
	padding: 0;
	float: left;
}

#flasharea {
	width: 936px;
	height: 231px;
	margin: 0 0 0 10px;
	background: url(../images/flashimg.jpg) top no-repeat;
}

#nav {
	width: 936px;
	height: 67px;
	margin: 0 0 0 10px;
}

#nav a:link, #nav a:visited, #nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#aboutnav {
	width: 141px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 0 0 15px;
	float:left;
	background: url(../images/nav/about.png) top no-repeat;
}

#contactnav {
	width: 136px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 10px 0 10px;
	float: left;
	background: url(../images/nav/contact.png) top no-repeat;
}

#powdernav {
	width: 136px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 10px 0 10px;
	float: left;
	background: url(../images/nav/powder.png) top no-repeat;
}

#ceramicnav {
	width: 136px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 10px 0 10px;
	float: left;
	background: url(../images/nav/ceramic.png) top no-repeat;
}

#filmnav {
	width: 136px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 10px 0 10px;
	float: left;
	background: url(../images/nav/film.png) top no-repeat;
}

#blastnav {
	width: 130px;
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size:14px;
	margin: 0;
	padding: 15px 16px 0 10px;
	float: left;
	background: url(../images/nav/blast.png) top no-repeat;
}

#boxes {
	width: 958px;
	height: 211px;
}

#boxes a:link, #boxes a:visited, #boxes a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#topbox1 {
	width: 228px;
	height: 44px;
	float: left;
	margin: 7px 0 0 10px;
	background: url(../images/box1top.jpg) top no-repeat;
}

#powderbox {
	width: 228px;
	height: 139px;
	float: left;
	margin: 11px 0 0 0;
}

#topbox1 h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 15px;
	margin: 15px 0 0 0;
	text-align: center;
}

#topbox2 {
	width: 228px;
	height: 44px;
	float: left;
	margin: 7px 0 0 10px;
	background: url(../images/box2top.jpg) top no-repeat;
}

#ceramicbox {
	width: 228px;
	height: 139px;
	float: left;
	 margin: 3px 0 0 0;
}

#topbox2 h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 15px;
	margin: 5px 0 0 0;
	text-align: center;
}

#topbox3 {
	width: 228px;
	height: 44px;
	float: left;
	margin: 7px 0 0 10px;
	background: url(../images/box3top.jpg) top no-repeat;
}

#filmbox {
	width: 228px;
	height: 139px;
	float: left;
	 margin: 3px 0 0 0;
}

#topbox3 h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 15px;
	margin: 5px 0 0 0;
	text-align: center;
}

#topbox4 {
	width: 228px;
	height: 44px;
	float: left;
	margin: 7px 0 0 10px;
	background: url(../images/box4top.jpg) top no-repeat;
}

#blastbox {
	width: 228px;
	height: 139px;
	float: left;
	 margin: 11px 0 0 0;
}

#topbox4 h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 15px;
	margin: 15px 0 0 0;
	text-align: center;
}

#contentarea {
	width: 958px;
	height: auto;
	display: table-cell;
	float: left;
	background: url(../images/contentbg.jpg) top repeat-x;
	background-color: #C4C4C4;
	margin: 0;
}

#contentareatop {
	background: url(../images/topcontentbg.jpg) top no-repeat;
	width: 958px;
	height: 29px;
	float:left;
}

#contentarea h1 {
	color: #b30538;
	font-size: 20px;
	margin: 0 0 0 25px;
}

#contentarea h2 {
	color: #333333;
	font-size: 16px;
	font-style: italic;
	margin: 0 0 0 25px;
}

#contentarea h3 {
	color: #b30538;
	font-size: 16px;
	margin: 15px 0 0 25px;
}

#contentarea p {
	color: #000000;
	font-size: 12px;
	margin: 10px 25px 0 25px;
}

#contentareabottom {
	background: url(../images/bottomcontentbg.jpg) top no-repeat;
	float: left;
	height: 29px;
	width: 958px;
}	

#footer {
	width: 948px;
	height: auto;
	float: left;
	margin: 0;
	padding: 10px 10px 0 0;
}

#footer p {
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0 30px 0 30px;
	text-align: center;
	line-height: 2em;
}

#footer p a:link, #footer p a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#footer p a:hover {
	color: #b30538;
	text-decoration: none;
}

.design{
	color: #CCCCCC;
	font-size: 14px;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	text-decoration: none;
}

.design a:link, .design a:visited, .design a:hover {
	text-decoration: none;
}

.design a:link, .design a:visited {
	color: #CCCCCC;
}

#contentarea p a:link, #contentarea p a:visited {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
}

#contentarea p a:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}