/*-------------------------------------------------
  magenta: d74487
  orange: ff9900
  yellow: f8ce43
  green: d4e741
  blue: 58d0dd

  dk grey: 636467
  lt grey: 939598
  
-------------------------------------------------*/

@import 'lightwindow.css';

body {
  font: normal 14px "Lucida Grande", verdana, arial, helvetica;
  margin: 1em 0 0 0;
  padding: 0;
  color: #333;
  background: #fff;
}

dl {
  margin-left: 10px;
  padding-left: 15px;
  border-left: 5px solid #eee;
}

dt { font: normal 16px georgia, times, serif; }

dd {
  margin: 5px 0 20px 0;
  font-size: 11px;
  color: #444;
}

address { font-style: normal; }

h1, h2, h3 {
  font-family: "helvetica neue", arial, helvetica, sans-serif;
  color: #393939;
  text-transform: lowercase;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

h1 { font-size: 25px; }

h2 { font-size: 22px; }

a {
  color: #58d0dd;
  text-decoration: none;
}

a:hover {
  color: #58d0dd;
  text-decoration: underline;
}

a.selected {
  color: #58d0dd;
  text-decoration: underline;
}

a img { border: none; }

th {
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #e3e3e3;
}

#page {
  width: 850px;
  margin: 0 auto 25px auto;
}

#header {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #ddd;
  height: 60px;
}

#header .logo { float:left; }

#header .logo h1 {
  margin: 0;
  font-size: 28px;
}

#header .logo h1 a {
  color: #000;
  text-decoration: none;
}

#header .logo h1 a:hover {
  color: #000;
  text-decoration: underline;
  background: transparent;
}

#header .navigation {
  float: right;
  margin-top: 14px;
}

#header .navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#header .navigation ul li {
  display: inline;
  list-style-type: none;
}

#header .navigation a {
  color: #000;
  text-decoration: none;
  padding: 2px;
}

#header .navigation a:hover {
  color: #fff;
  background: #939598;
}

#header .navigation a.selected {
  color: #fff;
  background: #939598;
}

#content {
  margin: 0 0 5px 0;
  padding: 10px 0;
  min-height: 300px;
}

#content ul { padding-left: 5px; }

#content li { margin-left:  10px; }

#content h1 { margin-top: 1px; }

#content h1 a {
  color: #363636;
  text-decoration: none;
}

#content h1 a:hover {
  color: #363636;
  text-decoration: underline;
  background: transparent;
}

#content h2 { margin-top: 5px; }

#content h2 a {
  color: #363636;
  text-decoration: none;
}

#content h2 a:hover {
  color: #363636;
  text-decoration: underline;
  background: transparent;
}

#content .bio { height: 150px; }

#content .bio img {
  float: right;
  margin-left: 20px;
}

#content .bio p { margin-left: 10px; }

#content.contact p {
  margin-top: 100px;
  text-align: right;
}

#content .navigation {
  float: right;
  margin-top: 5px;
  font-size: 11.5px;
}

#content .navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content .navigation ul li {
  display: inline;
  list-style-type: none;
}

#content .navigation a {
  color: #555;
  text-decoration: none;
  padding: 2px;
}

#content .navigation a:hover {
  color: #999;
  background: #333;
}

#content .navigation a.selected {
  color: #999;
  background: #333;
}

#content .package {
  margin-left: 3px;
}

#content .package ul {
  margin-left: 10px;
  list-style-type: square;
  font-size: 12px;
}

#content .disclaimer {
  margin-top: 2em;
  font-size: 11px;
  color: #333;
}

#sidebar {
  font: normal 16px georgia, times, serif;
  float: right;
  width: 175px;
  margin: 25px 5px 0 0;
}

#sidebar ul {
  margin-left: 0;
  padding-left: 0;
}

#sidebar ul li { list-style-type: none; }

#sidebar ul.links li { margin-bottom: 5px; }

#footer {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  font-size: 11px;
}

#footer a { color: #636467; }

#footer a:hover {
  color: #636467;
  text-decoration: underline;
}

#footer span.info {
  float: left;  
}

#footer span.copyright {
  float: right;
}
.gallery { float: left; margin: 0 30px 30px; }
.gallery a.default img { width: 150px; }