/*
===============================
  Proud Creative
  http://www.proudcreative.com/
  (C)2009
===============================
*/


/* Global */

h3:focus {
  outline: none;
}

html, body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

h1, h2, h3, li, p {
  position: relative;
  top: -3px;
}

h1, h2, h3, ul li {
  font-weight: bold;
}

h2, h3 {
  margin: 0 0 0px 0;
}

ul {
  width: 100%;
  float: left;
  clear: both;
  padding: 0 0 16px 0;
}

ul li {
  float: left;
  clear: both;
}

li ul {
  margin-top: 3px;
  margin-bottom: -3px;
}

ul ul li, ul ul li a {
  display: block;
  width: 100%;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
}

p {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
  margin-bottom: 16px;
}

a {
  text-decoration: none;
}

a:hover, ul li a.selected {
  text-decoration: underline;
}

a:active, a:focus {
  outline: 0;
}



/* classes */

div.divider {
  height: 1px;
  margin: 0 0 7px 0;
  overflow: hidden;
  clear: both;
}

.large {
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 24px;
  word-spacing: -2px;
  position: relative;
  top: -4px;
}

.accordion {
  margin-top: -8px;
}

.accordion h3, .button {
  display: block;
  top: 0;
  padding: 8px 13px 8px;
  margin-top: 8px;
  color: #fff;
}

.accordion div {
  padding: 0 13px 8px;
  color: #fff;
  overflow: hidden;
}

.accordion div a, .accordion div a:hover {
  color: #fff;
}

.accordion div p {
  width: 300px;
}

.accordion div ul li a {
  color: #fff;
}

.accordion .divider {
  background-color: #fff;
  height: 1px;
  margin: 0 0 7px 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}



/* #header */

#header {
  margin: 32px 0 0 0;
}

#header a#logo {
  display: block;
  margin: 0 10px 0 0;
  float: left;
}

#header h1 {
  width: 366px;
  float: left;
}

#header p {
  float: left;
}



/* #content */

#content .section {
  margin-bottom: 32px;
}

#content #media, #content object, #content a.crossfade, #google_streetview_canvas {
  margin-bottom: 16px;
}

#content a.crossfade {
  display: block;
}

#content a.crossfade img {
  margin-bottom: 0px;
}

#content a.crossfade img:hover {
  opacity: 0;
}

a#google_map_button {
  margin: 0 0 16px 0;
  color: #fff;
}

a#google_map_button:hover {
  text-decoration: none;
}


/* #footer */

#footer {
  margin: 32px 0 0 0;
}

#toggle-grid {
  padding: 0 2px;
}

#toggle-grid:hover {
  text-decoration: none;
}


/* sIFR CSS */

.flash-replaced {
  margin-top: -1px;
  margin-bottom: 13px;
}
.flash-replaced .alt {
  display: none;
}

.large-last {
  margin-bottom: 38px;
}


/* Grid */

.grid {
  background-image: url('/assets/images/grid.png');
  background-repeat: repeat-y;
}


/*
========================
  Colors
=========================
*/

/* blue */

.blue-dark {
  color: #009ce7;
}

.blue-dark-background {
  background-color: #009ce7;
}

.blue-light {
  color: #e9f0f1;
}

.blue-light-background {
  background-color: #e9f0f1;
}


/* green */

.green-dark {
  color: #00af00;
}

.green-dark-background {
  background-color: #00af00;
}

.green-light {
  color: #e5efe7;
}

.green-light-background {
  background-color: #e5efe7;
}


/* grey */

.grey-dark {
  color: #60524c;
}

.grey-dark-background {
  background-color: #60524c;
}

.grey-light {
  color: #eae6e3;
}

.grey-light-background {
  background-color: #eae6e3;
}


/* orange */

.orange-dark {
  color: #ff3200;
}

.orange-dark-background {
  background-color: #ff3200;
}

.orange-light {
  color: #f1e7e2;
}

.orange-light-background {
  background-color: #f1e7e2;
}


/* pink */

.pink-dark {
  color: #ec00c4;
}

.pink-dark-background {
  background-color: #ec00c4;
}

.pink-light {
  color: #fce9f6;
}

.pink-light-background {
  background-color: #fce9f6;
}


/* purple */

.purple-dark {
  color: #6c1a91;
}

.purple-dark-background {
  background-color: #6c1a91;
}

.purple-light {
  color: #e5e4ee;
}

.purple-light-background {
  background-color: #e5e4ee;
}