@charset "UTF-8";

/* CSS Document OPTIMAL FOCUS
------------------------------------------------------------- */
html, body {
	padding:0;
	margin:0;
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana;
	color:#000;
	font-size:12px;
	background:url(../images/bk.png) center top no-repeat #fff;
}

p {
	padding: 0 0 14px 0;
	margin:0;
	font-size:12px;
}

a {
	color: #C60000;
	font-weight:bold;
	text-decoration:none;}

a:hover {color: #000000;}	
	
	
/* Layout container
------------------------------------------------------------- */
#container {
	margin:auto;
	width:970px;
}

/* Top section 
------------------------------------------------------------- */
#top {
	width:970px;
	height: 141px;
	background:url(../images/top.jpg);
	float:left;}

#logo {
	width:360px;
	height: 77px;
	float:left;
	padding: 64px 0 0 0;
}

#slogan {
	width:570px;
	height: 67px;
	float:left;
	padding: 74px 40px 0 0;
	text-align: right;
	font-size: 16px;
	color: #093BCA;
	font-weight: normal;
}	
	
	
/* Code for the menu
------------------------------------------------------------- */

/* @group menu */

#menu {
	width:946px;
	height: 58px;
	background:url(../images/menu.jpg);
	padding:12px 0 0 24px;
	float:left;
}

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;}
	
#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}	
	
#menu li a {
	float:left;
	font-size:14px;
	color:#59336C;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:40px;
	padding:10px 0 0 0;
	text-align:center;
	display:block;}
	
#menu li.home a { width:71px; }
#menu li.neuro a {width:167px;}
#menu li.peak a { width:148px; }
#menu li.research a { width:115px; }
#menu li.foundation a { width:96px; }
#menu li.events a {width:60px;}
#menu li.products a { width:80px; }
#menu li.about a { width:80px; }
#menu li.contact a { width:90px; }

#menu li a:hover{
	color: #093BCA;}
	
#menu li.selected a{ color:#000; }

/* @end */


/* Header section 
------------------------------------------------------------- */
#left {
	width:665px;
	float:left;}

#header {
	width:665px;
	height: 258px;
	float:left;
	background: url(../images/header.jpg);
	;
}
	
#text {
	width:558px;
	background:url(../images/content.jpg) no-repeat;
	float:left;
	padding: 25px 70px 20px 37px;
}

	#text p {
		color:#333;
		font-size:13px;
		line-height:20px;
		padding: 5px 30px 15px 30px;
	}
	
	#text ul {
		color:#333;
		font-size:13px;
		line-height:20px;
		padding: 5px 30px 15px 30px;
	}

#news {
	width:518px;
	background:url(../images/news.jpg) no-repeat;
	float:left;
	height:104px;
	padding: 38px 80px 10px 67px;
	color: #cc0105;
	font-size: 16px;
	font-style: italic;
}
	
#right {
	width:305px;
	float:left;}
	
	#right h3 {
	font-size:16px;
	font-weight:normal;
	color:#C60000;
	margin:0;
	padding:0 0 8px 0;
	}
	
	#right p {
	font-size:13px;
	color:#000;
	padding:5px 60px 0 20px;
	margin: 0;
	line-height: 16px;
}

#right p.small {
	font-size:11px;
	color:#666;
	padding:5px 40px 0 0px;
	margin: 0;
	line-height: 14px;
}
	
#opnet {
	width:288px;
	height:246px;
	background:url(../images/opnet.jpg) no-repeat;
	float:left;
	padding: 83px 0 0 17px;
}
	
#peak {
	width:288px;
	height:203px;
	background:url(../images/peak.jpg) no-repeat;
	float:left;
	padding: 15px 0 0 17px;
}

	#peak h3 {color:#663366;}
	
#research {
	width:288px;
	height:175px;
	background:url(../images/research.jpg) no-repeat;
	float:left;
	padding: 15px 0 0 17px;
}

	#research h3 {color:#FF9900;}
	#research p {color:#666;}
	
#foundation {
	width:288px;
	height:152px;
	background:url(../images/foundation.jpg) no-repeat;
	padding: 21px 0 0 17px;
	float:left;
}
	
	#foundation h3 {
	color:#333399;
	padding-bottom:13px;}
	
	#foundation p {
	color:#666;
	font-size:12px;
	padding-right:90px;
	line-height: 15px;
	padding-top: 0px;
}


#blog {
	width:288px;
	height:120px;
        background:url(../images/blog.jpg) no-repeat;
	float:left;
	padding: 18px 0 0 17px;
}

	#blog h3 {
	color:#333399;
	padding-bottom:13px;}
	
	#blog p {
	color:#666;
	font-size:12px;
	padding-right:90px;
	line-height: 15px;
	padding-top: 0px;
}
	
#products {
	width:288px;
	height:223px;
	background:url(../images/products.jpg) no-repeat;
	padding: 18px 0 0 17px;
	float:left;
	}
	
	#products h3 {
	color:#0095C7;
	padding-bottom: 11px;
	}
	
	#products .highlight {
	color:#666;
	font-weight:bold;}
	
	
	
/* Footer area
------------------------------------------------------------- */
#footer {
	width:970px;
	height:70px;
	background:url(../images/footer.jpg) no-repeat;
	text-align:center;
	padding:50px 0 0 0;
	float:left;
	line-height: 18px;
	color: #999;
	margin: 0 -3px 0 0;
}
	
#footer a {
	color:#333;
	font-weight:bold;}

#footer a:hover {
	color:#000;}
	

	
/* Classes and styles
------------------------------------------------- */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#000;
	margin:0;
	padding:0 0 45px 0;
	font-weight:normal;
	line-height: 28px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#0095C7;
	margin:0;
	padding:20px 0 15px 0;
	font-weight: normal;
	line-height: 20px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#900;
	margin:0;
	padding:20px 0 5px 30px;
	font-weight: bold;
}

.orange { color:#F60; }
	
.blue {
	color:#0095c7;}
	
.red {
	color: #900;}
	
.yellow {
	color: #FC0;}
	
.purple {
	color:#636;}
	
.indigo {
	color:#339;}
	
.green {
	color:#390;}