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

/********************************************
   HTML ELEMENTS
********************************************/ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	margin-bottom:0px;
}
html {
	font-size:100%;
}
a img {
	border:none;
}


a:link {
	color:#336699;
	}


a:active {
	color:#336699;
	}
	
a:visited {
	color:#336699;
	}

#div.clearfloats {
	clear:both
}


hr{ 
	color:#CCC;  
	}

#bio{ 
	width:860px;
	margin-left:20px;
	text-align:justify; 
	}

.biotext{ 
	text-align:justify; 
	float:right;
	}

body {
	margin: 0;
	padding: 0;
	background: #040e22;
	background: #333;	  
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	color: #333333;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/********************************************
   LAYOUT
********************************************/ 
#slideshow { position:relative; height:467px; }
#slideshow IMG { position:absolute; top:-6px; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }


#topmenu ul { 
font-family:Verdana, Geneva, sans-serif;
list-style: none;
padding:0;
margin:0;
position:absolute;
z-index:999;
width:500px;
font-size:10px;
left:400px;
top:92px;
font-weight:bold;
} 

#topmenu li
{
float: left;
margin: 0 0.15em;
border-right:#FFF solid 1px;
padding:4px;
}

#topmenu ul a  {
color: #ffffff;
text-decoration: none;
text-align: center;
} 

#topmenu ul a:hover {
color: #ffffff;
border-bottom:#FFF solid 2px;
text-align: center;
} 


#tm2wrapper{
	background-color:#30404D;
	width:916px;
	text-align:right;
	height: 20px;
	}

#topmenu2 ul { 
font-family:Verdana, Geneva, sans-serif;
list-style: none;
padding:0;
margin:0;
position: relative;
z-index:5000;
width:916px;
font-size:10px;
left:0px;
top:0px;
font-weight:bold;
background-color:#30404D;
} 

#topmenu2 li
{
float: left;
margin: 0 0.15em;
border-right:#FFF solid 1px;
padding:4px;
}

#topmenu2 ul a  {
color: #ffffff;
text-decoration: none;
text-align: center;
} 

#topmenu2 ul a:hover {
color: #ffffff;
border-bottom:#FFF solid 2px;
text-align: center;
} 


#wrapper {
	width: 969px;
	background: #FFF url(images/bg-backgrnd.jpg);
	background-repeat: no-repeat;
	background-position:top center;  
	padding:0;
	margin: 0 auto;
	text-align: left;
	border:1px solid #888888;	
}
#header {
	width: 969px;
	height: 472px;
	margin:0;
	padding:0;
	border:px solid #FF0000;
}
#header_page {
	width: 969px;
	height: 120px;
	background:url(images/header2.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	border:px solid #FF0000;	
}
#navigation {
	margin:0;
	padding:2px 0 0 53px;
	height:22px;
	width:916px;
	border:px solid #FF0000;
}
#homeContent {
	width:969px;
	background:#071636;
	margin:0px;
	padding-bottom:50px;
	border:px solid #FF0000;
}
#content {
	width:969px;
	background: url(images/pageBG_2.jpg);
	background-repeat:repeat-y;
	margin:0px;
	padding-bottom:50px;
	border:px solid #FF0000;
}
		#columnLeft {
			float: left;
			background:#0a204e url(images/home-left-bg.jpg) repeat-x;
			padding:10px 20px 10px 10px;
			width: 300px;
			height:370px;	
			border-left:1px solid #FFFFFF;
			border-bottom:1px solid #FFFFFF;			
			margin-left:52px;
			overflow:hidden;
		}	
		#columnMiddle {
			float: left;
			background:#27375a url(images/home-middle-bg.jpg) repeat-x;
			padding: 10px;
			margin:0;
			width: 280px;
			height:370px;			
			border-bottom:1px solid #FFFFFF;
			overflow:hidden;
		}				
		#columnRight {
				float:right;
				background:#787b82 url(images/home-right-bg.jpg) repeat-x;
				padding:10px;
				margin:0;
				width:266px;
				height:370px;				
				background:#;
				border-bottom:1px solid #FFFFFF;
				text-align:left;
				overflow:hidden;
				}
		#threeColumns {
				float:right;
				background:#FFFFFF;
				padding:0;
				margin:0;
				width:916px;
				text-align:left;
				border:px solid #FF0000;			
				}
				
div#threeColumns img.header-img { margin:5px 0 15px 32px; }
div#threeColumns div.project-table { width:558px; margin:0 0 0 32px; padding:0; border:solid 1px #000; }
div#threeColumns div.project-table div.project-table-row { display:inline-block; border-bottom:solid 1px #000; }
div#threeColumns div.project-table div.project-table-row.last { border-bottom:0; }
div#threeColumns div.project-table div.project-table-row p.name { float:left; display:block; width:175px; height:100%; padding:5px 15px 5px 5px; margin:0; font-weight:bold;  }
div#threeColumns div.project-table div.project-table-row p.description { float:left; display:block; width:342px; height:100%; padding:5px 5px 5px 15px; margin:0; border-left:solid 1px #000; }
div#threeColumns div.project-table .clear { clear:both; }

#footer {
	clear:both;
	width:970px;
	height:33px;
	background:#d8d8d8;
	padding:0;
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
}


/********************************************
   FOOTER MENU
********************************************/ 
	
	
	#footer ul {
		float:left;
		list-style-type:none;
		padding:0 15px;
		margin:0;
	}
	#footer li {
		list-style-type:none;
		display:inline;
		margin:0;
		padding:0;
		text-transform:capitalize;
		color:#444;
	}
	#footer li a {
		color:#222;
		text-decoration:none;	
		margin:0;
		padding:0 0px 0 0px;
	/* 	border-right:1px solid #555555;   */
	}
	#footer li a:hover {
		color: #000000;	
		text-decoration:underline;	
	}

#footer span {
	float:right;
	font-size:10px;
	color:#000033;
	padding:0 80px 0 0;
} 	

#footer span a {
	color: #003399;
	text-decoration:none;	
} 	
#footer span a:hover {
	text-decoration:underline;	
} 	

/********************************************
   HEADERS and TEXT STYLES
********************************************/

.biohead {
	color:#336699;
	font-size:14px;
	}

h1, h2, h3, h4, h5, h6 { padding: 10px 20px; margin:0; color: #336699;
}
h1 { 	font-size:260%; padding:0 30px; }
h2 {	
	font-size:120%; 
	color:#FFFFFF;
	text-transform:uppercase; 
	padding:15px 0px; 
	margin:0 auto;
	text-align:center;
	}
h3 {	font-size:140%; margin:0; padding:20px 40px; color: #06C; font-weight:700;  }
h4 {	font-size:120%;	text-decoration:underline;}
h5 {	font-size:110%;}
h6 {	font-size:90%;	font-weight:bold;}

p { 
	color:#FFFFFF; 
	font-size:1.0em; 
	margin:0; 
	padding:4px; 
	text-align:justify;
	}
	.p1 {
		font-size:14px;
		margin:0;
		padding:10px 20px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:justify;
		}
	.p2 {
		margin:0;
		padding:10px 20px;
		color:#FFFFFF;
		text-align:justify;		
		font-size:16px;
		font-weight:bold;		
		}	
		
	.p1 span {
		font-size:120%;
		color:#FFFFFF;
		}

#threeColumns p { 
	color:#000000; 
	font-size:1.0em; 
	margin:0; 
	padding:10px 40px; 
	}	
#header_page p { 
	color:#000000; 
	font-size:1.0em; 
	margin:0; 
	padding:10px 20px; 
	}	
	
	
	
#columnLeft ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border:px solid #CF0;
}
#columnLeft li {
	font-size:11px;
	padding:2px 0 2px 15px; 
	/*background:transparent url(images/arrow_right.gif) 0 3px no-repeat;*/
	margin-bottom:10px;
	}
#columnLeft li a {
	margin:0;
	padding:4px 0;
	color:#FFFFFF;
	text-decoration:none;
	}
#columnLeft li a:hover {
	color: #0099CC;
	}


#columnRight ul {
	list-style-type:none;
	padding:0;
    border:px solid #000;
	margin-bottom:10px;
	
}
#columnRight li {
	font-size:11px;
	padding:2px 0 2px 15px; 
	margin-bottom:10px;

	}
#columnRight li a {
	padding:10px 0px 10px 0px;
	margin:0;
	color:#FFFFFF;
	text-decoration:none;
	border:px solid #ccc;
	}
#columnRight li a:hover {
	color: #333;
	}
#columnRight h2 {	
	font-size:112%; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	padding:15px 0; 
	margin:0 auto;
	text-align:center;
	}



#columnMiddle a {
	padding:10px 0;
	color:#FFFFFF;
	text-decoration:underline;	
	color:#b7b7b7;
	text-transform:capitalize;
	}
#columnMiddle a:hover {
	text-decoration:none;
	}	
#columnMiddle p {
	font-size: 1.2em;
	padding:5px 0;
	margin:0;
	text-align:center;
}	


  
  
/********************************************
   IMAGES
********************************************/

#columnRight img {
	border: 2px solid #efefef;
	padding:0;
	margin:10px 0 0 38px;
}


.logo {
	padding:2px 0 0 40px;
	margin:0;
	border:px solid #990000;
}


/*   caption images      */

.biolinks a:link {
	font: 12px/1.4em Arial, sans-serif;
	margin: 3px 0 5px 10px;
	color:#336699; 
	}

.biolinks a:visited {
	font: 12px/1.4em Arial, sans-serif;
	margin: 3px 0 5px 10px;
	color:#336699; 
	}
.biolinks a:active {
	font: 12px/1.4em Arial, sans-serif;
	margin: 3px 0 5px 10px;
	color:#336699; 
	}

.picture { 
	background-color: #F9F9F9;
	border: 1px solid #c6d1f8; 
	padding: 2px;
	font: 11px/1.4em Arial, sans-serif;
	margin: 3px 0 5px 10px;
	color:#336699; 	
	}
.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:bottom; margin-bottom: 3px;
	}
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right;
	}
.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left;
	} 
.box {
	width:200px;
	height:100px;
	border:1px solid #3399CC;
	margin:0 auto;
	padding:0;
	margin-top:7px;
	text-align:center;
	color: #3399CC;
}

/********************************************
   FORM elements
********************************************/ 
	label {
	display:inline;	
	font-family: Tahoma;	
	font-size:120%;
	color:#efefef;
	padding-left:10px;
	font-weight:bold;
		} 

	.input {
	width:18.0em;
	padding:0.2em;
	margin:5px;
	color:#666;
	background:#FFF;
	border:1px solid  #888;
	}
	
	.input:hover {
	background-color:#ccc;
	border:1px solid  #000;
	}

	form {
		margin:0;
		padding: 0;
	}


textarea {
	border:1px solid  #006699;
	margin:5px;
	background-color:#efefef;
	}

.input {
	border:1px solid  #006699;
	margin:5px;
	background-color:#efefef;
	}


  .send {
	background-image:url(../images/submit.png);
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid  #006699;
	margin:0 auto;
	width:100px;
	height:34px;
	border-style: none;
	padding:0;

}

/********************************************
   form ELEMENTS
********************************************/ 

#loginBox {
	width: 270px;
	color: #000000;
	margin:10px 0 0 40px;
	padding:10px 0;
	border:2px solid  #c7c7c7;	
	background:#efefef;	
		}

#loginBox h3 {	font-size:140%; margin:0; padding:5px; color:#333; font-weight:700;  }






		#newReleases {
			width:90%;
			height:300px;
			overflow:auto;
			color: #efefef;
			margin:0 auto;
			padding:10px;
			background:#003;
			background:#161c43;
			border:2px solid #0d122e;	
			}
		#newReleases ul {
			list-style-type:square;
		}
		#newReleases li {
			margin:0 0 0 12px;
			padding:0; margin-bottom:15px;
		}
		#newReleases li a {
			color:#efefef;
			text-decoration:none;
			text-transform:capitalize;
			font-size:11px;
			line-height:1.0em;
			}
		#newReleases li a:hover {
			color: #69F;
			text-decoration:underline;
			}


    #news {
			width:90%;
			height:1250px;
			overflow:auto;
			color: #efefef;
			margin:0 auto;
			padding:10px;
			background:#003;
			background:#161c43;
			border:2px solid #0d122e;	
			}
		#news ul {
			list-style-type:square;
		}
		#news li {
			margin:0 0 0 12px;
			padding:0; margin-bottom:15px;
		}
		#news li a {
			color:#efefef;
			text-decoration:none;
			text-transform:capitalize;
			font-size:11px;
			line-height:1.0em;
			}
		#news li a:hover {
			color: #69F;
			text-decoration:underline;
			}
			
			
			
			#news2 {
			width:90%;
			height:400px;
			color: #efefef;
			margin:0 auto;
			padding:10px;
			background:#003;
			background:#161c43;
			border:2px solid #0d122e;	
			}
		#news2 ul {
			list-style-type:square;
		}
		#news2 li {
			margin:0 0 0 12px;
			padding:0; margin-bottom:15px;
		}
		#news2 li a {
			color:#efefef;
			text-decoration:none;
			text-transform:capitalize;
			font-size:11px;
			line-height:1.0em;
			}
		#news2 li a:hover {
			color: #69F;
			text-decoration:underline;
			}

/**********************************************
NEW MENU MOOTOOLS INSPIRED, Auth: Jason Barnes
**********************************************/

ul#sliding-navigation  
{  
    list-style: none;  
    font-size: .75em;  
    margin: 0;  
}  
   
ul#sliding-navigation li.sliding-element h3,  
ul#sliding-navigation li.sliding-element a  
{  
    display: block;  
    width: 150px;  
    padding: 5px 15px;  
    margin: 0;  
    margin-bottom: 5px;  
}  
  
ul#sliding-navigation li.sliding-element h3  
{  
    color: #fff;  
    background: #333;  
    border: 1px solid #1a1a1a;  
    font-weight: normal;  
}  
  
ul#sliding-navigation li.sliding-element a  
{  
    color: #999;  
    background: #222;  
    border: 1px solid #1a1a1a;  
    text-decoration: none;  
}  
  
ul#sliding-navigation li.sliding-element a:hover { font-weight: bold; color: #fff; }  

#navigation-block
{
	
	height: 0px;
	left: 786px;
	position: relative;
	top: 94px;
	z-index: 5000;
}
#projects{
	width:880px;
	text-align:right;
	height: 20px;
	margin-right:20px;
	}

#projects ul { 
font-family:Verdana, Geneva, sans-serif;
list-style: none;
padding:0;
margin-right:20px;
width:880px;
font-size:12px;
font-weight:bold;
text-align:right;
} 

#projects li
{
display:inline;
margin: 0 0.15em;
padding:4px;
}

#projects ul a  {
color: #333;
text-decoration: none;
text-align: center;
} 

#projects ul a:hover {
color: #333;
border-bottom:#FFF solid 2px;
text-align: center;
} 
#map3d {
	margin: 0px auto;
	border: 2px solid black;
	width: 900px;
	height: 500px;
	padding: 0px;
}