@import "/stylesheets/reset.css";

body{
	font-family:"trebuchet ms","lucida grande",sans-serif;
	font-size:100.01%;
	background:#fff;
	}
body#home{
	background:#fff url(/images/pageBg.png) repeat-x 0 0;
	}
.wrap{
	width:800px;
	margin:0 auto;
	position:relative;
	}
#header{
	font-size:62.5%;
	height:116px;
	background:transparent url(/images/headerBg.png) repeat-x 0 0;
	z-index: -1;

	}
	h1{
		width:234px;
		height:89px;
		position:absolute;
		top:15px;
		left: -40px;
		}
		h1 a{
			width:234px;
			height:89px;
			display:block;
			background:transparent url(/images/logo.png) no-repeat 0 0;
			text-indent: -9999px;
			}
	ul#nav{
		width:499px;
		height:73px;
		float:right;
		margin-top:31px;
		background:transparent url(/images/navTabs2.png) no-repeat 0 0;
		z-index: -1;
		}
		ul#nav li{
			float:left;
			}
			ul#nav li a{
				display:block;
				height:87px;
				width:74px;
				text-indent: -9999px;
				}
			
			ul#nav li.news a{margin-left:14px;}
			ul#nav li.contact a,
			ul#nav li.login a{margin-left:13px;}

			
			ul#nav li.products a:hover{background:transparent url(/images/navTabs2.png) no-repeat 0 -85px;}
			ul#nav li.news a:hover{background:transparent url(/images/navTabs2.png) no-repeat -86px -85px;}
			ul#nav li.dealers a:hover{background:transparent url(/images/navTabs2.png) no-repeat -160px -85px;}
			ul#nav li.about a:hover{background:transparent url(/images/navTabs2.png) no-repeat -234px -85px;}
			ul#nav li.contact a:hover{background:transparent url(/images/navTabs2.png) no-repeat -322px -85px;}
			
/*
			

                        ul#nav li.about a:hover{background:transparent url(/images/navTabs2.png) no-repeat -300px -85px;}
                        ul#nav li.about a:hover{background:transparent url(/images/navTabs2.png) no-repeat -162px -85px;}
			ul#nav li.resources a:hover{background:transparent url(/images/navTabs2.png) no-repeat -236px -85px;}
			ul#nav li.contact a:hover{background:transparent url(/images/navTabs2.png) no-repeat -397px -85px;}
			ul#nav li.login a:hover{background:transparent url(/images/navTabs2.png) no-repeat -484px -85px;}
*/
			
			ul#nav li a:hover{
				background-position:bottom;
				}
		
#main{
	font-size:62.5%;
	z-index: 100;
	background:transparent url(/images/breadcrumbBg.png) repeat-x 0 0;
	}
body#home #main{
	background:transparent url(/images/pageBgNoBoundaries.png) no-repeat 50% 0;
	min-height:600px;
	}
	
	#breadcrumb{
		height:25px;
		line-height:25px;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:1px;
		}
		#breadcrumb ol{
			float:left;
			}
			#breadcrumb ol li{
				display:inline;
				}
		#breadcrumb p{
			float:right;
			}
			#breadcrumb p a{
				color:#9cf;
				text-decoration:none;
				}
			body#home #braedcrumb p a{
				color:#3f0;
				}
			#breadcrumb p a{
				text-decoration:underline;
				}

	#content{
		padding-top:20px;
		}
	
	body#home #content{
		float:right;
		width:340px;
		padding-top:350px;
		}
		#content h2{
			font-family:arial,sans-serif;
			font-size:240%;
			color:#226ac4;
			margin:0 0 20px;
			}
		#content p{
			font-size:120%;
			line-height:1.2em;
			margin:0 0 1em;
			font-family:arial,sans-serif;
			}
		#content p.first{
			font-size:160%;
			color:#076324;
			font-weight:bold;
			line-height:1.1em;
			}
	
		
		#pitch{
			position:relative;
			}
			#pitch h2,
			#pitch p{
				display:none;
				}
			#pitch a{
				position:absolute;
				right: -5px;
				top:-210px;
				display:block;
				width:115px;
				height:46px;
				text-indent: -9999px;
				font-size:9px;
				}
				
	ul#kit-list{}
		ul#kit-list li{
			float:left;
			width:800px;
			clear:both;
			margin:0 0 20px;
			}
			ul#kit-list li ul li{ margin:0; }
			
		ul#kit-list li.no-boundaries{
			background:transparent url(/images/kitListNoBoundaries.png) no-repeat 0 0;
			}
		ul#kit-list li.no-limitations{background:transparent url(/images/kitListNoLimitations.png) no-repeat 0 0;}
		ul#kit-list li.no-dependency{background:transparent url(/images/kitListNoDependency.png) no-repeat 0 0; }
		ul#kit-list li.no-restrictions{background:transparent url(/images/kitListNoRestrictions.png) no-repeat 0 0;}
	
			ul#kit-list li h3{
				height:53px;
				text-indent: -9999px;
				}
				
			ul#kit-list div.kit-description{
				float:left;
				width:378px;
				padding-top:16px;
				margin-left:10px;
				}
			* html ul#kit-list div.kit-description { margin-left: 5px } /* ie6 hack */
			
				ul#kit-list div.kit-description ul{
					font-size:120%;
					line-height:1.2em;
					width:378px;
					margin:0 0 1em;
					font-family:arial,sans-serif;
					}
					ul#kit-list div.kit-description ul li{
						padding-left:8px;
						background:transparent url(/images/bulletDot.png) no-repeat 0 0.4em;
						width:370px;
						}
			
			ul#kit-list ul.kit-action{
				float:right;
				width:256px;
				}
				ul#kit-list ul.kit-action li{
					width:256px;
					height:55px;
					background:#d9d9d9 url(/images/kitActionBg.png) repeat-x 0 0;
					line-height:1.2em;
					}
				ul#kit-list ul.kit-action li.info{
					height:35px;
					padding-top:20px;
					background:#d9d9d9 url(/images/kitActionPdf.png) repeat-x 0 0;
					}
				ul#kit-list ul.kit-action li.contact{
					height:48px;
					padding-top:7px;
					background:#d9d9d9 url(/images/kitActionPhone.png) repeat-x 0 0;
					}
				
					ul#kit-list ul.kit-action li span{
						display:block;
						padding-left:50px;
						}
					ul#kit-list ul.kit-action li strong{
						padding-left:50px;
						font-style:normal;
						text-transform:uppercase;
						color:#999;
						}
						ul#kit-list ul.kit-action li strong a{
							color:#06c;
							}
				
	ul#kits{
		clear:both;
		float:left;
		margin-bottom:35px;
		padding-top:12px;
		}
		ul#kits li{
			width:266px;
			float:left;
			position:relative;
			}
		ul#kits li.no-limitations{background:transparent url(/images/kitNoLimitations.png) no-repeat 0 0;}
		ul#kits li.no-dependency{background:transparent url(/images/kitNoDependency.png) no-repeat 0 0; width:268px;}
		ul#kits li.no-restrictions{background:transparent url(/images/kitNoRestrictions.png) no-repeat 0 0;}
		
		ul#kits li strong{
			float:left;
			display:block;
			text-indent: -9999px;
			}
		ul#kits li a.more{
				display:block;
				width:104px;
				height:36px;
				position:absolute;
				top:65px;
				left:8px;
				
				text-indent: -9999px;
				background:transparent url(mask.gif) 0 0;
			}
		ul#kits li p{
			padding:0 10px 1em;
			font-family:arial,sans-serif;
			font-size:110%;
			line-height:1.3em;
			}
		ul#kits li p.first{
			padding-top:125px;
			}
			
		ul#kits li div.badge{
			position:absolute;
			top: -65px;
			right:0;
			width:100px;
			height:100px;
		}

#contact{
	clear:both;
	background:#fffae5;
	border-top:solid #000 1px;
	padding:16px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	float:left;
	}
	#contact p{
		float:left;
		width:255px;
		margin-left:10px;
		}
		#contact p strong{
			display:block;
			font-size:180%;
			line-height:1.2em;
			}
	#contact a{
		color:#06c;
		text-decoration:none;
		}
	
#footer{
	font-size:62.5%;
	width:100%;
	color:#999;
	text-transform:uppercase;
	letter-spacing:1px;
	clear:both;
	padding:14px 0;
	background:#f6f6f6;
	border-top:solid #ccc 1px;
	float:left;
	}
	#footer p{
		line-height:1.5em;
		}
	#footer p.copy,
	#footer p.usa{
		line-height:4em;
		}
	#info p.usa{
		background:transparent url(/images/flag.png) no-repeat 0 50%;
		padding-left:24px;
		}
	#credits{
		float:left;
		width:515px;
		margin-left:10px;
		}
		#credits img{
			display:block;
			margin:0 0 10px;
			}
		
	#info{
		float:right;
		width:246px;
		margin-right:10px;
		}
		#info ul{
			line-height:22px;
			margin:0 0 10px;
			}
			#info ul li{
				display:inline;
				}
			#info ul li a{
				color:#036;
				text-decoration:none;
				padding-right:30px;
				}
			#info ul li a:hover{
				text-decoration:underline;
				}