* { margin: 0; padding: 0; list-style: none; }
html, body {
  font: 14px 'Lucida Grande',Trebuchet MS,Helvetica,sans-serif;
  background-color: #3F3F3F;
  color: #7B7B7B;
  min-height: 100%;
}
h1, h2, h3 { margin: 0; padding: 0; }
h1 { margin-bottom: 0.8em; font-weight: normal; font-size: 1.5em; }
h1 img { margin-right: 5px; }
h2 { font-size: 1.2em; }
a { color: #8D5CA6; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }
img { border: medium none; }

.right { float: right; }
.small { font-size: 14px; }
.purple { color: #8D5CA6; }
.shadowed { background: transparent url(../images/shadow.png) no-repeat 50% 100%; }

#background {
  background: #202020 url(../images/gradient_background.jpg) repeat-x 50% 100%;
  height: 550px;
  padding-top: 50px;
}
#content { width: 1000px; margin: 0 auto; position: relative; height: 500px; }

#header { }
#header #title { font-size: 32px; margin-left: 80px; }
#header #more {
  position: absolute; top: 0; right: 0;
  background: transparent url(../images/curved_arrow.png) no-repeat 100% 100%;
  height: 30px;
  padding: 15px 50px 0 0;
}

#info { margin-top: 50px; font-size: 13px; text-align: center; }

#window { position: relative; left: 50px; overflow: hidden; width: 900px; display: block; height: 400px; }
#photos { position: absolute; width: 4000px; }
.photos { margin-left: 20px; text-align: center; width: 900px; display: block; float: left; }
.photo { float: left; margin: 50px 20px 0 0; width: 200px; padding-bottom: 30px; text-align: center; }

#left_button { position: absolute; left: 0; top: 60%; }
#right_button { position: absolute; right: 0; top: 60%; }
#left_button img, #right_button img { cursor: pointer; }

#columns { margin: 0 auto; width: 800px; height: 150px; }
#columns h2 { margin-bottom: 10px; }
.column { width: 300px; float: left; padding: 0 40px; }

#copyright { margin: 30px auto 0; color: #555; font-size: 12px; text-align: center; }

.mt15 { margin-top: 15px; }