body {
  text-align: center;
  margin: 0px auto;
  background: #F7F7F7;
  font-family: Verdana, Geneva, sans-serif;
}

#container {
  position: relative;
  background: #fff url(background.jpg);
  width: 780px;
  border-left: 20px solid #B0C4DE;
  border-right: 20px solid #B0C4DE;
  text-align: center;  
  margin: 0px auto;
}

#header {
  background: url(header.gif) no-repeat;
  height: 120px;
  width: 780px;
  margin: 0 0 0 20px;
}

#centerBox {
  text-align: center;
  margin: 0px auto;
}

#wrapper {
  text-align: left;
  padding: 0px;
}

ul {
  list-style: none;
  text-align: left;
}

#nav_box {
  border: 10px solid #7A8B8B;
  width: 600px;
  height: 400px;
  margin: 0 0 0 80px;
}

#content {
  border-top: 10px solid #7A8B8B;
  background: #fff;
			filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
  margin: 0 0 0 30px;
  padding: 0 10px;
  width: 700px;
  height: 100%;
  font-size: 0.9em;
  text-align: left;
}


#menu a {
  position: absolute;
  top: 0px;
  left: 0px;
  text-decoration: none;
}

#menu a i { visibility: hidden;}

a#services { left: 262px; top: 130px; right: 420px; bottom: 350px; }
a#portfolio { left: 380px; top: 130px; right: 300px; bottom: 330px; }
a#testimonials { left: 546px; top: 130px; right: 100px; bottom: 340px; }
a#photoshop { left: 408px; top: 236px; right: 210px; bottom: 180px; }
a#video { left: 393px; top: 366px; right: 250px; bottom: 100px; }
a#css { left: 314px; top: 275px; right: 310px; bottom: 175px; }
a#cart { left: 90px; top: 370px; right: 465px; bottom: 0px; }
a#contact { left: 585px; top: 319px; right: 100px; bottom: 100px; }
a#about { left: 573px; top: 250px; right: 100px; bottom: 140px; }

a#services:hover { background: url(services.jpg) no-repeat;}
a#portfolio:hover { background: url(portfolio.jpg) no-repeat;}
a#testimonials:hover { background: url(testimonials.jpg) no-repeat;}
a#photoshop:hover { background: url(photoshop.jpg) no-repeat; border: none;}
a#video:hover { background: url(flash.jpg) no-repeat; border: none;}
a#css:hover { background: url(css.jpg) no-repeat; border: none;}
a#cart:hover { background: url(carts.jpg) no-repeat; border: none;}
a#contact:hover { background: url(contact.jpg) no-repeat; border: none;}
a#about:hover { background: url(aboutme.jpg) no-repeat; border: none;}


#footer {
  font-size: 0.6em;
  text-align: right;
  margin: 0px;
}

h1 { 
  margin: 20px 0 0 0 ;
}

h3 {
  text-align: left;
}

h4 { 
  margin: 0px;
  font-style: italic;
  text-align: right;
  font-weight: 100;
}

h5 {
  margin: 0px;
  text-align: left;
  font-weight: normal;
}

a {text-decoration: none;}
a:link {color:#668B8B; }
a:visited {color: #2F4F4F;}
a:hover { text-decoration: underline;}