body {
background: #cdc9bc url(../images/bg_gradient.jpg) repeat-x;
}

#container {
background:transparent url(../images/blue_box.jpg) repeat scroll center bottom;
height:528px;
margin:auto;
overflow:hidden;
position:relative;
top:50px;
width:800px;
}

.window {
margin:auto;
overflow:hidden;
position:relative;
width:700px; 
}

#main {
  background: url(../images/trans_box.jpg) no-repeat;
  height: 300px;
  top: 63px;
}

#content {
  color: #767676;
  font-family: verdana;
padding:1px 10px 10px;
}

span.header {
font-weight:bold;
}

/* Navigation */

.hide {
  display: none;
}

a:active {
  outline: none;
}

#menu-background {
background:transparent url(../images/gallery_nav_shadow.png) no-repeat scroll 0% 0%;
height:299px;
margin:auto;
padding-left:80px;
padding-top:45px;
}

#nav {
  background: url(../images/nav_main.png) no-repeat;
  height: 35px;
  top: 50px;
}

#menu {
  margin: 0;
}

#menu li {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  position: absolute; 
  top: 0;
}

#menu li, #menu a {
  height: 35px; 
  display: block;
}

#about, #about-current {
  left: 35px;
  width: 150px;
}

#services, #services-current {
  left: 195px;
  width: 150px;
}

#gallery, #gallery-current {
  left: 355px;
  width: 150px;
}

#contact, #contact-current {
  left: 515px;
  width: 150px;
}

#about a:hover { background: transparent url(../images/nav_main.jpg) -35px 0px !important; }
#about a:active { background: transparent url(../images/nav_main.jpg) -35px -35px !important; }
#about-current { background: transparent url(../images/nav_main.jpg) -35px -70px !important; }

#services a:hover { background: transparent url(../images/nav_main.jpg) -195px 0px !important; }
#services a:active { background: transparent url(../images/nav_main.jpg) -195px -35px !important; }
#services-current { background: transparent url(../images/nav_main.jpg) -195px -70px !important; }

#gallery a:hover { background: transparent url(../images/nav_main.jpg) -355px 0px !important; }
#gallery a:active { background: transparent url(../images/nav_main.jpg) -355px -35px !important; }
#gallery-current { background: transparent url(../images/nav_main.jpg) -355px -70px !important; }

#contact a:hover { background: transparent url(../images/nav_main.jpg) -515px 0px !important; }
#contact a:active { background: transparent url(../images/nav_main.jpg) -515px -35px !important; }
#contact-current { background: transparent url(../images/nav_main.jpg) -515px -70px !important; }

#gallery-tip {
left:390px;
position:absolute;
top:180px;
z-index:2;
}

img#kristen {
  padding-top:15px;
  padding-left:15px;
}

#contact-info {
float:left;
margin-left:20px;
width:250px;
}

#contact-form {
float:left;
margin-left:20px;
width:375px;
}

blockquote#status {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin:18px 0 0;
padding:8px 10px 10px;
text-align:center;
width:232px;
}

blockquote#status.success {
background:#beffbe;
color:#5C793C;
}

blockquote#status.failure {
background:#ffbebe;
color:#484848;
}