@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 9pt;
	color: #6a747c;
	background-color: #6a747c;
}

a
{
  outline: none;
}

#wrapper {
	width: 900px;
	margin: auto;
	background-color: #FFFFFF;
}

#header {
	width: 900px;
	margin: auto;
	display: block;
	height: 160px;
}

#logo {
	width: 160px;
	margin: auto;
	display: block;
	height: 160px;
	float: left;
}





/* -------------- navigation -------------------- */





#navbar {
	height: 160px;
}


#gohome
{
	display: block;
	width: 90px;
	height: 160px;
	background: url(../images/button_home.jpg) no-repeat 0 0;
	float: left;
}

#gohome:hover
{ 
  	background-position: 0 -160px;
}

#zetoway
{
	display: block;
	width: 120px;
	height: 160px;
	background: url(../images/button_zetoway.jpg) no-repeat 0 0;
	float: left;
}

#zetoway:hover
{ 
  	background-position: 0 -160px;
}

#contact
{
	display: block;
	width: 85px;
	height: 160px;
	background: url(../images/button_contact.jpg) no-repeat 0 0;
	float: left;
}

#contact:hover
{ 
  	background-position: 0 -160px;
}

#zetofolio
{
	display: block;
	width: 105px;
	height: 160px;
	background: url(../images/button_zetofolio.jpg) no-repeat 0 0;
	float: left;
}

#zetofolio:hover
{ 
  	background-position: 0 -160px;
}

#news
{
	display: block;
	width: 75px;
	height: 160px;
	background: url(../images/button_news.jpg) no-repeat 0 0;
	float: left;
}

#news:hover
{ 
  	background-position: 0 -160px;
}

#us
{
	display: block;
	width: 40px;
	height: 160px;
	background: url(../images/button_us.jpg) no-repeat 0 0;
	float: left;
}

#us:hover
{ 
  	background-position: 0 -160px;
}

#zetomonial
{
	display: block;
	width: 105px;
	height: 160px;
	background: url(../images/button_zetomonial.jpg) no-repeat 0 0;
	float: left;
}

#zetomonial:hover
{ 
  	background-position: 0 -160px;
}

#services
{
	display: block;
	width: 110px;
	height: 160px;
	background: url(../images/button_services.jpg) no-repeat 0 0;
	float: left;
}

#services:hover
{ 
  	background-position: 0 -160px;
}





/* -------------- portfolio navigation -------------------- */





#portnavbar {
	width: 160px;
}


#portidentity
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_identity.jpg) no-repeat 0 0;
	float: left;
}

#portidentity:hover
{ 
  	background-position: 0 -30px;
}

#portcollateral
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_collateral.jpg) no-repeat 0 0;
	float: left;
}

#portcollateral:hover
{ 
  	background-position: 0 -30px;
}

#portadvertising
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_advertising.jpg) no-repeat 0 0;
	float: left;
}

#portadvertising:hover
{ 
  	background-position: 0 -30px;
}

#portdirectmail
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_directmail.jpg) no-repeat 0 0;
	float: left;
}

#portdirectmail:hover
{ 
  	background-position: 0 -30px;
}

#portweb
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_web.jpg) no-repeat 0 0;
	float: left;
}

#portweb:hover
{ 
  	background-position: 0 -30px;
}

#portspecial
{
	display: block;
	width: 160px;
	height: 30px;
	background: url(../images/button_special.jpg) no-repeat 0 0;
	float: left;
}

#portspecial:hover
{ 
  	background-position: 0 -30px;
}






/* -------------- portal area -------------------- */





#portal {
	width: 840px;
	padding-top: 45px;
	padding-left: 20px;
}

#casestudy {
	width: 120px;
	margin-top: 30px;
	float: left;
	margin-left: 20px;
	height: 335px;
	font-size: 12px;
}

#casestudy p1 {
	font-size: 12px;
}

#title {
	width: 120px;
	height: 40px;
	font-size: 16px;
	text-decoration: none;
}





/* -------------- content -------------------- */





#homecontent {
	width: 820px;
	padding-top: 10px;
	padding-left: 40px;
	margin-right: 40px;
}

#homeleft {
	width: 160px;
	float: left;
}

#homeright {
	width: 580px;
	padding-right: 40px;
	padding-left: 40px;
	float: right;
	font-size: 10pt;
	line-height: 16pt;
}

#interior {
	width: 820px;
	padding-top: 20px;
	padding-left: 40px;
	margin-right: 40px;
}

#interiorleft {
	width: 160px;
	float: left;
	margin-top: 40px;
}

#interiorleftb {
	width: 160px;
	float: left;
	margin-top: 40px;
	height: 300px;
}

#interiorright {
	width: 620px;
	padding-left: 40px;
	float: right;
	margin-top: 40px;
	font-size: 10pt;
	line-height: 16pt;
}

#subnav {
	width: 160px;
	float: left;
	margin-top: 40px;
	height: 210px;
}



/* -------------- footer -------------------- */




#footer {
	width: 860px;
	height: 200px;
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	text-align: center;
	background-color: #94c23d;
}

#footer p {
	font-size: 7pt;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer h3 {
	font-size: 8pt;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #6a747c;
}

#footer #altnav {
	text-align: center;
	font-size: 8pt;
}





/* -------------- misc -------------------- */




.links {
	color: #6a747c;
	text-decoration: none;
}

.linksline {
	color: #6a747c;
	text-decoration: underline;
}

.links2 {
	color: #82868a;
	text-decoration: none;
	font-size: 8.5pt;
}

.links3 {
	color: #94c23d;
	text-decoration: none;
}

.folio {
	color: #cecece;
	text-decoration: none;
	text-align: left;
}

.test {
	color: #6a747c;
	text-decoration: none;
	font-size: 8pt;
	line-height: 11pt;
}

.scroll {
	color: #cecece;
	text-decoration: none;
	font-size: 8pt;
	line-height: 11pt;
}

.sub {
	color: #6a747c;
	text-decoration: none;
	font-size: 9pt;
	line-height: 12pt;
}

.news {
	color: #6a747c;
	text-decoration: none;
	font-size: 9pt;
	line-height: 24pt;
}

.newshead {
	color: #d05506;
	text-decoration: none;
	font-size: 20pt;
	line-height: 24pt;
}

.floatleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.floatright {
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.clearit {
	clear: both;
}

.img {
	margin-bottom: 60px;
}