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

/* elements */
	body 
	{
		font-family: Arial, Helvetica, sans-serif;
	}
	
	a, a:visited
	{
		color:#404040;
		text-decoration:none;
	}
	a:hover {color:#522c7d; text-decoration:none;}
	
	h1 {color:#472f91;}
	h2, h3 
	{
		color:#404040;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:0.05em;
	}
	
	ul {}
	li{}
	
	div, p, table {color:#404040;}
	
/* ul and li adjust */
	ul.nav { float: right; margin: 0px 0 0 0; list-style: none; padding: 0;}
	ul.nav li {float: left; margin: 0; padding: 0;}
	
/* image replacement */
	h1 a, 
	#top ul.nav li a
	{
		float: left;
		text-indent: -999em;
		margin: 0px;
		padding: 0px;
		height: 26px;
		width: 74px;
	}
	
	h1 a 
	{
		background: url(../images/layout/logo.jpg) no-repeat;
		height: 93px;
		width: 169px;	
	}
	
	/***************************************/
	/*                                     */
	/*        MENU IMAGE REPLACEMENT       */
	/*                                     */
	/***************************************/
	
	/* preloading the on roll over images */
	ul.nav li.home {background: url(../images/layout/menu/btn_home_on.gif) no-repeat;}
	ul.nav li.news {background: url(../images/layout/menu/btn_news_on.gif) no-repeat;}
	ul.nav li.about {background: url(../images/layout/menu/btn_about_on.gif) no-repeat;}
	ul.nav li.cur_proj {background: url(../images/layout/menu/btn_curproj_on.gif) no-repeat;}
	ul.nav li.past_proj {background: url(../images/layout/menu/btn_pastproj_on.gif) no-repeat;}
	ul.nav li.careers {background: url(../images/layout/menu/btn_career_on.gif) no-repeat;}
	ul.nav li.contact {background: url(../images/layout/menu/btn_contact_on.gif) no-repeat;}
	/* assigning the off images */
	ul.nav li.home a {background: url(../images/layout/menu/btn_home_off.gif) no-repeat;}
	ul.nav li.news a {background: url(../images/layout/menu/btn_news_off.gif) no-repeat;}
	ul.nav li.about a {background: url(../images/layout/menu/btn_about_off.gif) no-repeat;}
	ul.nav li.cur_proj a {background: url(../images/layout/menu/btn_curproj_off.gif) no-repeat;}
	ul.nav li.past_proj a {background: url(../images/layout/menu/btn_pastproj_off.gif) no-repeat;}
	ul.nav li.careers a {background: url(../images/layout/menu/btn_career_off.gif) no-repeat;}
	ul.nav li.contact a {background: url(../images/layout/menu/btn_contact_off.gif) no-repeat;}
	/* assigning the on images */
	ul.nav li.home a:hover, ul.nav li.home a.sel {background: url(../images/layout/menu/btn_home_on.gif) no-repeat;}
	ul.nav li.news a:hover, ul.nav li.news a.sel {background: url(../images/layout/menu/btn_news_on.gif) no-repeat;}
	ul.nav li.about a:hover, ul.nav li.about a.sel {background: url(../images/layout/menu/btn_about_on.gif) no-repeat;}
	ul.nav li.cur_proj a:hover, ul.nav li.cur_proj a.sel {background: url(../images/layout/menu/btn_curproj_on.gif) no-repeat;}
	ul.nav li.past_proj a:hover, ul.nav li.past_proj a.sel {background: url(../images/layout/menu/btn_pastproj_on.gif) no-repeat;}
	ul.nav li.careers a:hover, ul.nav li.careers a.sel {background: url(../images/layout/menu/btn_career_on.gif) no-repeat;}
	ul.nav li.contact a:hover, ul.nav li.contact a.sel {background: url(../images/layout/menu/btn_contact_on.gif) no-repeat;}
	/* postioning the li and li a */
	ul.nav li {margin:57px 3px 0 0;}

/* layout and postioning  */

#wrapper 
{
	width: 825px;
	margin-left: auto;
	margin-right: auto;
}
	
div#mid .left, div#mid .right
{
	float: left;
	font-size: 0.65em;
	padding:0px;
	margin:0px;
}
.item
{
	float: left;
	cursor: pointer;
}
div#mid_top
{
	clear:both;
	margin-left:9px;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.2em;
}
div#mid_top #left, div#mid_top .right
{
	float:left;
}
					
div#mid_top #left
{
	width:271px;
	font-size: 0.65em;
}					
div#mid_bottom
{
	margin-top:0px;	
	clear:both;
	overflow:hidden;
}
							
div#mid_bottom .left .item
{
	background:url(../images/layout/bg_ql.png) no-repeat;
	width: 221px;
	height: 103px;
	padding:10px 13px 15px 20px;
	margin: 0 0 0 5px;
}
							
div#mid_bottom .left .item h2 {font-size:1.9em; margin-top:2px;}
div#mid_bottom .left .item h2 a {text-decoration:none;}
div#mid_bottom .left .item img {border:2px #fff solid;}
div#mid_bottom .left .item img:hover {border:2px #11b2f0 solid;}
div#mid_bottom .left .item p {line-height: 1.5em;}

div#mid_bottom .left .item h2, 
div#mid_bottom .left .item p
{
	width:111px;
	float:left;
}

div#mid_bottom .left .item img
{
	float:right;
}
					
div#mid_bottom .right
{
	margin: 5px 0 0px 0px;
	float:right;
    width:305px;
}
div#mid_bottom .right .item
{
	padding-left:15px;
}

div#mid_bottom .right h2
{
	font-size:1.2em;
	letter-spacing:normal;
}

div#mid_bottom .right ul.nav
{
	float:left;
}
					
div#mid_bottom .right ul.nav li
{
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	font-size:0.9em;
}
div#mid_bottom .right ul.nav li a 
{
	text-decoration:none; 
	padding:2px 0;
	display:block;
}
								
div#mid_bottom .bottom 
{
	clear:both; 
	margin-top:23px;
	float:right;
}
div#mid_bottom form
{
	text-align:left;
	background-color:#989797;
	padding:3px;
	overflow:hidden;
	height:100%;
}
						
div#mid_bottom input
{
	height: 13px;
	width:141px;
	border: none;
	text-transform:uppercase;
	color:#989797;
	font-size:10px;
	float:left;
}

div#mid_bottom input.search_button 
{
	background: url(../images/layout/btn_go_off.gif) no-repeat; 
	width: 18px;
	height: 15px;
	margin-left:3px;
	cursor: pointer;
}
div#mid_bottom input.search_button:hover {background: url(../images/layout/btn_go_on.gif) no-repeat;}
				
div#footer
{
	border-top: 10px #989797 solid;
	clear:both;
	font-size:0.6em;
	margin-bottom:20px;
	margin-left:9px;
}
div#footer ul.nav {margin-top:5px;}
div#footer ul.nav li {margin-top:0; padding:0 3px;}
div#footer ul.nav li a 
{
	color:#11b2f0; 
	border-left:1px #989797 solid; 
	padding-left:7px;
	text-decoration:none;
}
div#footer ul.nav li a:hover {text-decoration:underline;}