body {
	margin: 0;
	padding: 0;
	color: #2f3036;
	font: 16px georgia;
	background: #d1d1d1 url(images/background.jpg) no-repeat  top ;
	text-align: center;

}

a{
	text-decoration: none;
	color: #2f3036;
}
.content{width:680px; float:left}
img{border:none; padding: 2px; }
h2 {font-size: 22px}
h3 {font-size: 1.4em}
h4 {font: bolder 24px Georgia;
	text-decoration: none;
	color: #2f3036;
	padding: 2px;}



#wrapper {
	width: 775px;
	height:auto ;
	text-align: center;
	margin:0 auto;
	
}
#header {
position: relative;
	width: 775px; 
	height:auto ;
	
}
#contact{
	position: absolute; float: right; top: 40px; right: 0px;
}
#text {
	width: 775px;
	height: auto;
	text-align: left;
	font-weight: 500;
	
}
#clients {
	width: 775px;
	height: 700px;
	text-align: left;
	
	margin-top:40px;
	margin-bottom:80px;
}

#footer {
	width: 775px;
	height: auto;
	text-align: right;
	margin-top: 40px;
	margin-bottom: 4px;
	border-top: 2px solid #999999;
	font: 12px  ;
	color: #999999;
	padding-top: 4px;
}

.touch a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/touch.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.touch a:hover { 
background-position: 0 -200px;
no-repeat;
}
.jdm a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/jdm.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.jdm a:hover { 
background-position: 0 -200px;
no-repeat;
}
.level a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/level.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.level a:hover { 
background-position: 0 -200px;
no-repeat;
}
.kicks a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/kicks.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.kicks a:hover { 
background-position: 0 -200px;
no-repeat;
}
.brady a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/brady.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.brady a:hover { 
background-position: 0 -200px;
no-repeat;
}
.excell a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/excell.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.excell a:hover { 
background-position: 0 -200px;
no-repeat;
}
.saframes a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/saframes.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.saframes a:hover { 
background-position: 0 -200px;
no-repeat;
}
.cedar a {
display:block;
width: 250px;
height:200px;
float: left;
padding-left: 4px;
margin-top: 4px;
background: url("images/cedar.jpg") 0 -0px no-repeat;
text-decoration: none;
}
.cedar a:hover { 
background-position: 0 -200px;
no-repeat;
}