/** 

 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
html {}


body {
	color: #000;
 	font-size: 62.5%; 
 	font-family:"Garamond", Georgia, serif;
	background:#999 url(../images/pgbg.png) repeat-x;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}


.clearthirty {clear:both;height:30px}

#header-wrapper {width:100%;background:#999 url(../images/white-line.png) top left no-repeat;height:220px}
.header_container {}
#cogs {position:absolute;top:0;left:0;width:120px;height:285px;z-index:0}


/* MISC LAYOUT
-------------------------------------------- */
#ForgotPassword {padding-top:10px}

#awards {width:113px;float:right;margin-right:20px;padding-top:30px}

#content, #content-log {padding-top:30px}

.hi-pad {padding:20px 0}

#content h2 {font-family:"Garamond", Georgia, serif;font-size:21px;margin:0 0 0 0;color:#000000;font-weight:bold;text-transform:uppercase;visibility:hidden;height:50px}
#content p {font-family:"Garamond", Georgia, serif; font-size:1.3em;margin-bottom:8px;line-height:120%;font-weight:bold}

#content p a {text-decoration:none; font-style:italic;color:#000}
#content p a:hover {text-decoration:none; font-style:italic;color:#444}


.new_projects {width:140px;margin-right:10px;margin-bottom:10px;float:left}
.new_projects img {border:1px solid #eee}
.new_projects p {font-weight:bold;text-align:center!important;display:block}
h2.home {margin-bottom:10px!important;height:auto!important}

/* HEADER
----------------------------------------- */
#Header {
position:relative; 
 	width: 100%; 
 	margin: 0 auto;
	overflow: hidden;
	height:220px;
	background-color:#999;
}
/*
 	#Header h1 { 
	  	text-indent:-9999px;
		background:url(../images/perceptual_logo.png) top left no-repeat;
		width:420px;
		height:18px;
		margin:30px 0
	}
	
#Header h1 a {display:block;width:420px;height:18px;}
*/
#Header h1 { 
		position:absolute;
		top:30px;left:0;
	  	text-indent:-9999px;
		background:url(../images/led.gif) top left no-repeat;
		width:400px;
		height:22px;
		
	}
	
#Header h1 a {display:block;width:400px;height:22px;}

	
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
position:absolute;
top:72px; left:0;
font-family:"Garamond", Georgia, serif;
font-weight:bold;

	
}
	#Navigation ul { 
 		float: left; 
		display:block;
		margin:0;
		border-left:1px solid #fff;
		width:auto;
		zoom: 1;
		
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 4px 0; 
			float: left;
			display: block;
			clear:both;
			width:100%;
			
			
		}
		
		
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				font-size: 1.1em; 
				padding:2px 24px 2px 14px;
				color: #000;
				letter-spacing:2px;
				
				
				
			}
			
			* html #Navigation ul li a { /* make hover effect work in IE */width: 100%;}
				
					#Navigation ul li a:hover { 
			 			color: #333;
						cursor: pointer;
						background-color:#FFFFFF;
					}
					
					#Navigation ul li:hover { 
			 			color: #333;
						cursor: pointer;
						background-color:#FFFFFF;
					}
					
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
					
				 	color: #333;
					
				
					}
					#Navigation ul li.current,
	    		#Navigation ul li.section,
	    		#Navigation ul li.section:hover,
	    		#Navigation ul li.current:hover { 
					
					background-color:#FFFFFF;
				 	
					}
				
    		#Navigation ul.first li {margin:8px 0;}
			
			 #Navigation ul.first li a {letter-spacing:4px;font-size:1.1em}
			
			#Navigation ul li.first {margin-top:0;padding-top:0}
			#Navigation ul li.last {margin-bottom:0;padding-bottom:0}