/* CSS Document */





/* General*/



/* Remove padding and margin */

* {

  margin: 0;

	padding: 0;

}



/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {

  margin: 1em 0;

  font-family: Verdana, Arial, Helvetica, sans serif;



}



/* Class for clearing floats */

.clear {

	clear:both;

}





/* Remove border around linked images */

img {

	border: 0px none;

}



/* take bullets off links */

ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



/* Class for clearing floats */

.clear {

	clear:both;

}



/* Menu */

.headGraphic {

width: 100%;

background:#000000;

text-align:center;

line-height:0px;

height: 115px;   /*added by jpp 12/11/06*/

}

.menuWrap{

position:absolute;width: 100%; background:#000; display:inline; border-top:2px; z-index:30;

}



.menu {

margin: 0 auto;

font-family: Verdana, sans-serif;

width:790px; 

position:relative; 

font-size:12px;

font-weight: bold;

border-collapse:collapse;

}

.menu ul {

padding:0; 

margin:0;

list-style-type: none;

}

.menu ul li {

float:left;

position:relative;

}

.menu ul li a, .menu ul li a:visited {

border-left:1px solid #666666; border-right:1px solid #666666; border-top:0px solid #666666; border-bottom:0px solid #666666; display:block; 

text-decoration:none; 

color:#FFF; 

width:100px; 

height:3em; 

color:#FFF; 

background:#000; 

padding-left:10px; 

line-height:3em

}

* html .menu ul li a, .menu ul li a:visited {

width:110px;

w\idth:100px;

}

.menu ul li ul {

display: none;

}

table {

position:absolute;

top:-10px;

left:0;

font-size:11px;

}

.menu ul :hover {

color:#000; 

background:#F90;

}

.menu ul :hover > a{

color:#000; 

background:#F90;

}

.menu ul :hover ul {

display:block; 

position:absolute; 

top:3em;

margin-top:1px;

left:0; 

width:145px;

}



.menu ul :hover ul li ul {

visibility:hidden; 

position:absolute; 

height:0; 

width:0;

}

.menu ul :hover ul li a {

display:block; 

background:#C9D3FC;

color:#000; 

height:auto; 

line-height:1.2em; 

padding:5px 10px; 

width:129px;

border-bottom:1px solid #fff; 

}

* html .menu :hover ul li a {

width:200px;

w\idth:159px;

}

.menu ul :hover ul :hover {

background:#FFF; 

color:#000;

}

.menu ul :hover ul :hover ul {

visibility:visible; 

position:absolute; 

left:150px; 

top:0;

width:150px;

}



/* =Main Content Section

-----------------------------------------------------------------------------*/

#wrapper {

  position: relative;

  padding-top: 25px; 

  width: 980px;

  text-align: left;

  margin: 0 auto;

}



#mainContentHome {

	float:left;

	width:280px;

	margin-top:-15px;

	margin-left:15px;

}



#mainContentHome ul li{

	background:url('../images/mac_bullet.gif') no-repeat left;

	text-indent: 20px;

	color:#000000;

	font-family: Verdana, Arial, Helvetica, sans serif;

	font-size:12px;

	line-height: 22px



}



#mainContentHome a, #mainContentHome ul li a{

	text-decoration:none;

	color:#000000;

}

	

/* =Toolbox

-----------------------------------------------------------------------------*/

.toolBox {

	position:absolute;

	width: 750px;
	
	top:412px;
	left:10px;

	padding-bottom: 10px;

}



.techSupport a, .whereBuy a, .search a, .builder a, .products a {

	width: 124px;

	height:124px;

	display: block;

	float: left;

	margin-right: 25px;

	text-indent: -9000px;

	background:no-repeat top left;

}



.techSupport a {background:url('../images/tech_sup.gif'); }

.whereBuy a {background:url('../images/where_tb.gif'); }

.search a {background:url('../images/search.gif'); }

.builder a {background:url('../images/product_build.gif'); }

.products a {background:url('../images/products.gif'); }



.techSupport a:hover {background:url('../images/tech_sup_ov.gif'); }

.whereBuy a:hover {background:url('../images/where_tb_ov.gif'); }

.search a:hover {background:url('../images/search_ov.gif'); }

.builder a:hover {background:url('../images/product_build_ov.gif'); }

.products a:hover {background:url('../images/products_ov.gif'); }




.techSupport {background:url('../images/tech_sup_ov.gif'); }

.whereBuy {background:url('../images/where_tb_ov.gif'); }

.search {background:url('../images/search_ov.gif'); }

.builder {background:url('../images/product_build_ov.gif'); }

.products {background:url('../images/products_ov.gif'); }





/* =Typography

-----------------------------------------------------------------------------*/



h1 {

font-size:18px;

color:#FF6600;

font-weight:strong;

}



p {

font-size:12px;

line-height:16px;

}

/* =Homepage Group Image and News Section

-----------------------------------------------------------------------------*/

.newsWrapper {

	float: right;

	width: 625px;

	padding-top: 20px;

}



.news {

	position:absolute;

	top: 160px;

	left: 645px;

	width: 345px;

	padding-left: 20px;

	border-left:thin #000000 solid;

}



.indent {text-indent: 3em;}

.news li {

background-image: url('../images/mac_bullet.gif');

background-repeat: no-repeat;

background-position: 0 .4em;

padding-left: 1.5em;

color:#000000;

font-family: Verdana, Arial, Helvetica, sans serif;

font-size:11px;

line-height: 16px

}



/* =Footer

-----------------------------------------------------------------------------*/



#footer {

	position:absolute;

	top: 600px;

	width: 100%;

	

	clear:both;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans serif;

}

#homesidebar{
	width:232px;
	position:absolute;
	top:13px;
	left:760px;
	
	font-size:9px;
}
#homesidebar #content{
	width:206px;
	padding:0 13px 15px 13px;
	background:url(sidebarbg.gif) no-repeat;
}

#homesidebar #content p{ font-size:9px; line-height:12px;}

#homesidebar #content h4{ font-size:10px; padding-top:14px; margin-bottom:0em; text-align:left;}
#homesidebar #content ul li{margin-bottom:3px; list-style-image:url(arrbull.gif); margin-left:14px;}
#homesidebar #content ul li strong.blue{color:#1a8ed3;}
#homesidebar #content ul li.listtitle{color:#FF9900; font-weight:bold; margin-bottom:7px; list-style-image:none;}
#homesidebar #content ul{padding-top:0; padding-bottom:15px;}



#productsroll{
	width:730px;
	position:absolute;
	
	top:21px;
	left:10px;
}
#productsroll div{float:left; width:181px; height:183px;}

#productsroll div a {display:block; width:181px; height:183px; text-indent:-999em;} 

#productsroll div#n1 a{background:url(productsroll.gif) 0 0 no-repeat;}
#productsroll div#n2 a{background:url(productsroll.gif) -183px 0 no-repeat;}
#productsroll div#n3 a{background:url(productsroll.gif) -366px 0 no-repeat;}
#productsroll div#n4 a{background:url(productsroll.gif) -549px 0 no-repeat;}
#productsroll div#n5 a{background:url(productsroll.gif) 0 -181px no-repeat;}
#productsroll div#n6 a{background:url(productsroll.gif) -183px -181px no-repeat;}
#productsroll div#n7 a{background:url(productsroll.gif) -366px -181px no-repeat;}
#productsroll div#n8 a{background:url(productsroll.gif) -549px -181px no-repeat;}

#productsroll div#n1 a:hover{background:url(productsroll.gif) 0 -365px no-repeat;}
#productsroll div#n2 a:hover{background:url(productsroll.gif) -183px -365px no-repeat;}
#productsroll div#n3 a:hover{background:url(productsroll.gif) -366px -365px no-repeat;}
#productsroll div#n4 a:hover{background:url(productsroll.gif) -549px -365px no-repeat;}
#productsroll div#n5 a:hover{background:url(productsroll.gif) 0 -546px no-repeat;}
#productsroll div#n6 a:hover{background:url(productsroll.gif) -183px -546px no-repeat;}
#productsroll div#n7 a:hover{background:url(productsroll.gif) -366px -546px no-repeat;}
#productsroll div#n8 a:hover{background:url(productsroll.gif) -549px -546px no-repeat;}


body{background:url(newbg.gif) no-repeat 50% 0;}

#newsmonitor{width:206px; height:36px; background:url(newsmon.gif) no-repeat;}