/* CSS Document */
body {
margin:0 auto; padding:10px 0 10px 0;
background-image:url(img/pagebackground.jpg);
font-family:Arial Narrow, Arial, Helvetica;
font-size:14.5px;
color:#333333;
word-spacing:4px;
line-height:15px;
}
#container {
margin: 0 auto;
width:850px;
min-height:650px;
border-top:1px solid #26418C;
border-left:1px solid #26418C;
border-right:1px solid #26418C;
border-bottom:1px solid #26418C;
background-color:white;
}
#nav {
width:850px; 
height:64px; 
margin:0px auto;
padding:0px;
background-image:url(img/nav-bg.jpg);
}
#content {
width:810px; 
min-height:500px; 
margin:0px auto;
padding:10px 30px 0px 10px; 
background-image:url(img/maincontent-bg.jpg);
}
#footer {
width:850px; 
height:93px; 
margin:0px auto;
padding:0px;
}
.right {
  float:right;
  margin-bottom:5px;
  padding:0px 0px 10px 10px;
}

.left {
  float:left;
  margin-right:10px;
  margin-bottom:3px;
  padding:0px 0px 0px 0px;
}
h1 {
font-family:Berlin Sans FB, arial, helvetica;
font-size:16px;
font-weight:700;
font-style:normal;
color:#8BC86F;
word-spacing:3px;
line-height:17px;
}

/*side navigation*/
#nav-top a:link, #nav-top a:visited {
margin:0 auto;
text-align:right;
width:60px;
}

#nav-top {
  margin:0px 0 0 420px; padding:0;
  list-style:none;
  clear:both;
  width:420px;
}

#nav-top li a:hover {
  display:block;
  width:60px;
  height:15px;
}


#nav-top li {
  background:none;
  display:block;
  width:60px;
  height:15px;
  margin-right:20px;
  float:left;
  list-style:none;
  padding-left:0;
}
#nav-top li a {
display:block;
	width:60px;
	height:15px;
	background-color:transparent;
}

#nav-top li #Home {
margin: 40px 0 0 0;
background-image:url(img/buttons/home-over.gif);
}
#nav-top li #Home:hover {
margin: 40px 0 0 0;
background-image:url(img/buttons/home-down.gif);
}
#nav-top li #Services {
margin: 40px 0 0 0;
background-image:url(img/buttons/services-over.gif);
}
#nav-top li #Services:hover {
margin: 40px 0 0 0;
background-image:url(img/buttons/services-down.gif);
}
#nav-top li #Photos {
margin: 40px 0 0 0;
background-image:url(img/buttons/photos-over.gif);
}
#nav-top li #Photos:hover {
margin: 40px 0 0 0;
background-image:url(img/buttons/photos-down.gif);
}
#nav-top li #beforeafter {
margin: 40px 0 0 0;
background-image:url(img/buttons/b-a-over.gif);
}
#nav-top li #beforeafter:hover {
margin: 40px 0 0 0;
background-image:url(img/buttons/b-a-down.gif);
}
#nav-top li #Contact {
margin: 40px 0 0 0;
background-image:url(img/buttons/contact-over.gif);
}
#nav-top li #Contact:hover {
margin: 40px 0 0 0;
background-image:url(img/buttons/contact-down.gif);
}