html {
  min-width: 1000px;
}

body {
  background: #d4d4d4 url(../i/back.png) repeat-y scroll center top;
  border: 0 none;
  color: #000;
  font-family: "Lucida Grande", "Trebuchet MS", "Geneva", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size: small;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#wrapper {
  color: #000;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 940px;
}

div#logo {
  height: 71px;
  margin: 20px 0 0 0;
  width: 473px;
}

h1 {
  border: 0 none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
}

h1 a:link, h1 a:visited {
  background: #fff url(../i/logo.png) no-repeat scroll left top;
  display: block;
  height: 71px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

p.access {
  display: none;
}

div#nav {
  margin: 10px 0 20px 0;
}

#nav ul {
  list-style-type: none;
  margin: 0 0 0 50px;
  padding: 0;
}

#nav ul, #nav li {
  display: inline;
  font-size: 24px;
}

#nav li {
  color: #666;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "Trebuchet MS", "Geneva", "Bitstream Vera Sans", Verdana, sans-serif;
  padding: 0 4px;
  text-transform: lowercase;
}

#nav a, #nav a:visited {
  text-decoration: none;
}

#nav a:hover {
  text-decoration: underline;
}

a#interaction_design, a#interaction_design:visited {
  color: #b833b8;
}

a#interaction_design:hover {
  color: #ff94ff;
}

a#web_development, a#web_development:visited {
  color: #1254b8;
}

a#web_development:hover {
  color: #95c4ff;
}

a#spiritual_healing, a#spiritual_healing:visited {
  color: #75b812;
}

a#spiritual_healing:hover {
  color: #c7ff61;
}

body#design a#interaction_design, body#design a#interaction_design:visited, body#design a#interaction_design:hover,
body#development a#web_development, body#development a#web_development:visited, body#development a#web_development:hover,
body#heal a#spiritual_healing, body#heal a#spiritual_healing:visited, body#heal a#spiritual_healing:hover {
  color: #000;
  border-bottom: 3px solid black;
  text-decoration: none;
}

div#content {
  float: left;
  width: 560px;
  margin: 0 20px 0 0;
}

div#panels {
  float: left;
  width: 360px;
}

div#preamble, p#preamble {
  font-size: 20px;
  line-height: 26px;
}

div#search {
  background: #ebebeb none no-repeat scroll 0%;
  border: 1px solid #989898;
  color: #999;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

div#spiritual_healing_preamble {
  background: #e9ffd8 none no-repeat scroll 0%;
  border: 3px solid #090;
  font-size: 24px;
  font-weight: bold;
  height: 272px;
  padding: 20px;
  text-align: center;
  line-height: 32px;
  margin: 0 0 20px 0;
}

div#spiritual_healing_preamble #pitch {
  float: left;
  width: 619px;
  padding: 72px 0 72px 5px;
}

input#search_query {
  width: 300px;
}

button#search_button {
  height: 1.9em;
}

div#attraction {
  margin: 20px 0 0 0;
}

h2 {
  margin: 0 0 12px 0;
}

#attraction h2 {
  display: inline;
  font-size: 28px;
  margin: 0 10px 0 0;
  text-transform: uppercase;
}

#attraction h2 a, #attraction h2 a:visited, #attraction h3 a, #attraction h3 a:visited {
  color: #000;
  text-decoration: none;
}

#attraction h2 a:hover, #attraction h3 a:hover {
  text-decoration: underline;
}

#attraction p#description {
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

#attraction h3 {
  font-size: 20px;
  text-transform: uppercase;
}

#attraction h4 {
  font-size: 17px;
  font-weight: bold;
}

#attraction ol, #attraction li {
  font-size: 16px;
}

#attraction li {
  padding: 0 0 10px 0;
}

span.date, a.read_more, a.piece_name {
  font-weight: bold;
}

div#designing_panel, div#developing_panel, div#healing_panel {
  height: 279px;
  width: 359px;
  margin: 0 0 20px 0;
}

div#designing_panel {
  background: #b833b8 url(../i/designing_side_back.png) no-repeat scroll top left;
}

div#designing_panel:hover {
  background: #b833b8 url(../i/designing_side_back.png) 0 -279px no-repeat;
}

div#developing_panel {
  background: #1254b8 url(../i/developing_side_back.png) no-repeat scroll top left;
}

div#developing_panel:hover {
  background: #1254b8 url(../i/developing_side_back.png) 0 -279px no-repeat;
}

div#healing_panel {
  background: #75b812 url(../i/healing_side_back.png) no-repeat scroll top left;
}

div#healing_panel:hover {
  background: #c7ff61 url(../i/healing_side_back.png) 0 -279px no-repeat;
}

div.side_screenshots {
  position: relative;
  top: 20px;
  left: 20px;
}

#panels img, #attraction img {
  border: 0;
}

img.portfolio_shot {
  margin: 0 0 30px 0;
}

img.portfolio_shot_gallery {
  width: 300px;
  height: 225px;
  margin: 0 4px 20px;
}

body#design img.portfolio_shot {
  border: 1px solid #aaa;
  border-bottom: 12px solid #b833b8;
}

body#design img.portfolio_shot:hover {
  border-bottom: 12px solid #ff94ff;
}

body#development img.portfolio_shot {
  border: 1px solid #aaa;
  border-bottom: 12px solid #1254b8;
}

body#development img.portfolio_shot:hover {
  border-bottom: 12px solid #95c4ff;
}

body#heal img.portfolio_shot {
  border: 1px solid #aaa;
  border-bottom: 12px solid #75b812;
}

body#heal img.portfolio_shot:hover {
  border-bottom: 12px solid #c7ff61;
}

body#user_experience img.portfolio_shot {
  border: 1px solid #aaa;
  border-bottom: 12px solid #81109d;
}

body#user_experience img.portfolio_shot:hover {
  border-bottom: 12px solid #c0f;
}

body#portfolio img.portfolio_shot_gallery {
  border: 1px solid #aaa;
  border-bottom: 12px solid #a63205;
}

body#portfolio img.portfolio_shot_gallery:hover {
  border-bottom: 12px solid #f60;
}

p {
  margin: 0 0 20px 0;
}

a {
  color: #f60;
}

a:hover {
  color: #ffb238;
}

.clear {
  clear: both;
}

span.page_concept {
  font-weight: bold; 
  text-transform: uppercase;
}

span.space_left {
  margin-left: 10px;
}

.thumb {
  float: left;
  border: 0;
  margin: 0 5px 0 0;
}

.panel_link { /* deprecated */
  cursor: pointer;
}

.center {
  text-align: center;
}

.left {
  float: left;
}