/*	-------------------------------------------------------------
	Batteries Unlimited
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Batteries
	Filename:		batteries.css
	Version:		1.0
	Date:			05/2008
	-------------------------------------------------------------	*/

@import url(typography.css);

/*	Bug hunting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red; }*/


html, body { height:100%; }
body { margin:0px; position:relative; background:url(/img/shape_bg.gif) center repeat-y #b5c4d1; }

	/*	Clearing floats
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	#wrapper { min-height:100%; position:relative; }
	
	/*	TOP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#top { width:100%; height:74px; margin:0px auto; border-bottom:1px solid #fff; }
	
		#top .content { width:798px; height:74px; margin:0px auto; background:url(/img/top_grad.gif) repeat-x; position:relative; }
		
			#top #number { width:212px; height:30px; position:absolute; top:22px; left:30px; background:url(/img/top_number.gif) no-repeat; }
				
			/*	Logo
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#top .content h1 { margin:0px; }
			#logo { display:block; width:309px; height:30px; background:url(/img/top_logo.gif) no-repeat; text-indent:-9000px; padding:0px; margin:0px; float:left; display:inline; position:absolute; right:92px; top:22px;  }
			#logo a { display:block; width:100%; height:100%; }
			
			#top #circle { background:url(/img/pic_circle.gif) no-repeat; width:73px; height:73px; position:absolute; top:37px; right:-36px; }
			#top #slogan { background:url(/img/top_dots.gif) no-repeat right top; width:300px; height:20px; position:absolute; top:55px; right:37px; font-size:10px; color:#fff; text-align:right; padding-right:40px; padding-top:4px; }
		
	/*	MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main { width:100%; margin:0px auto; padding-bottom:154px; }
	
		#main .content { position:relative; width:557px; min-height:100%; _height:100%; margin:0px auto; padding-left:241px; }
		
			/*	Menu
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#main #menu { float:left; display:inline; margin-left:-241px; width:241px; background-color:#303436; padding:0; }
				#menu ul { position:relative; z-index:10; }
				#menu ul, #menu li { width:100%; padding:0px; margin:0px; display:block; }
				
					#menu li { width:221px; text-indent: 0; white-space:nowrap; background:url(/img/menu_bg.gif) repeat-x left top; list-style:none; line-height:38px; margin:0px; padding:6px 0 0 20px; font-weight:bold; font-size:11px; text-transform:uppercase; border-bottom:1px solid #fff; color:#fff; cursor:pointer; }
					#menu li.noBorder { border-bottom:none; }
					#menu li a { width:100%; height:100%; display:block; background:url(/img/ico_arrow.gif) no-repeat 195px 15px; }
					#menu li span { width:100%; height:100%; display:block; background:url(/img/ico_arrow.gif) no-repeat 195px 15px; }
					#menu li span:hover { color:#bed3e6; }
			
				/*	Submenu
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				#menu ul ul { position:absolute; visibility:hidden; float:none; left:241px; width:330px; height:27px; background-image:none; white-space:nowrap; margin-top:-44px; }
				
				#menu ul li:hover ul { visibility:visible;	}
				
				div#menu ul li ul li { width:100%; padding:3px 5px 0 10px; height:27px; background:none;margin-top:0px;  margin-bottom:0px; line-height:27px; background:url(/img/menu_bg.gif) repeat-x; text-transform:none; }
				div#menu ul li ul li a { display:block; width:100%; height:100%; background:url(/img/submenu_tlo.gif) repeat-x 100% 0px; text-indent:9px; word-spacing: 0em; }
			
			/*	TXT
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#main #txt { padding:18px; padding-top:1px; min-height:390px; _height:390px; background:url(/img/content_bg.jpg) right top no-repeat; font-size:12px; line-height:18px; }
				#main #txt img { margin:10px;  }
				#main #txt h1 {margin-bottom: 18px;}
				#main quote {font-weight:bold;}
			#main fieldset { width:80%; }
				#main form label { width:120px; }
				#main form textarea, #main form input { border:1px solid #313437; }
			#main .answer { padding-left:30px; padding-top:10px; }
			#main .problem { margin-top:8px; display:block; }
				

			
	/*	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer { width:100%; height:134px; text-align:center; font-size:11px; color:#fff; border-top:1px #fff solid; clear:both; position:absolute; bottom:20px; overflow:hidden; }
	
		#footer .content { width:557px; height:134px; _height:134px; margin:0px auto; padding-left:241px; background:url(/img/bottom_grad.gif) repeat-x #303436; }
		#footer .content .border { border-left:0px solid #fff; }
	
	/*	CREDITS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#credits { width:100%; height:20px; text-align:center; font-size:11px; color:#fff; border-top:1px #fff solid; clear:both; position:absolute; bottom:0px; background-color:#303436; overflow:hidden; }
	
		#credits .content { width:798px; height:20px; margin:0px auto; background-color:#303436; }
			#credits .content p { margin:0 12px 0 0; line-height:20px; padding:0 18px 0 10px; font-weight:bold; text-transform:uppercase; background:url(/img/ico_point.gif) no-repeat right 7px; }
			#credits .content a { color:#fff; }
			#credits .content a:hover { color:#bed3e6; }