@charset "UTF-8";
/* This CSS file is designed to contain divs and layout blocks, with the
exception of the body tag as this file wil sit at the top of the link-stack. */
body {
	font-family: Calibri, Arial;
	background: #141421 url(images/lightBlur.jpg) no-repeat 50% 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
#container {
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 15px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	postion: relative;margin: 0;padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#topNavigation {position:relative;margin:10px 0 0 14px;padding:0;width:100%;height:30px;}
/* Home page elements */
#header {margin:0;padding:0;height:103px;width:100%;}
#logo {margin:12px 0 0 12px;padding:0;width:305px;height:90px;float:left;}
#logo img {border:none;}
#search {margin:40px 25px 0 0;padding:0;height:30px;float:right;}
#introBlock {margin:0;padding:0;width:956px;background:none;}
#introBlock ul {font-size: 12px}
#leaderBlock {position:relative;margin:0;padding:0;width:100%;height:240px;}
#slideshow div img {float:right;margin-bottom:10px;}
#announce {width:455px;height:175px;background:url(images/newsBack.gif) no-repeat;text-align:center;}
#announce span.commButton {margin:15px;width:180px;float:left;}
#slideshow img {float:left;margin-bottom:10px;}
#box1 {margin:0;padding:0;background:#333;border:solid #CCC 1px;width:225px;height:239px;float:left;text-align:center;}
#box {margin:0 0 0 30px;padding:0;background:#333;border:solid #CCC 1px;width:225px;height:239px;float:right;text-align:center;}
#footer {position:relative;margin:0 0 0 184px;padding:0;width:100%;text-align:left;}

.products {width: 95%; float: left}
.products .matrixpod,.products .matrixpod2, .products .remotepod, .products .cablepod {float: left; margin-top:20px}
		.products h2 {padding: 0; margin: 10px 0 0 0}
		.products p {padding: 0; margin: 0}
			.products .available_in {color: #999999}
			.products .price {font-weight: bolder; font-size: 1.3em; margin: 10px 0}
		.products .matrixpod {width: 310px; margin-left: 50px}
		.products .matrixpod2 {width: 300px}
		.products .remotepod {width: 190px;}
		.products .cablepod {margin: 0 0 0 0}
		.products .primary-matrix {margin: 0 0 30px 0}




#clear {position:relative;margin:0;width:100%;clear:both;}
/* Home page element END */