body

{

	margin: 0 0 23px;

	background: #fff url(images/mainback.jpg) repeat-x;

	color: #333;

	font: small/1.5em "Trebuchet MS", Georgia, Times, serif;

	text-align: justify;

}



a

{

	color: #077bc0;

	background-color: inherit;

}

a:visited

{

	color: #369;

	background-color: inherit;

}



ul { list-style-image: url(images/bullet.gif); }



#skip {font-size: 0;}



#wrapper2

{

	position: relative;

	width: 755px;

	padding-top: 136px;

	margin: 0 auto;

}



#wrapper { background-image: url(images/contentback.png); }



#header

{

	position: absolute;

	top: 0;

	left: 0;

	background: url(images/digitallearning.gif);

	height: 144px;

	width: 755px;

	margin: 0;

}



#header h1

{

	text-indent: -9000px;

	margin: 0;

	padding: 0;

}



#header a

{

	display: block;

	width: 100%;

	height: 138px;

}



#menu

{

	background: #fff url(images/menuback2.jpg);

	padding: 0 3px 0;

	color: #333;

	height: 2.2em;

	font-size: 90%;

	font-weight: bold;

}



#menu ul

{

	list-style: none;

	margin: 0;

	padding: 0 0 0 5px;

}



#menu li

{

	float: left;

	border-right: 1px solid #eee;

	height: 2.2em;

	margin: 0;

	padding: 0;

	position:relative;

	width: 8em;

	z-index: 200;

}



/*hide from IE MAC \*/

#menu li { width: auto; }



/* end of filter */



#menu a

{

	display: block;

	margin:0;

	line-height: 2.2em;

	float:left;

	padding: 0 10px;

	color: #333;

	text-decoration: none;

	background: #ddd url(images/menuback.jpg) top left;

}



#menu a img {float: left;}



#menu a:hover

{

	color: white;

	background-color: #ddd;

	background-position: 0 100px;

}



#home .home, 

#company .company, 

#about .company, 

#personnel .company, 

#methodology .company, 

#awards .company, 

#services .services, 

#development .services, 

#brokering .services, 

#hosting .services, 

#portfolio .portfolio, 

#contact .contact

{

	color: white; 

	display: block;

	height: 2.2em;

	line-height: 2.2em;

	float:left;

	background: url(images/menucurrent.jpg);

}



#menu li ul

{

	position: absolute;

	left: -999em;

	top: 2.2em;

	border: 1px solid #ccc;

	border-top: 0;

	padding: 0;

	width: 160px;

}



#menu li li

{

	border: 0;

	border-top: 1px solid #ccc;

	background: #eee;

}



#menu li li a { background: #eee; width: 140px;}



#menu li li a:hover, 

#about .about, 

#personnel .personnel, 

#methodology .methodology, 

#awards .awards,  

#development .development, 

#brokering .brokering, 

#hosting .hosting

{ background: #2baffe; }



#menu li:hover ul, #nav li.sfhover ul { left: 0;  }



#content { background: transparent url(images/sidebarback.jpg) 531px 0 no-repeat; }



.centerblockL

{

	width: 48%;

	float: left;

}



.centerblockR

{

	width: 48%;

	float: right;

}



.centerblockC { clear: both; padding-top: 10px;}



#center

{

	width: 495px;

	float: left;

	padding-left: 20px;

	padding-top: 5px;

}



#center h3

{

	color: #077bc0;

	background-color: #f5f5ff;

	border-bottom: 1px dotted #077bc0;

	border-top: 1px dotted #077bc0;

	margin-bottom: 0;

}



#center h2

{

	color: #077bc0;

	border-bottom: 1px solid #077bc0;

	line-height: 1.4em;

	font-size: 150%;

	background-color: white;

	margin-top: 0;

	clear:both;

}



#right

{

	margin: 0 4px 0 531px;

	padding-top: 10px;

	font-size: 90%;

	line-height: 1.4em;

}



#right h3

{

	margin: 0;

	padding: 4px 15px;

	background-color: #ddd;

	color: #666;

	font-size: 140%;

	font-weight: normal;

}



#right .blockContent { margin: 1em 15px 1em; }



#footer

{

	clear: both;

	background: url(images/footer.jpg) bottom left;

	padding: 23px 0 3px;

	text-align: center;

}



#footer h6

{

	margin: 0;

	padding: 0;

	font-size: 80%;

	line-height: 2em;

	color: #666;

	background-color: inherit;

}



.breadcrumb {font-size: 80%; padding-bottom: 15px;}



#content .entry .info {

  color: #b0af99;

  font-size: 80%;

  font-style:italic;

  margin-top: 1.5em;

}

#content .entry .info {

  margin-top: 1em;

}

#content .first.entry {

  background-color: #f7f3e8;

  margin: -25px;

  margin-bottom: 0;

  padding: 25px;

}

#content .first.entry h3 {

  margin-top: 0.25em;

}



img.product-info {

  float:left; 

  padding-right: 5px; 

  border: none;

  height: 220;

  width: 210;

}



img.person-pic {

  padding-right: 15px;

  padding-top: 5px;

  float: left;

}