body {
	background-color: #194A6B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 76%;
	text-align: center;
}

body#about #content {
	background-image: url(images/title_about.gif);
	background-repeat: no-repeat;
}

body#contact #content {
	background-image: url(images/title_contact.gif);
	background-repeat: no-repeat;
}
body#developers #content {
	background-image: url(images/title_developers.gif);
	background-repeat: no-repeat;
}
body#funstuff #content {
	background-image: url(images/title_funstuff.gif);
	background-repeat: no-repeat;
}
body#portfolio #content {
	background-image: url(images/title_portfolio.gif);
	background-repeat: no-repeat;
}
body#products #content {
	background-image: url(images/title_products.gif);
	background-repeat: no-repeat;
}
body#services #content {
	background-image: url(images/title_services.gif);
	background-repeat: no-repeat;
}


p {
	font-size: 0.85em;
}


#greypage {
	margin:0px auto;
	background-position: 8px 8px;
/* Hide from IE-Mac \*/	
	background-position: 0px 0px;
/* End hide */	

	text-align:left;

	background-image: url(images/bodyrepeat.gif);
	background-repeat: repeat-y;
	background-color: #2688C9;
	border: 8px solid #D1D3D4;
	width: 600px;
	width/* */:/**/584px;
	width: /**/584px;
	position: relative;
}

#upperimg {
	padding-bottom: 20px;
	background-image: url(images/mainbg.jpg);
	background-repeat: no-repeat;
}

#minidots {
	margin-top: 13px;
	margin-left: 21px;
	border: 0px;
}

div#mainnavigation ul#nav_menu	{
	clear: both;
	width: 500px;
	height: 10px;
	margin: 31px 0px 0px 21px;
	padding: 0px;
	position: relative;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#mainnavigation ul#nav_menu li {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#nav_menu li, ul#nav_menu a {
	height: 10px;
	display: block;
}
div#mainnavigation ul#nav_menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

li#nav_about {left: 0px; width: 28px;}
li#nav_services {left: 34px; width: 41px;}
li#nav_portfolio {left: 82px; width: 46px;}
li#nav_funstuff {left: 135px; width: 45px;}
li#nav_developers {left: 188px; width: 52px;}
li#nav_products {left: 248px; width: 43px;}
li#nav_contact {left: 299px; width: 38px;}


li#nav_about a:hover, body#home li#nav_about {background: url(images/menu.gif) 0 -10px no-repeat;}
li#nav_services a:hover, body#home li#nav_services {background: url(images/menu.gif) -34px -10px no-repeat;}
li#nav_portfolio a:hover, body#home li#nav_portfolio {background: url(images/menu.gif) -82px -10px no-repeat;}
li#nav_funstuff a:hover, body#home li#nav_funstuff {background: url(images/menu.gif) -135px -10px no-repeat;}
li#nav_developers a:hover, body#home li#nav_developers {background: url(images/menu.gif) -188px -10px no-repeat;}
li#nav_products a:hover, body#home li#nav_products {background: url(images/menu.gif) -248px -10px no-repeat;}
li#nav_contact a:hover, body#home li#nav_contact {background: url(images/menu.gif) -299px -10px no-repeat;}

#content {
	padding: 30px 12px 8px 12px;
	margin-top: 10px;
	margin-left: 20px;
	background-color: #FFFFFF;
	
	width: 400px;
	width/* */:/**/376px;
	width: /**/376px;		
}
#logo {
	position: absolute;
	right: 32px;
	border: 0px;
	bottom: -320px;	
	
/* Hide from IE-Mac \*/	
	bottom: 20px;
/* End hide */		
}
h1 {
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 1px solid #8FC1E2;
	padding-bottom: 5px;
}

h2 {
	font-size: 0.9em;
	font-weight: bold;
}
a {
	color: #4D8FBF;
	text-decoration: none;
}
a:hover {
	color: #4D8FBF;
	text-decoration: underline;
}