* {
	margin: 0;
	padding: 0;
}

body {
	font: 0.82em/1.4em Arial, Helvetica, sans-serif;
	background: #fff url(images/bg.gif) repeat-x;
	text-align: center; 
	color: #3c3c3c;
}

img {
	border: none; /* Turn off all decoration on link images */
}

h3 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 4px 0;
}

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

a:hover {
	text-decoration: underline;
}

/* Layout ================================================================================ */
.wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

/* Header =========================== */
.header {
	height: 130px;
	background: url(images/header.jpg) no-repeat;
	margin: 0;
}

.header img { 
	float: left;
	margin: 22px 0 0 10px;
	text-decoration: none; 
}

.header p {
	float: right; 
	width: 300px;
	margin: 30px 10px 0 0;
	padding: 0;
	font-size: 0.9em;
	text-align: right;
}


/* Main Navigation ================== */
ul#nav {
	list-style-type: none;
	float: right;
	margin: -20px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}

ul#nav li {
	float: left;
}

ul#nav li a:link, 
ul#nav li a:visited {
	text-decoration: none;
	float: left;
	color: #fff;
	display: block;
	width: 122px;
	height: 27px;
	padding: 7px 0 0 0;
	margin: 0;
	background: #929395;
	text-align: center;
}

ul#nav li a:hover, 
ul#nav #current {
	background: #b0b1b1;
}

ul#nav #current a {
	color: #fff;
}
/* End of Main Navigation ========== */



/* Home Page Main Panel =========================== */
.main-panel-home {
	width: 1000px;
	margin: 0;
}

.main-panel-home-image {
	width: 650px;
	height: 190px;
	background: url(images/home-image-1.jpg) no-repeat;
	margin: 0 0 20px 0;
	float: left
}

.main-panel-home-intro {
	width: 630px;
	margin: 0;
}

.main-panel-home-products {
	background: url(images/home-products.jpg) no-repeat;
	width: 330px;
	margin: 26px 0 0 0;	
	height: 344px;
	float: right;
}

.main-panel-home h1,
.main-panel-home h2 {
	color: #dadadc;
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 20px 0 -8px 0;
}

/* Main Container ================== */
.main-container {
	float: right;
	margin: 10px 0 0 0;
	width: 640px;
}

.main-content-2-col-left {
	float: left;
	margin: 0;
	width: 300px;
}

.main-content-2-col-right {
	float: right;
	margin: 0 10px 0 0;
	width: 300px;
}

.divider-line {
	border-bottom: #bcbcbc 1px solid;
	float: left;
	width: 630px;
	margin: 15px 0;
}

/* Secondary Container ================== */
.secondary-container {
	float: left;
	margin: 10px 0 0 0;
	width: 300px;
	color: #000000;
	border: #999999 1px solid;
	padding: 10px;
	background: #dddddd;
}


/* Footer ========================== */
.footer {
	width: 980px;
	margin: 10px 0 60px 10px;
	padding: 10px 0 0 0;
	border-top: #bcbcbc 1px solid;
	font-size: 0.85em;
}

.address-divider {
	background: url(images/footer-address-divider.gif) left no-repeat;
	margin: 0 2px;
	width: 27px;
	padding: 0 0 0 20px;
	margin: 0 0 0 7px;
}

.footer .contact-details {
	float: left;
	width: 600px;
}
.root-creative {
	float: right;
	text-align: right;
	width: 250px;
	color: #bcbcbc;
	font-size: 0.85em;
}

.root-creative a:link,
.root-creative a:visited {
	color: #bcbcbc;
	text-decoration: none;
}

.root-creative a:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

.root-creative-logo {
	background: url(images/root-creative-logo.gif) top no-repeat;
	margin: 0 2px;
	width: 29px;
	padding: 0 0 0 29px;
	margin: 0 0 0 5px;
}

/* approved-reseller ================== */
.approved-reseller {
	background: url(images/approved-reseller-logos.gif) center no-repeat;
	margin: 25px 0 20px 0;
	height: 54px;
}


.tec-red {
	color: #d0041d;
}

/* this class should be placed on a div or break 
element and should be the final element before the 
close of a container that should fully contain a float 
---------------------------------------------------------*/
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}