@charset "UTF-8";

/* CSS Document - Site Name */

html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:url(../images/bg1.jpg) top left repeat-x;
	background-color:#ffffff;
}

* {
}

a img { border:0px solid #000; }

/*////////////////////////////////
//
//  START Layout Div's ( # )
//
////////////////////////////////*/

div#wrapper {
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../images/bg2.jpg) top center no-repeat;
}

div#container {
	position:relative;
	width:950px;
	margin:0 auto;
	padding:0px;
	text-align:center;
}

div#top {
	position:static;
	width:950px;
	height:229px;
	padding:0px;
	margin:0px;
	/*background-color:#990000;*/
}

div#content {
	position:static;
	width:930px;
	padding:10px;
	margin:0px;
	overflow:auto;
	/*background-color:#990000;*/
}

div#content_home {
	position:static;
	width:930px;
	padding:10px;
	margin:0px;
	background:url(../images/home_bg.jpg) top center no-repeat;
	overflow:auto;
}

div#mainnav {
	position:absolute;
	top:181px;
	left:359px;
	height:48px;
	width:600px;
	border:0px solid #f00;
}

div#left {
	float:left;
	width:300px;
	padding:0px;
	margin:0px;
	/*background-color:#990000;*/
}

div#right {
	float:right;
	width:610px;
	padding:5px;
	margin:0px;
	text-align:left;
	/*background-color:#99cccc;*/
}

div#full {
	float:left;
	width:910px;
	padding:0px 10px 0px 10px;
	margin:0px;
	text-align:left;
	border:0px solid #000;
}

div#footer {
	position:static;
	width:950px;
	height:25px;
	margin:0px;
	padding:10px 0px 10px 0px;
	background:url(../images/footer_bg.jpg) top left repeat-x;
	border:0px solid #000;
}

div#resources_top {
	width:265px;
	height:67px;
	position:static;
	margin-top:10px;
	background:url(../images/resources_top.png) top left no-repeat;
}

div#resources_top2 {
	width:265px;
	height:67px;
	position:static;
	margin-top:10px;
	background:url(../images/resources_top2.png) top left no-repeat;
}

div#resources_span {
	width:264px;
	position:static;
	overflow:auto;
	margin:0px;
	padding:0px 0px 0px 1px;
	text-align:center;
	border:0px solid #000;
	background:url(../images/resources_span.jpg) top left repeat-y;
}

div#resources_inner {
	position:relative;
	width:238px;
	text-align:left;
	padding:0px 8px 0px 8px;
	margin:0 auto;
	background:url(../images/resources_inner.jpg) top left no-repeat;
}

div#resources_bottom {
	width:265px;
	height:30px;
	position:static;
	background:url(../images/resources_bottom.png) top left no-repeat;
}

/*////////////////////////////////
//
//  END Layout Div's
//
////////////////////////////////*/

/*////////////////////////////////
//
//  START Navigations ( ul, li, a )
//
////////////////////////////////*/

/*---------- MAIN NAV ----------*/

div#mainnav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#mainnav ul li {
	float:left;
	margin:0px;
	padding:0px;
}

div#mainnav ul li a {
	display:block;
	height:48px;
}

div#mainnav span {
	display:none;
}

div#mainnav a.home { background:url(../images/nav/nav_home.jpg) top left no-repeat; width:66px; }
div#mainnav a.about { background:url(../images/nav/nav_about.jpg) top left no-repeat; width:68px; }
div#mainnav a.products { background:url(../images/nav/nav_products.jpg) top left no-repeat; width:83px; }
div#mainnav a.product_care { background:url(../images/nav/nav_care.jpg) top left no-repeat; width:110px; }
div#mainnav a.processes { background:url(../images/nav/nav_process.jpg) top left no-repeat; width:90px; }
div#mainnav a.resources { background:url(../images/nav/nav_resources.jpg) top left no-repeat; width:92px; }
div#mainnav a.contact { background:url(../images/nav/nav_contact.jpg) top left no-repeat; width:80px; }

div#mainnav a.home:hover { background:url(../images/nav/nav_home_f2.jpg) top left no-repeat; width:66px; }
div#mainnav a.about:hover { background:url(../images/nav/nav_about_f2.jpg) top left no-repeat; width:68px; }
div#mainnav a.products:hover { background:url(../images/nav/nav_products_f2.jpg) top left no-repeat; width:83px; }
div#mainnav a.product_care:hover { background:url(../images/nav/nav_care_f2.jpg) top left no-repeat; width:110px; }
div#mainnav a.processes:hover { background:url(../images/nav/nav_process_f2.jpg) top left no-repeat; width:90px; }
div#mainnav a.resources:hover { background:url(../images/nav/nav_resources_f2.jpg) top left no-repeat; width:92px; }
div#mainnav a.contact:hover { background:url(../images/nav/nav_contact_f2.jpg) top left no-repeat; width:80px; }

/*--------- FOOTER NAV ---------*/

div#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#footer ul li {
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
}

div#footer ul li a {
	font-family:arial;
	font-size:12px;
	color:#777777;
}

div#footer a:hover { color:#999999; }

/*---------- SIDE NAV ----------*/

div#resources_inner ul {
	padding:5px 0px 5px 0px;
	margin:0px;
	list-style-type:none;
}

div#resources_inner ul li {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #bbbbbb;
}

div#resources_inner ul li a {
	display:block;
	font-family:verdana;
	font-size:12px;
	color:#444444;
	text-decoration:none;
	padding:5px 0px 5px 4px;
}

div#resources_inner ul li a:hover {
	background-color:#B1C0E0;
	color:#ffffff;
}

/*////////////////////////////////
//
//  END Navigations
//
////////////////////////////////*/

/*////////////////////////////////
//
//  START Common Styles ( h1, p, a )
//
////////////////////////////////*/

h1 {
	font-family:georgia;
	font-size:28px;
	color:#555555;
	padding:12px 0px 12px 0px;
	margin:0px;
}

h2 {
	font-family:arial;
	font-size:18px;
	color:#555555;
	padding:15px 0px 3px 0px;
	margin:0px;
}

h3 {
	font-family:arial;
	font-size:14px;
	color:#777777;
	padding:12px 0px 12px 0px;
	margin:0px;
}

p {
}

td {
	font:normal 11pt georgia;
	color:#888888;
}

.dimensions {
	font-weight:bold;
}

a:link {
	color:#666666;
}

a:visited {
	color:#666666;
}

a:hover {
	color:#b3c1de;
}

div#content_home p, div#content p {
	font-family:verdana;
	font-size:12px;
	color:#555555;
	line-height:21px;
	margin:0px;
	padding:7px 0px 7px 0px;
}

div#footer p {
	margin:0px;
	padding:0px;
	font-family:verdana;
	font-size:12px;
	color:#999999;
}

div#right ul li, div#full ul li {
	font-family:verdana;
	font-size:12px;
	color:#555555;
	line-height:21px;
}

div#content_home a {
	color:#666666;
}

div#content_home a:hover {
	color:#b3c1de;
}

/*////////////////////////////////
//
//  END Common Styles
//
////////////////////////////////*/

/*////////////////////////////////
//
//  START Classes ( . )
//
////////////////////////////////*/

.left { float:left; }

.right { float:right; }

.logo {
	float:left;
	margin:7px 0px 0px 7px;
}

.tagline {
	position:absolute;
	top:105px;
	left:365px;
}

.products {
	font-family:verdana;
	font-size:12px;
	color:#666666;
}

.products img {
	border:1px solid #333333;
}

/*////////////////////////////////
//
//  END Classes
//
////////////////////////////////*/

/*////////////////////////////////
//
//  START Testing 
//
////////////////////////////////*/



/*////////////////////////////////
//
//  END Testing 
//
////////////////////////////////*/

/*********** COLOURS ************

 Main Blue - #B1C0E0
 Black - #000000
 White - #FFFFFF
 Gray - #999999
 
*********************************/