* {
		margin: 0;
		padding: 0; }
body { 
		text-align: center;
		background: #999 url('/images/bodybg.gif');
		font-family: "Lucida Sans", Georgia, "Times New Roman", Times, serif; 
		font-size: 10pt;
		margin: 10px; }
a { color: white; }
a:hover { text-decoration: underline; }

#wrapperdiv {
		position: relative;
		margin: 0 auto;
		padding-bottom: 90px;
		width: 700px;
		text-align: left;
		background-image: url('/images/wrapperbg.gif'); }

#navmain {
		background: url('/images/menu_background.gif') bottom left no-repeat; 
		height: 40px;
		width: 760px;
		position: absolute;
		top: 10px;
		left: -30px; }
#navmain ul { list-style: none; }
#navmain li { display: inline; }
#navmain a { 
		margin-left: 10px;
		position: relative;
		display: block;
		float: left; }
#navmain #menu-home a { margin-left: 40px; }
#navmain a:hover .menu-current-page { text-decoration: none; }
#navmain span { 
		display:block;
		height: 32px;
		position:absolute; 
		left:0; 
		top:0; 
		z-index:1; }
#navmain #menu-home span, #navmain #menu-home a {
		width: 68px;
		background: url('/images/home_rollover.gif') top left no-repeat; }
#navmain #menu-home a:hover span {
		background: url('/images/home_rollover.gif') 0 -32px no-repeat;}
#navmain #menu-software span, #navmain #menu-software a{
		width: 138px;
		background: url('/images/software_design_rollover.gif') top left no-repeat; }
#navmain #menu-software a:hover span {
		background: url('/images/software_design_rollover.gif') 0 -32px no-repeat; }
#navmain #menu-web span, #navmain #menu-web a {
		width: 151px;
		background: url('/images/web_development_rollover.gif') top left no-repeat; }
#navmain #menu-web a:hover span {
		background: url('/images/web_development_rollover.gif') 0 -32px no-repeat; }
#navmain #menu-company span, #navmain #menu-company a {
		width: 92px;
		background: url('/images/company_rollover.gif') top left no-repeat; }
#navmain #menu-company a:hover span {
		background: url('/images/company_rollover.gif') 0 -32px no-repeat; }
#navmain #menu-contact span, #navmain #menu-contact a {
		width: 80px;
		background: url('/images/contact_rollover.gif') top left no-repeat; }
#navmain #menu-contact a:hover span {
		background: url('/images/contact_rollover.gif') 0 -32px no-repeat; }

#logobox {
		background: url('/images/logo_column_top.gif') top left no-repeat;
		padding-top: 8px;
		color: white;
		width: 150px;
		float: left;
		position: relative;
		top: 70px;
		left: -30px; }
#logobox img { 
		display: block;
		margin: 10px auto;  
		border: none; }
#logobox h3 {
		margin-top: 10px;
		text-align: center;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: underline; }
#logobox #logobox-wrapper { background-color: #26466D;}
#logobox #logo { margin-top: 0; }
#logobox #news {
		margin: 10px 0;
		padding: 10px; }
#logobox #news ul {
		padding-top: 5px;
		list-style-type: none; }
#logobox #news .news-date { font-weight: bold; }
#logobox #current-projects {
		position: relative;
		top: 8px;
		padding-bottom: 20px;
		background: url('/images/logo_column_bottom.gif') bottom left no-repeat; }
#logobox #current-projects a  { display: block; text-align: center; }

#maincontent {
		background-color: #92A2B6;
		float: left;
		width: 520px;
		position: relative;
		top: 70px;
		left: -10px;
		padding: 10px;
		font-weight: normal;
		color: #333; }
#maincontent h1 {
		color: #0080FF;
		font-size: 16pt;
		font-weight: normal;
		text-transform:uppercase;
		position: relative;
		height: 32px;
		overflow: hidden; }
#maincontent h1 span {
		display:block;
		position:absolute; 
		left:0;
		top:0;
		z-index:1; 
		height: 32px;}
#home-header {
		width: 282px; }
#home-header span {
		background: url('/images/home_header.gif') top left no-repeat;
		width: 282px; }
#vision-header {
		width: 148px; }
#vision-header span {
		background: url('/images/our_vision.gif') top left no-repeat;
		width: 148px; }
#contact-header {
		width: 221px; }
#contact-header span {
		background: url('/images/contact_header.gif') top left no-repeat;
		width: 221px; }
#software-header {
		width: 293px; }
#software-header span {
		background: url('/images/software_design_header.gif') top left no-repeat;
		width: 293px; }
#standards-header {
		width: 336px; }
#standards-header span {
		background: url('/images/web_standards_header.gif') top left no-repeat;
		width: 336px; }
#hosting-header {
		width: 339px; }
#hosting-header span {
		background: url('/images/complete_hosting_header.gif') top left no-repeat;
		width: 339px; }
#portfolio-header {
		width: 198px; }
#portfolio-header span {
		background: url('/images/selected_work.gif') top left no-repeat;
		width: 198px; }
#about-header {
		width: 215px; }
#about-header span {
		background: url('/images/about_mindgene.gif') top left no-repeat;
  	width: 215px; }
		
#maincontent a {
		text-decoration: underline;
		color: #26466D; }
#maincontent a:hover { color: #0080FF; }
#maincontent p, #maincontent ul {
		margin: 10px 0; 
		text-indent: 10px; }
#maincontent ul {
		padding-left: 20px;
		list-style-type: square;}

#selected_work { list-style: none; }
#selected_work img { border: none; }
#selected_work li { clear: both; }
#selected_work li a.thickbox {
		float: left;
		width: 150px;
		display: block;
		border: 4px solid #0080FF; }
#selected_work li a.thickbox:hover { border: 4px solid white; }
#selected_work li div { 
		float: left;
		width: 340px;
		margin-left: 10px;
		padding-bottom: 60px; }
#selected_work h5 a { color: black; }

#footer {
		margin-top: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 8pt; }