.navigation, .side-navigation { text-align: center; }
.left-navigation

.navigation a,
.side-navigation a { display: inline-block; background-repeat: repeat-y;
    vertical-align: middle; margin-top: 10px; }
	.left-navigation a { display: inline-block; background-repeat: repeat-y;
    position: absolute; z-index: 1; }
  .navigation a span,
  .side-navigation a span { display: none; }
  .left-navigation a span { display: none; }

.navlinks {
	margin:0px 20px;
	padding:10px;
	text-align: right;
/*
	background-color:red;
	background-color:#F0E4C5;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
*/
}
	.navlinks a img { padding-top:10px }
	.navlinks a.imagenav { }
		.navlinks a.imagenav:hover { opacity:0.6;  }

.navigation a { 
	color:#A19160;
	font-size:1.3em;
	padding:0 10px;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 1px 1px 1px #404040;
	margin:0;
}
	.navigation a:hover {
		color:#F0E4C5;
	}
	
/*
  .navigation a.activity-breaks { width: 151px; height: 117px;
      background-image: url(../images/icons/activity-breaks.png); }
    .navigation a.activity-breaks:link { background-position: 0 0; }
    .navigation a.activity-breaks:hover { background-position: 0 120px; }

  .navigation a.surf-shack { width: 124px; height: 112px;
      background-image: url(../images/icons/surf-shack.png); }
    .navigation a.surf-shack:link { background-position: 0 0; }
    .navigation a.surf-shack:hover { background-position: 0 113px; }

  .navigation a.film { width: 115px; height: 115px;
      background-image: url(../images/icons/film.png); }
    .navigation a.film:link { background-position: 0 0; }
    .navigation a.film:hover { background-position: 0 115px; }

  .navigation a.boot-camp { width: 153px; height: 111px;
      background-image: url(../images/icons/boot-camp.png); }
    .navigation a.boot-camp:link { background-position: 0 1px; }
    .navigation a.boot-camp:hover { background-position: 0 115px; }

  .navigation a.van-rental { width: 198px; height: 111px;
      background-image: url(../images/icons/van-rental.png); }
    .navigation a.van-rental:link { background-position: 0 0; }
    .navigation a.van-rental:hover { background-position: 0 113px; }

  .navigation a.contact { width: 85px; height: 85px;
      background-image: url(../images/icons/contact.png); }
    .navigation a.contact:link { background-position: 0 0; }
    .navigation a.contact:hover { background-position: 0 85px; }
.side-navigation a { }
  .side-navigation a.home { width: 112px; height: 97px;
      background-image: url(../images/icons/home.png); }
    .side-navigation a.home:link { background-position: 0 0; }
    .side-navigation a.home:hover { background-position: 0 97px; }

  .side-navigation a.photos { width: 146px; height: 159px;
      background-image: url(../images/icons/photos.png); }
    .side-navigation a.photos:link { background-position: 0 0; }
    .side-navigation a.photos:hover { background-position: 0 158px; }
  
  .navigation a.van-rental { width: 316px; height: 322px;
      top: 620px; left: 550px;
      background-image: url(../images/icons/van-rental.png); }
    .navigation a.van-rental:link { background-position: 0 0; }
    .navigation a.van-rental:hover { background-position: 0 320px; }

  .navigation a.contact { width: 139px; height: 142px;
      top: 100px; left: 860px;
      background-image: url(../images/icons/contact.png); }
    .navigation a.contact:link { background-position: 0 0; }
    .navigation a.contact:hover { background-position: 0 143px; }
*/

  
.side-navigation { }
  .side-navigation a.home { width: 112px; height: 97px;
      background-image: url(../images/icons/home.png); }
    .side-navigation a.home:link { background-position: 0 0; }
    .side-navigation a.home:hover { background-position: 0 97px; }
  
  .side-navigation a.contact { width: 85px; height: 85px;
      background-image: url(../images/icons/contact.png); }
    .side-navigation a.contact:link { background-position: 0 0; }
    .side-navigation a.contact:hover { background-position: 0 85px; }
    
  .side-navigation a.photos { width: 146px; height: 159px;
      top: 180px; left: -110px;
      background-image: url(../images/icons/photos.png); }
    .side-navigation a.photos:link { background-position: 0 0; }
    .side-navigation a.photos:hover { background-position: 0 158px; }
	
	.left-navigation a.surfboard { width: 452px; height: 118px;
      top: 245px; left: 25px;
      background-image: url(../images/icons/surfboard.png); }
    .left-navigation a.surfboard:link { background-position: 0 0; }
    .left-navigation a.surfboard:hover { background-position: 0 114px; }