/* Basic styles */

* {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
}

body {
  font-family: sans-serif;
  background: #fff;
  color: #333;
}

img {
  border-style: none; /* Undo Mozilla style sheet */
  border: 0;
  vertical-align: baseline;
  max-width: 100%; /* Scale images down on narrow windows */
}

a {
  text-decoration: underline;
}

form { /* Undo MacIE5 UA style sheet */
  margin: 0;
  padding: 0;
}

/* Positioning */

body {
  padding: 32px 0 0 0;
  margin: 0px;
  border-top: 0px solid;
  min-width: 600px;
}

h1, h2 {
  margin: 0;
  padding-top: 10px;
}


h3 {
  padding: 0.25em 0em 0.25em 0.5em;
  border-bottom: 1px solid;
  border-left: 12px solid;
}


h4 {
  padding: 0;
  margin: 0;
}

#header, 
#content,
#footer {
  width: 95%;
  margin: 0.25em auto 0.25em 2.5%;
}

#site-nav {
  width: 110%;  
  float: left;
  margin: 0 -120px 0 0;
  padding: 0;
  position: relative;
  left: -110px;
  border-bottom: .25em solid;
}

#site-nav a {
  float: left;
  line-height: 1.0;
  padding: 4px 0.75em 4px 0.75em;
  margin: 0;
  margin-right: -0.05em;
}

.site-nav-separator {
  position: absolute;
  left: -5000px;
}

#header {
  padding: 0;  
  margin: .25em 2.5% 30px 2.5%;  
}

#logo {
  position: absolute;
  width: 100px;
  height: 100px;
  margin: -16px 8px 8px -128px;
  padding: 0;
}

#box1 {
  position: relative;
  display: block;
  top: 10px;
  left: 0px;
  width: 50px;           
  height: 50px;
  border: 1px solid;
}

#box2 {
  position: relative;
  display: block;
  top: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  border: 1px solid;
  text-align: center;
}

#footer {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid;
}


#content {
  padding-top: 30px;
  clear: both; 
}

#content-area {
  margin-left: 20%;
  width: 60%;
  padding: 12px 0 4px 0;
  border: 1px solid; 
}

#content ul {
  margin: 0;
  padding: 0 .5em 0 2em;
  list-style-type: disc;
}

li {
  margin: 0;
  padding: 0;
}


dt {
  margin: 1.25em 0 .25em 0;
}

dd {
  margin: -1.25em 0 0 5.5em;
}

dd div {
  margin-bottom: .25em;
}

.where-we-are {
  margin-top: 1.5em;
}

#default blockquote {
  padding: 0;
  margin: 1.5em 1em -1em 0; 
}

#default blockquote p {
  margin: 0;
  padding: 0;
  text-align: right;
}


/* Typography */

body {
  font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  font-size: 1.0em;
}

body * {
  font-size: 100.01%;
  line-height: 1.0;
}

p, li
 {
  line-height: 1.5;
  font-size: .9em;
}

h1 a,
h2 a {
  text-decoration: none;
}

h1 {
  font-size: 1.8em;
  word-spacing: 0.125em;
  letter-spacing: -0.05em;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
  line-height: 1.2;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

h1 a span.one span.letter-one {
  font-size: 1em;
}


#site-nav a {
  font-size: 1em;
  text-decoration: none;
}

#footer {
  font-size: 0.8em;
}

dl {
  font-size: .9em;
}


#default blockquote {
  font-size: .8em;
}



/* Colors */

body {
  color: #222;
  background: #fff;
  border-color: #ccc;
  background-image: url("/images/11.png");
  background-repeat: no-repeat;
  background-position: 100% -220px;
  background-attachment: fixed;
}


a:link {
  color: #4d4532;
}

a:visited {
  color: #6a653f;
  color: #240;
}

a:hover {
  color: #f00;
  background: #fec;
}

a:active {
  color: #f93;
}

h1 a:link, h1 a:visited {
  color: #6c5a32;
}


h1 span.one {
  color: #b77336;
}

h1 a:hover * {
  background-color: #fffde0;
  color: #4f0e00;
}

h2 {
  color: #320;
}

h3 {
  border-color: #b77336;
}

h3, h4 {
  color: #b77336;
  color: #830;
}


#box1 {
  border-color: #6c5a32;
  background: #6c5a32;
}


#box2 {
  border-color: #b77336;
  background: #b77336;
} 

#site-nav {
  background: #4f0e00;
  border-bottom-color: #c97b3b;
}

#site-nav a {
  color: #fec;
}

#site-nav a:hover {
  color: #930;
}

#logo a:hover {
  background: none;
}



#default .site-nav-item-home,
#about .site-nav-item-home,
#services .site-nav-item-services,
#philosophy .site-nav-item-philosophy,
#clients .site-nav-item-clients,
#contact .site-nav-item-contact
{
  background: #c97b3b;
}


#footer {
  border-color: #f6c88a;
  color: #ba9;
}

#footer .copyright {
  color: #000;
}

#footer a {
  color: #321;
}

#content-area {
  background: #fffde0;
  border-color: #f6c88a;
}  

dt {
  color: #b77336;
  color: #630;
}

/*** End Screen, Projection Styles ***/


#clients #main-panel .screenshot {
  width: 200px;
  text-align: center;
  float: right;
  padding: 0;
  margin: -1.25em 0 .5em 1.0em;
}

#clients #main-panel .screenshot p {
  text-align: center;
  line-height: 1.2;
  margin: .25em 0;
}

#clients #main-panel .screenshot img {
  border: 1px solid #da7;
}


#clients h4 {
  clear:both;
  margin: 3em 0 .5em 0;
}

#clients blockquote {
  padding: 0 2em 0 0;
  color: #960; 
}

#clients em {
  display: block;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  color: #960;
}

#clients #main-panel a {
  color: #4d4532;
}