/*

The fonts that are most safe to use are:

    * Arial / Helvetica
    * Times New Roman / Times
    * Courier New / Courier 

Other options that usually work cross-platform are:

    * Palatino
    * Garamond
    * Bookman
    * Avant Garde 

Fonts that work on Windows and MacOS but not Unix+X are:

    * Verdana
    * Georgia
    * Comic Sans MS
    * Trebuchet MS
    * Arial Black
    * Impact 

*/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(images/bg.gif) top repeat;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover, a:active {
  color: #800;
  text-decoration: underline;
}

/* preload menu images into dead space */
/*
div#preload { 
	 position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
*/

h1 {
	font-family: garamond, verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	margin: 10px 0;
	color: #880000;
}

h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	color: #223355;
}

h3 {
	font-family: georgia, times, serif;
	font-size: 14px;
	color: #5a6f8e;
}

p {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	margin: 1em 0.5em 0.5em 0.5em; 
}

table {
	font-size: 10px;
	font-family: verdana, tahoma, sans-serif;
	color: #4a5f8e;
	border: groove 2px #223355;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
}

img {
  border: 0;
}

#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 800px;
	background: white;
}

#wrapperi {
	padding: 0px 2px;
  background: url(images/dot.gif) 253px 105px repeat-y;
}

#wrapperj {
  background: url(images/vertical_2.gif) 468px 400px no-repeat;
}

#header {
	border-bottom: 1px solid #fff;
	border-top: 2px solid #fff;
	margin-bottom: 2px;
	/*background: url(images/header_bg.jpg) 400px repeat-y;*/
	height: 100px;
}

.highlight {
	color:#880000;
	font-weight:bold;
	font-size:larger;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 5px;
	margin: 0 0 -4px 0;
}

#left {
  float: left;
  width: 246px;
}

#right {
	float: right;
	width: 530px;
	margin-right: 20px;
}

#content {
	margin-top: 20px;
}

#content_services {
	margin: 20px auto;
	width: 300px;
}

#content_services li {
	margin: 5px 0;
}
#content_services a {
	color: #5a6f8e;
	font-weight: bold;
	text-decoration: none;
}

#content_services a:hover {
	text-decoration: underline;
}

#content_stay_up {
	margin-top: 30px;
}

#left_panel {
	margin-top: 15px;
	padding: 10px;
}

#what_we_do {
	height: 140px;
	background: url(images/whatwedo.gif) top no-repeat;
	padding-top: 30px;
}

#what_we_suggest {
	height: 140px;
	background: url(images/whatwesuggest.gif) top no-repeat;
	padding-top: 30px;
}

.contactform {
	/* style for contact form entry fields */
	margin-left:10px;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	color: #5a6f8e;
}

a.services:link, a.services:visited, a.services:hover, a.services:active {
  color: #000;
  text-decoration: none;
} 

#webdev {
	height: 80px;
	background: url(images/webdev.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#webapp {
	height: 80px;
	background: url(images/webapp.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#database {
	height: 80px;
	background: url(images/database.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#opensource {
	height: 80px;
	background: url(images/opensource.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#document {
	height: 80px;
	background: url(images/document.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#ecommerce {
	height: 80px;
	background: url(images/ecommerce.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#hosting {
	height: 80px;
	background: url(images/hosting.jpg) no-repeat;
	padding: 50px 30px 0 110px;
	margin: 0;
}

#sub_services img {
	border: 0px;
	float: right;
}

#search {
  background: #eda135 url(images/search_icon.gif) 21px 14px no-repeat;
  border-bottom: 2px solid #004b83;
  padding: 8px 0px 8px 40px;
  margin-bottom: 4px;
}

#search .text {
  width: 180px;
}

#rssfeed{
	width: 747px;
	border-top: #b7b7b8 2px solid;
	margin-bottom: 10px;
}

#nav {
	float: left;
	color: #fff;
	/*display: block;*/
	width: 232px;
	height: auto;
	text-decoration: none;
	margin: 0;
}

/* MENU BUTTONS */
a#home {
	width: 232px;
	height: 30px;
	background-image: url(images/menu_home.gif);
	
	text-decoration: none;
	float: left;
}

a#home:hover {
	background-image: url(images/menu_home_swp.gif);
}

a#services {
	width: 232px;
	height: 30px;
	background-image: url(images/menu_services.gif);
	
	text-decoration: none;
	float: left;
}

a#services:hover {
	background-image: url(images/menu_services_swp.gif);
}

a#about {
	width: 232px;
	height: 30px;
	background-image: url(images/menu_about.gif);
	
	text-decoration: none;
	float: left;
}

a#about:hover {
	background-image: url(images/menu_about_swp.gif);
}

a#contact {
	width: 232px;
	height: 30px;
	background-image: url(images/menu_contact.gif);
	
	text-decoration: none;
	float: left;
}

a#contact:hover {
	background-image: url(images/menu_contact_swp.gif);
}
/* END MENU BUTTONS */

.notice {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #d00;
	padding-left: 10px;
}

#logos {
	text-align: center;
}

.highlight {
	color: #800;
	font-weight: bold;
}

#logbox {
	width: 230px;
	height: 120px;
	background: #ffffff;
	margin-top: 8px;
}

#logbox table {
	width: 100%;
	height: 100%;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	background: #5a6f8e;
	color: #ffffff;
	text-align: center;
	margin: auto;
}

.login {
	/* style for client login entry fields */
	font-family: tahoma, arial, sans-serif;
	color: #880000;
	border:1px inset #223355
}

#footer {
	width: 800px;
	margin-top: 10px;
}

#footeri {
	width: 796px;
	height: 26px;
	margin: 0 auto;
	padding: 6px 0 0 4px;
	background: url(images/footer.gif) top center no-repeat;
	text-align: right;
	color: #ffffff;
}

#footer .copyright {
	float: left;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	text-decoration: none;
}