body {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 0;
	margin-bottom:0;
	letter-spacing: .03em;
	background-color:#CCCCCC;

}

.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing:0.03em;
	padding-top:18px;
	padding-right:21px;
	background-image: url(images/homecontent.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	
	}
	
.main-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
	letter-spacing:.03em;
	padding-left:142px;
	padding-right:33px;
	text-align:right;
	}
	
.textlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066cc;
	line-height: 12px;
	letter-spacing:.03em;
	text-decoration:none;
	font-weight:700;
	}

a:link.textlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	line-height: 12px;
	letter-spacing:.03em;
	font-weight:700;
	color: #0066cc;
	}

a:visited.textlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	line-height: 12px;
	letter-spacing:.03em;
	font-weight:700;
	color: #0066cc;
	}

	
a:hover.textlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	line-height: 12px;
	letter-spacing:.03em;
	font-weight:700;
	color: #AE4E04;
	}

	
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing:.03em;
	text-align:justify;
	padding-right:20px;
	padding-left:2px;
	padding-bottom:8px;
	
	vertical-align:top;
	
	}
	
#heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:700;
	color: #014EAF;
	letter-spacing:0.03em;
	line-height:14px;
	padding-top:14px;
	padding-right:25px;
	padding-bottom:12px;
	padding-left:7px;
	vertical-align:top;
	text-align: left;	
	}
	
	
a:link{
	
	color: #0066cc;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	
	}
a:visited{
	
	color: #0066cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;

	
	}

	
a:hover{
	
	
	color: #AE4E04;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;

	}
	

		
.submenu{
	
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 29px;
	letter-spacing: .01em;
	padding-left:6px;
	text-decoration:none;
	font-weight:200;
	
	
	}

a:link.submenu{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 29px;
	letter-spacing: .01em;
	padding-left:6px;
	text-decoration:none;
	font-weight:200;
	
	
	}
a:visited.submenu{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 29px;
	letter-spacing: .01em;
	padding-left:6px;
	text-decoration:none;
	font-weight:200;

	color: #ffffff;

	
	}

	
a:hover.submenu{
	
	
	color: #009900;
	
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 29px;
	letter-spacing: .01em;
	padding-left:6px;
	text-decoration:none;
	font-weight:200;

	}
	


#footer
	{
	font-size: 9px;
	color: #ffffff;
	line-height: 169%;
	letter-spacing: 0.02em;

	
	padding-top: 6px;
	padding-bottom: 6px;
	
	background-color:#014EAF;
	}

#footer a
	{
	font-size: 9px;
	color: #ffffff;
	line-height: 169%;
	letter-spacing: 0.02em;
	
	}
	
	/* top nav -------- */

#nav	{
width: 500px;
height: 30px;
border: 0;
padding: 0;
margin: 0 20px;
background: transparent;
}
	
#nav ul	{
width: 500px;
height: 30px;
background: url(nav.jpg);
margin: 0;
padding: 0;
vertical-align:bottom;
position: relative;
}
	
#nav ul li	{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
	
#nav ul li, #nav a	{
height: 30px;
display: block;
}

#nav ul li a	{
text-indent: -9999px; 
text-decoration: none;
}

#n1 {left: 0; width: 66px;}
#n2 {left: 67px; width: 65px;}
#n3 {left: 133px; width: 79px;}
#n4 {left: 213px; width: 73px;}
#n5 {left: 287px; width: 66px;}
#n6 {left: 353px; width: 67px;}
#n7 {left: 420px; width: 78px;}

#n1 a:hover {
	background-color: transparent;
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -39px;
}
#n2 a:hover {background: transparent url(nav.jpg) -67px -39px no-repeat;}
#n3 a:hover {background: transparent url(nav.jpg) -133px -39px no-repeat;}
#n4 a:hover {background: transparent url(nav.jpg) -213px -39px no-repeat;}
#n5 a:hover {background: transparent url(nav.jpg) -287px -39px no-repeat;}
#n6 a:hover {background: transparent url(nav.jpg) -353px -39px no-repeat;}
#n7 a:hover {background: transparent url(nav.jpg) -420px -39px no-repeat;}

/* current page */
body#home #n1 {background: transparent url(nav.jpg) 0 -39px no-repeat;}
body#about #n2 {background: transparent url(nav.jpg) -67px -39px no-repeat;}
body#services #n3 {background: transparent url(nav.jpg) -133px -39px no-repeat;}
body#clients #n4 {background: transparent url(nav.jpg) -213px -39px no-repeat;}
body#demo #n5 {background: transparent url(nav.jpg) -287px -39px no-repeat;}
body#store #n6 {background: transparent url(nav.jpg) -353px -39px no-repeat;}
body#contact #n7 {background: transparent url(nav.jpg) -420px -39px no-repeat;}