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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout - Structure
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#wrapper  	 { width:855px; margin:0 auto; padding:0; position:relative; }
div#header		 { width:855px; float:left; display:inline;}
div#underNav	 { width:857px; height:29px; background:url(/imgs/underNav.png) no-repeat; float:left; display:inline;}
div#content	 	 { width:837px; background:url(/imgs/contentbg.png) repeat; border:1px solid #6f470e; margin:0; padding:10px; line-height:20px; color:#e5e0d8; float:left; display:inline;}
div#content	p 	 { padding:10px 20px 0 20px; line-height:20px; color:#e5e0d8;}
div#content h2	 { font-size:20px; line-height:20px; padding:10px 20px 0 20px; font-weight:bold; letter-spacing:-1px; color:#FF9503; }
.required		 { font-size:18px; line-height:18px; font-weight:bold; color:#FF9503; }
div#footer	 	 { width:855px; height:30px; background:url(/imgs/footerbg.png) repeat; margin:55px 0 0 0; line-height:30px; color:#e5e0d8; float:left; display:inline;}
#footer #left	 { padding:0 0 0 30px; float:left; display:inline;}
#footer #right	 { padding:0 30px 0 0; float:right; display:inline;}

.spacer			 { width:855px; height:55px; float:left; display:inline;}
.clearing    	 { clear: both; }

.facebook		 { width:91px; height:28px; position:absolute; top:20px; left:740px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global Navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav 		 									  { width: 857px; height: 44px; background: url(/imgs/navigation.png); position:relative; float:left;}
ul#nav li 	 									  { float: left; display:inline;}
ul#nav li a  									  { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 44px; background: url(/imgs/navigation.png) no-repeat; text-indent: -9999px; overflow: hidden; }

/*up state*/
ul#nav li#home a 	 							  { left: 0; width: 113px; background-position: 0 0;}
ul#nav li#security a  							  { left: 113px; width: 145px; background-position: -113px 0;}
ul#nav li#voice a 					  			  { left: 257px; width: 171px; background-position: -257px 0; }
ul#nav li#audio a 						 		  { left: 428px; width: 110px; background-position: -428px 0;}
ul#nav li#power a 						 		  { left: 537px; width: 176px; background-position: -537px 0;}
ul#nav li#contact a 						  	  { left: 712px; width: 146px; background-position: -712px 0;}

/*hover state*/
ul#nav li#home a:hover 							  { background-position: 0 -44px;}
ul#nav li#security a:hover 						  { background-position: -113px -44px;}
ul#nav li#voice a:hover 				  		  { background-position: -257px -44px;}
ul#nav li#audio a:hover 					 	  { background-position: -428px -44px;}
ul#nav li#power a:hover 					 	  { background-position: -537px -44px;}
ul#nav li#contact a:hover 					  	  { background-position: -712px -44px;}

/*current state*/
#hld_home ul#nav li#home a 						  { background-position: 0 -44px;}
#hld_security ul#nav li#security a                { background-position: -113px -44px;}
#hld_voice ul#nav li#voice a  					  { background-position: -257px -44px;}
#hld_audio ul#nav li#audio a 		  			  { background-position: -428px -44px;}
#hld_power ul#nav li#power a 		  			  { background-position: -537px -44px;}
#hld_contact ul#nav li#contact a 		  	  	  { background-position: -712px -44px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Table Elements 
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-table-a
{
	margin: 10px;
	width: 660px;
	text-align: left;
	border-collapse: collapse;
}

#box-table-a td
{
	font-weight:bold;
	padding: 4px;
	width:140px;
	border-top: 1px solid transparent;
}

/*#box-table-a tr:hover td
{
	background: #e5f2f5;
	color: #000;
}*/

.textFieldMid {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#fdf7ec;
	border:1px solid #eecfa3;
	padding:8px;
	width:137px;
	float:left;
	display:inline;
}

.textFieldSm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#fdf7ec;
	border:1px solid #eecfa3;
	padding:8px;
	width:60px;
	float:left;
	display:inline;
}

.textFieldLg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#fdf7ec;
	border:1px solid #eecfa3;
	padding:8px;
	width:300px;
	float:left;
	display:inline;
}

.dropField {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#fdf7ec;
	border:1px solid #eecfa3;
	padding:8px;
	width:153px;
	float:left;
	display:inline;
}

.dropFieldLg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:#fdf7ec;
	border:1px solid #eecfa3;
	padding:8px;
	width:318px;
	float:left;
	display:inline;
}