/* Default.css */
body { background: #f8f8f8; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.2em; }

a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
a:hover { border-bottom: 1px solid #fff; }

#container { width: 949px; height: 712px; background: #565656 url(../img/bg.jpg) no-repeat; position: relative; font-size: 0.875em; }

	#contact { color: #fff; font-size: 0.857em; width: 475px; position: absolute; left: 40px; top: 150px; }
		#contact .contact-left { float: left; text-align: left; clear: right; }
		#contact .contact-right { float: right; text-align: right; }
		
	#newsletter { color: #fff; font-size: 0.857em; width: 475px; position: absolute; left: 40px; top: 220px; }
		#newsletter p { margin-bottom: 5px; }
		
		#newsletter span { position: relative; background: #fff url(../img/sign-up-input.jpg) no-repeat; height: 28px; width: 338px; display: block; float: left; }
			#newsletter span label { color: #4c4c4c; position: absolute; z-index: 2; opacity: 0.75; -webkit-transition: opacity 0.15s linear; margin: 3px 7px;  }
				#newsletter span label.focus { opacity: 0.4; }
				#newsletter span label.has-text { opacity: 0; visibility: hidden;  }
			#newsletter span input { color: #4c4c4c; position: absolute; z-index: 2; border: none; background: none; margin: 7px 6px; font-size: inherit; 
				font-family: inherit; width: 326px; }
		
		#newsletter input#submit { display: block; float: right; width: 125px; height: 28px; text-indent: -9999px; background: #1f1f1f url(../img/sign-up.jpg) no-repeat;
			border: none;   }

	/* CONTENT */
	#content { position: absolute; width: 381px; height: auto; left: 550px; top: 20px; }
		#content ul { margin: 0; }
			#content ul li ul { margin: 0 1.4em 12px;}
			#content ul li.open, #content ul li.closed { list-style: none; display: block; margin: 0 0 9px; background: #fdfdfd /* transparent url(../img/bg-btn.png) no-repeat */; position: relative; box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; -moz-box-shadow: 0px 0px 4px #666; }
				#content ul li a { display: block; padding: 8px 20px 6px 35px; color: #5d5d5d; border: none; 
					background: transparent url(../img/arrow-closed.png) no-repeat 20px 11px;  }
					#content ul li.open a { font-weight: bold; }
					
					#content ul li.open a { background: transparent url(../img/arrow-open.png) no-repeat 20px 13px; }
					#content ul li.closed a { background: transparent url(../img/arrow-closed.png) no-repeat 20px 11px; }
				
				#content ul li .text { padding: 0px 20px 4px 35px; font-size: 0.857em; line-height: 1.3em;}
					#content ul li .text p { margin-bottom: 8px; }
				#content ul li.closed { opacity: 0.75; }
				#content ul li.open { opacity: 0.9; }
				/*
#content ul li .bottom { position: absolute; bottom: 0; left: 0; height: 7px; width: 100%; font-size: 1px; line-height: 1px; overflow: hidden;
					 background: transparent url(../img/bg-btn-bottom.png) no-repeat; }
*/


	#copy { position: absolute; bottom: -20px; right: 0; font-size: 0.786em; color: #777; }
		#copy a { color: #777; border-bottom: 1px dotted #777; }
			#copy a:hover { border-bottom: 1px solid #777; }
		#copy div { display: inline;  }