/* 
-----------------------------------------------
  AllenTek.com
  Section Styles
----------------------------------------------- */
	
/* 
-----------------------------------------------
Section Menu, General Instructions
----------------------------------------------- */
#menu {
	position: relative;
	top: 0px; left: 0px;
	display: block;
	width: 216px; height: 246px;
	margin: 0; padding:0; border:0;
	margin-bottom: 20px;
	}
#menu li, #menu a {
	margin: 0; padding: 0;
	list-style: none;
	width: 216px; height: 27px;
	position: absolute;
	display: block;
	}
#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
/* button sizes */
#menu1	{left: 0px; top: 14px; width: 216px; height: 27px;}
#menu2	{left: 0px; top: 41px; width: 216px; height: 27px;}
#menu3	{left: 0px; top: 68px; width: 216px; height: 27px;}
#menu4	{left: 0px; top: 95px; width: 216px; height: 27px;}
#menu5	{left: 0px; top: 122px; width: 216px; height: 27px;}
#menu6	{left: 0px; top: 149px; width: 216px; height: 27px;}
#menu7	{left: 0px; top: 176px; width: 216px; height: 27px;}
#menu8	{left: 0px; top: 203px; width: 216px; height: 27px;}
/* rollover */
#menu1 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -14px}
#menu2 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -41px}
#menu3 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -68px}
#menu4 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -95px}
#menu5 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -122px}
#menu6 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -149px}
#menu7 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -176px}
#menu8 a:hover	{background: url(../images/menu-blank.gif) no-repeat -216px -203px}
/* "you are here" effect */
body.menu1Here #menu1 a	{background: url(../images/menu-blank.gif) no-repeat -432px -14px; height: 28px;}
body.menu2Here #menu2 a	{background: url(../images/menu-blank.gif) no-repeat -432px -41px; height: 28px;}
body.menu3Here #menu3 a	{background: url(../images/menu-blank.gif) no-repeat -432px -68px; height: 28px;}
body.menu4Here #menu4 a	{background: url(../images/menu-blank.gif) no-repeat -432px -95px; height: 28px;}
body.menu5Here #menu5 a	{background: url(../images/menu-blank.gif) no-repeat -432px -122px; height: 28px;}
body.menu6Here #menu6 a	{background: url(../images/menu-blank.gif) no-repeat -432px -149px; height: 28px;}
body.menu7Here #menu7 a	{background: url(../images/menu-blank.gif) no-repeat -432px -176px; height: 28px;}
body.menu8Here #menu8 a	{background: url(../images/menu-blank.gif) no-repeat -432px -203px; height: 28px;}
/* "you are here" effect: hover */
body.menu1Here #menu1 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -14px; height: 28px;}
body.menu2Here #menu2 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -41px; height: 28px;}
body.menu3Here #menu3 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -68px; height: 28px;}
body.menu4Here #menu4 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -95px; height: 28px;}
body.menu5Here #menu5 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -122px; height: 28px;}
body.menu6Here #menu6 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -149px; height: 28px;}
body.menu7Here #menu7 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -176px; height: 28px;}
body.menu8Here #menu8 a:hover	{background: url(../images/menu-blank.gif) no-repeat -432px -203px; height: 28px;}

/* 
-----------------------------------------------
Section Menu, individual section specifics
----------------------------------------------- */

/* Solutions Section Menu  
#menu {
	width: 216px;
	height: 246px;
	}
#menu, #menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, body.menu1Here #menu1 a, body.menu2Here #menu2 a, body.menu3Here #menu3 a, body.menu4Here #menu4 a,	body.menu5Here #menu5 a, body.menu6Here #menu6 a,  body.menu1Here #menu1 a:hover, body.menu2Here #menu2 a:hover, body.menu3Here #menu3 a:hover, body.menu4Here #menu4 a:hover, body.menu5Here #menu5 a:hover, body.menu6Here #menu6 a:hover {background-image: url(../images/menu-solutions.gif)}	
*/

/* 
-----------------------------------------------
  FEATURE BUTTONS
----------------------------------------------- */
.box {
	position: relative;
	top:0; left:0;
	margin-bottom: 15px;
	}

.featurebutton-container {
	display: block; position: absolute;
	margin: 0; padding:0; border:0;
	width:91px; height:23px;
	top: 82px; left:20px;
	background: url(../images/button-learn-blue.gif) no-repeat -91px 0;
	}	
.featurebutton {
	float:left;
	width:91px;
	height:23px;
	border:0px solid;
	font:normal 9px Verdana;
	text-align:center;
	background: url(../images/button-learn-blue.gif) no-repeat 0 0;
	text-indent: -9999px; 
	}
a.featurebutton:link, a.featurebutton:visited, a.featurebutton:active {
	text-decoration:none;
	text-indent: -9999px; 
	background: url(../images/button-learn-blue.gif) no-repeat 0 0;
	}
a.featurebutton:hover {
	text-indent: -9999px; 
	background-image: none;
	}