@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(images/bkggrad.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
}

.wrapper{
	width:982px;
	height:400px;
	margin:auto;
	position:relative;
}


#logo{
	background-image:url(images/alteklogo.png);
	width:340px;
	height:89px;
	margin-bottom:20px;
	float:left;
	margin-top: 15px;
}

#tp{
	background-image:url(images/techprodlogo.png);
	background-repeat:no-repeat;
	width:179px;
	height:89px;
	margin:0 15px; 
	margin-top: 13px;
	float:left;
}
#tp.contact-tp {
    	margin-bottom: 20px;
}
.ips {
float: left;
    position: relative;
    top: 27px;
    margin-left: 56px;
}

#altekelect{
	background-image:url(images/altekelectlogo.png);
	background-repeat:no-repeat;
	width:179px;
	height:44px;
	margin:20px 20px 10px 20px;
	float:left;
}

.header{
	background-color: #2a334c;
	height:152px;
	width:982px;
	position:relative;
	float:left;
}

#headergrad{
	background-image:url(images/headergrad.png);
	width:982px;
	height:50px;
	margin-top:40px;
	float:right;
}

#tag{
	width:auto;
	height:42px;
	float:left;
	margin:15px 0 0 600px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	color:#FFF;
}


/* TOP NAV */ 
.navcontainer{
	width:982px;
	height:30px;
	float:left;
	margin-top:32px;
}

.button{
	width:160px; 
	height:30px;
	background-image:url(images/bttn.png);
	background-position:center;
	float:left;
	margin: 0 0 0 3px ;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:35px;
	text-align:center;
}

.button:hover {
	background-image:url(images/bttnhvr.png);
}

/* CORNER NAV */
#corner { 
	width:150px;
	height:20px;
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;

}
#corner li {
	list-style:none;
	float:left;
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
	margin: 0 1px;
    padding: 0 10px;
	}

/* BOTTOM NAV */
#footer { 
	width:500px;
	height:20px;
	position:relative;
	float:left;
	margin-top:50px;
	padding-left:316px;
    text-align: center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	padding-bottom: 40px;
	}

#footer li {
	list-style:none;
	float:left;
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
	margin: 0 1px;
    padding: 0 10px;
	}
	
	
/* FONT */
p{
	margin-bottom:15px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 24px;
	color:#546381;
	width:auto;
	margin-bottom: 20px;
}
p1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	/*line-height:35px;*/
	}

p2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	}
p2.bold{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	font-weight:bold;
	line-height:20px;
	}
p2.indent{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	margin-left:15px;
	}


h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#546381;
	
}

h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	line-height:35px;
	margin-left:35px;
	}

a{text-decoration: none; color:#00F;}
a:hover{text-decoration:none; color:#00F;}
a:visited{color:#00F;}

	
/* CONTENT */

#content{
	width:982px;
	height:auto;
	float:left;
}

/* ABOUT */
.textbox{
	width:400px;
	height:340px;
	float:left;
	margin:20px 20px 0 20px;
}

.memberships{
	background-image:url(images/membershipbox.png);
	background-repeat:no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:25px;
	text-align:center;
	color:#fff;
	width:176px;
	height:316px;
	float:left;
	margin:20px 0 0 110px;
}

.memberships li{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	text-align:left;
	text-indent:10px;	
}

.index{
	background-image:url(images/indexcontainertall.png);
	background-repeat:no-repeat;
	width:210px;
	height:340px;
	float:left;
	margin:20px 10px 0 10px;
	padding:10px 5px 0 5px;
}

.index li{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	text-align:left;
	text-indent:10px;
	list-style:none;
}

/*  PRODUCTS  */
/*#testers{
	background-color:#546381;
	width:962px;
	height:20px;
	padding-left:20px;
	padding-top:5px;
	margin-top:20px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

.categories{
	width:920px;
	height:275px;
	margin:10px 0px;
	padding:0 10px;
	float:left;
}

.categories li{
	width:150px;
	height:200px;
	margin: 0 10px;
	list-style:none;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
}

#textbox2{
	width:400px;
	height:150px;
	float:left;
	margin: 20px 0 10px 0;
}

.line3{
	width:2px;
	height:150px;
	background-color:#2a334c;
	float:left;
	margin:20px 20px 0 5px;
}

.products {
	width:auto;
	height:auto;
	}

.products li {
	list-style:none;
	float:left;
    padding-left:30px;
	padding-top:10px;
	}
	
.wrapper1{
	width:982px;
	margin:auto;
	position:relative;
	
}	*/

	
/* SERVICES */
.info{
	background-image:url(images/services.png);
	background-repeat:no-repeat;
	width:297px;
	height:340px;
	float: left;
	margin: 20px 0 0 0px;
	padding:10px 10px 0 20px;;
}

.info li {
	list-style:disc;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	}

#topper {
	width:654px;
	height:50px;
	padding-right:327px;
	margin:10px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;	
}



/* CUSTOMER SERVICE */

.formselector{
	width: 210px;
	height:350px;
	float:left;
	padding: 10px 0 0 5px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
}

.formselector li{
	list-style:none;
	margin-top:10px;
}

.intro{
	width:440px;
	height:300px;
	float:left;
	margin:30px 0 0 50px;
}

.line1{
	width:2px;
	height:200px;
	background-color:#2a334c;
	float:left;
	margin:20px 20px 0 5px;
}

#formholder{
	width:600px;
	height:inherit;
	float:left;
	position:relative;
	margin-top:20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
}

/* CONTACT */

#holder{
	width:197px;
	height:300px;
	float:left;
}

.contact{
	width:250px;
	height:200px;
	margin:20px 15px 0px 15px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	text-align: center;
}

.line2{
	width:2px;
	height:300px;
	background-color:#2a334c;
	float:left;
	margin:20px 20px 0 5px;
}

.directions { 
	width:200px;
	height:20px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#546381;
}

.directions li {
	list-style:none;
	float:left;
	margin: 0 1px;
    padding: 0 10px;
	}
	
	
/*directions page*/	
#title{
	width:962px;
	height:20px;
	padding-left:20px;
	margin-top:20px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
	font-weight:bold;
}
.locations{
	width:410px;
	height:390px;
	margin:20px 10px 0 60px;
	position:relative;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#546381;
}

.locations li {
	list-style:none;
	}
	
	




.line{
	width:2px;
	height:400px;
	background-color:#2a334c;
	margin-top:10px;
	float:left;
}