body {
font-family: Helvetica, Arial, Verdana, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color: #222;
background-repeat:no-repeat;
background-position:center;
background-color: #f6f6f3;
}


h1,h2, h4  {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: -.05em;
  margin: 0;
  padding: 0;
  line-height: 1em;
}


h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}

h4 {
	color: #FBB03B;
	font-size: 16px;
}
#header {
background-image: url(header.png);
height: 299px;
text-align: center;
}
.logo {
padding-top: 21px;
}
#content {
	width: 640px;
	min-height:400px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	padding-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
}
#main-nav{
width:378px;
height:50px;
margin:0 auto;		
}
#main-nav ul{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
clear: left;
}
#main-nav ul li .home{
background: url(Home.png) 0px -50px;;
}
#main-nav ul li .marketing{
background: url(Marketing.png) 124px -50px;	
}
#main-nav ul li .about{
background: url(About.png) 84px -50px;
}			
#main-nav ul li .contact{
background: url(Contact.png) 101px -50px;	
}		
#main-nav ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#main-nav ul li a span{
display:none;
}
#main-nav ul li a.home{
width:69px;
height:50px;
margin:0px;
padding:0px;
display: block;
}
#main-nav ul li a.marketing{
width:124px;
height:50px;
margin:0px;
padding:0px;
display: block;	
}
#main-nav ul li a.about{
width:84px;
height:50px;
margin:0px;
padding:0px;
display: block;	
}
#main-nav ul li a.contact{
width:101px;
height:50px;
margin:0px;
padding:0px;
display: block;		
}
#main-nav ul li a.home:hover{
background: url(Home-.png) 69px -50px;;
}
#main-nav ul li a.marketing:hover{
background: url(Marketing-.png) 124px -50px;	
}
#main-nav ul li a.about:hover{
background: url(About-.png) 84px -50px;
}			
#main-nav ul li a.contact:hover{
background: url(Contact-.png) 101px -50px;	
}		
#footer {
	height: 123px;
	margin-left: auto;
	margin-right: auto;
	color:#222;
	font-size: 12px;
	padding-top:15px;
	padding-bottom:0px;
	text-align: center;
	background-image:url(footer.jpg)
}
a:link {
color: #A2362F;
text-decoration:none;
}
a:hover {
color:#FBB03B;
text-decoration:none;
}
a:visited {
color:  #A2362F;
text-decoration:none;
}

div#content a span {display: none;}
div#content a:hover span {
	display: block;
	position: absolute;
	top: 510px;
	left: 50%;
	width: 295px;
	height: 116px;
	background-image:url(bubble-2.gif);
	background-repeat:no-repeat;
	padding-top:8px;
	padding-left:10px;
	padding-right:8px;
	z-index: 100;
	color: #222;
	font: 12px "trebuchet ms", Tahoma, helvetica, verdana;;
	text-align: left;
}
   
a.srollover {
	display: block;
	width: 175px;
	height: 34px;
	margin-left:40%;
	background: url("quote.png") 0 0 no-repeat;
	text-decoration: none;
	position:absolute;
	left: 201px;
	top: 626px;
}

a:hover.srollover {
background-position: -175px 0;
}

li {
	font: 12px "trebuchet ms", Tahoma, helvetica, verdana;
	color: #222;
	margin: 0 0 .3em 0;
	font-weight: bold;
}