body
{ 
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size:10px;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1, h2, h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 20px;
}

h2 {
font-size: 16px;
text-align: center;
}

/*-- Global Positioning --*/

.container {
	width: 760px;
	margin: 0 auto 0 auto;
	Border-left: #ccc 1px solid;
	Border-right: #ccc 1px solid;
}

/*-- Header --*/

.header {
	width: 760px;
	border-top: 7px solid #a0a0a0;
}

.logo {
	WIDTH: 50%; 
	padding-top: 10px;
	TEXT-ALIGN: left;
	float: left;
}

.quote {
	width: 50%;
	padding-top: 10px;
	text-align: right;
	float: right;
}
	

.menu {
	BACKGROUND: url('http://www.graygraphics.com/images/gray.gif') repeat-x;
	WIDTH:100%;
	HEIGHT:27px;
	text-align: right;
}

.website {
	margin: 0 10px 5px 10px;
	font-size: 10px;
	font-style: italic;
	float: right;
	width: 350px;
	text-align: center;
}

/*-- Main Content --*/

.main
{
	width: 760px;
	font-family: Verdana;
	font-size:12px;
	font-weight:normal;
	color:#545050;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

.mainheader
{
	width: 760px;
	height: 24px;
	BORDER-BOTTOM: #999 2px solid;
	background: url('images/toolbar.gif');
	overflow: hidden;
	padding-top: 8px;
	text-align: center;
}

.spec
{
	width: 60%;
	padding-bottom: 10px;
	padding-right: 20px;
	margin: 0 auto 0 auto;
	float: left;
}

.moreinfo
{
	width: 35%;
	margin-top: 40px;
	float: left;
	border: 1px solid #f7941d;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
}

.icon
{
	width: 60px;
	height: 60px;
	padding-right: 7px;
	float: left;
	padding-top: 10px;
}

#webdesign a
{
	background: url('images/webdesign.png') 0 0 no-repeat;
	display: block;
	width: 100px;
	height: 24px;
	overflow: hidden;
	float: left;
	margin-left: 80px;
}

#webdesign a:hover
{
	background-position: -100px 0;
}

#customprog a
{
	background: url('images/customprogramming.png') 0 0 no-repeat;
	display: block;
	width: 196px;
	height: 24px;
	overflow: hidden;
	float: left;
	margin-left: 30px;
}

#customprog a:hover
{
	background-position: -196px 0;
}

#seo a
{
	background: url('images/seo.png') 0 0 no-repeat;
	display: block;
	width: 244px;
	height: 24px;
	overflow: hidden;
	float: left;
	margin-left: 30px;
}

#seo a:hover
{
	background-position: -244px 0;
}

.content
{
	width: 750px;
	padding: 10px;
	margin: 5px 0 5px 0;
}

/*-- SideBar --*/

.links
{ 
	font-size: 11px;
	margin: 0 10px 0 10px;
	text-align: center;
}

.subNav
{
	padding-top: 5px;
	float: left;
	padding-left: 10px;
}

.subNav a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}

/*-- Footer --*/

.footer {
	width: 760px;
	clear: both;
	font-family: Verdana;
	font-size:10px;
	font-weight:normal;
	color:#979797;
}

.footerdots
{
	BACKGROUND: url('http://www.graygraphics.com/images/dotpattern.gif'); 
	WIDTH: 760px; 
	HEIGHT: 40px; 
	TEXT-ALIGN: center;
}

.footer a
{
	font-family: Verdana;
	font-size:10px;
	font-weight:normal;
	color:#979797;
	text-decoration: underline;
}

.footer a:hover
{
	font-family: Verdana;
	font-size:10px;
	font-weight:normal;
	color:#CC8B00;
}