body {
font-family: Verdana,Sans-Serif;
font-size: 10px;
color: #000066;
margin:0;
padding:0;
text-align: center;
}

.container {
text-align: left;
width: 752px;
				margin-left:auto;
				margin-right:auto;
}

.container_sub {
text-align: left;
margin-top: 20px;
width: 752px;
}

.header_dark_blue {
display: block;
background-color: #000066;
height: 1px;
padding: 0 0 0 0;
}

.header_medium_blue {
display: block;
background-color: #0099FF;
height: 30px;
}

.header_light_blue {
display: block;
background-color: #99CCFF;
border-top: 2px solid #000066;
border-bottom: 2px solid #000066;
height: 32px;
}

.top_nav  {
width: 752px;
border-bottom: 1px solid #000066;
margin-left: 0;
padding-left: 0;
}

ul.top_nav li {
display: inline;
list-style: none;
font-weight: bold;
padding: 0 8 2 8;
border-right: 1px solid #000066;
}

.links {
margin-left: 230px;
padding-bottom: 2px;
}

.pic_nav li {
list-style: none;
font-weight: bold;
color: #FF9933;
margin-left: 50px;
}

.strap {
color: #000066;
font-size: 13px;
font-weight: bold;
margin-bottom: 100px;
}

img {
border: 0;
}

a {
text-decoration: none;
border: 0;
}

h1 {
margin: 0;
}

h2 {
font-size: 10px;
color: #FF9933;
width: 710px;
border-bottom: 1px solid #000066;
padding: 0 8 8 5;
}

.about_contact_height {
margin-bottom: 220px;
}

.footer {
margin: 0;
}

.portfolio {
width: 710px;
height: 200px;
}

img.portfolio_pic {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.footer_light_blue {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: block;
background-color: #99CCFF;
border-top: 2px solid #000066;
height: 218px;
}

*html .footer_light_blue {
display: block;
background-color: #99CCFF;
border-top: 2px solid #000066;
height: 198px;
}

.footer_medium_blue {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: block;
background-color: #0099FF;
border-top: 2px solid #000066;
height: 64px;
}




/* top nav - icons */

.top_nav a {
text-decoration: none;
color: #000066;
}

.top_nav a:hover {
text-decoration: none;
color: #FF9933;
}

#database_applications a#database_applications_link,
#database-driven_websites a#database-driven_websites_link,
#about_us a#about_us_link,
#contact_us a#contact_us_link {
color: FF9933;
}

/* home - icons */


*html .pic_nav {
width: 750px;
height: 100px;
margin-top: 40px;
margin-left: 0;
padding-left: 0;
}


.pic_nav {
width: 750px;
height: 100px;
margin-top: 40px;
margin-left: 0;
padding-left: 0;

}

.cursor_container {
width: 200px; 
float: left;
}

.cog_container {
width: 209px; 
float: left;
}

.i_container {
width: 129px; 
float: left;
}

.envelope_container {
width: 179px; 
float: left;
}

.cursor_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 50px;
	margin-top: 14px;
	margin-bottom: 10px;
	width: 38px; 
	height: 38px;
	background: url(../images/small_cursor.gif);
}

*html .cursor_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 38px;
	margin-top: 14px;
	margin-bottom: 10px;
	width: 38px; 
	height: 38px;
	background: url(../images/small_cursor.gif);
}

.cursor_icon a:hover  {
	background-position: -38px 0;
}

.cursor_icon .displace {
	position: absolute;
	left: -38px;
	}
	

.cog_icon a {
	display: block;
	text-decoration: none;
	margin-left: 37px; 
	margin-bottom: 10px;
	width: 52px; 
	height: 52px;
	background: url(../images/small_cog.gif);
}
	

*html .cog_icon a {
	display: block;
	text-decoration: none;
	margin-left: 22px; 
	margin-bottom: 10px;
	width: 52px; 
	height: 52px;
	background: url(../images/small_cog.gif);
}

.cog_icon a:hover  {
	background-position: -52px 0;
}

.cog_icon .displace {
	position: absolute;
	left: -38px;
	}

	
.i_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 17px; 
	margin-top: 8px;
	margin-bottom: 10px;
	width: 16px; 
	height: 43px;
	background: url(../images/i3.gif);
}

	
*html .i_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 2px; 
	margin-top: 8px;
	margin-bottom: 10px;
	width: 16px; 
	height: 43px;
	background: url(../images/i3.gif);
}

.i_icon a:hover  {
	background-position: -16px 0;
}

.i_icon .displace {
	position: absolute;
	left: -16px;
	}
	
.envelope_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 14px;
	margin-top: 18px;
	margin-bottom: 10px;
	width: 61px; 
	height: 33px;
	background: url(../images/envelope.gif);
}
	
*html .envelope_icon a {
	display: block;
	text-decoration: none; 
	margin-left: 0px;
	margin-top: 18px;
	margin-bottom: 10px;
	width: 61px; 
	height: 33px;
	background: url(../images/envelope.gif);
}

.envelope_icon a:hover  {
	background-position: -61px 0;
}

.envelope_icon .displace {
	position: absolute;
	left: -61px;
	}

.contact_us_text {
margin-left: 15px;
}