/*----CSS Reset----*/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font-size:100%}table{border-collapse:collapse}caption,th,td{text-align:left}
/*----End CSS Reset----*/
/*---------------------------------------------------------------------*/
/*----Elements----*/

body {
  background: #2e2421 url(../images/background.gif) left top repeat-x;
  font: normal 62.5% FreeSerif, Cambria, "Times New Roman", Times, Serif;
  color: #fff;
  text-align: center;
  margin:24px 37px 37px;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

/*----End Elements----*/
/*---------------------------------------------------------------------*/
/*----Framework----*/
#language{
  width: 906px;
  margin: 0 auto;
  font-size: 1.1em;
  text-align: right;
  padding-bottom: 2px;
  color: #87741E;
}

#language a{
  color: #87741E;
  text-decoration: none;
}

#language a:hover{
  color: #CBBB9E;
}

#language span{
  color: #CBBB9E;
}

.clear {
  clear: both;
}

#wrap {
  width: 906px;
  margin: 0 auto;
  text-align: left;
  background: #87741e;
}


/*----End Framework----*/
/*---------------------------------------------------------------------*/
/*----Header----*/

#header {
  padding: 43px 21px;
  height: 70px;
}

#header h1 {
  background: url(../images/logo.gif) left top no-repeat;
  width: 360px;
  height: 50px;
  text-indent: -9999px;
  font-size: 2em;
  float: left;
}

#header p {
  width: 400px;
  float: right;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 1em;
  color: #cbbb9e;
}


#photo {
  border: 1px solid #c3ba8f;
  border-width: 1px 0;
  background: #333;
}

#photo p {
  margin-bottom: 0;
}

#photo img {
  margin: 0;
}

#flash {
  display: block;
}


/*----End Header----*/
/*---------------------------------------------------------------------*/
/*----Nav----*/

#nav {
  background: #655716;
  height: 30px;
}

#nav ul {
  float: right;
  height: 30px;
  margin-right: 19px;
}

#nav li {
  float: left;
  display: block;
  height: 30px;
}

#nav li a {
  display: block;
  height: 30px;
  text-indent: -9999px;
  background-position: left top;
  background-repeat: no-repeat;
}

#nav li a:hover {
  background-position: left bottom;
}

#nav li a.about {
  background-image: url(../images/nav-about.jpg);
  width: 55px;
}

#nav li a.projects {
  background-image: url(../images/nav-projects.jpg);
  width: 87px;
}

#nav li a.testimonials {
  background-image: url(../images/nav-testimonials.jpg);
  width: 98px;
}

/*
#nav li a.testimonials {
  background-image: url(../images/nav-testimonials.gif);
  width: 105px;
}
*/

#nav li a.contact {
  background-image: url(../images/nav-contact.jpg);
  width: 86px;
}


/*----End Nav----*/
/*---------------------------------------------------------------------*/
/*----Content----*/

#content .pad {
  padding: 28px 28px 28px 37px;
}

#content h2 {
  text-indent: -9999px;
  padding-bottom: 5px;
  border-bottom: 1px solid #a59756;
  margin-bottom: 1em;
}

#content h2.welcome {
  background: url(../images/header-welcome.gif) left top no-repeat;
  height: 21px;
}

#content h2.note {
  background: url(../images/header-note.gif) left top no-repeat;
  height: 21px;
}

#content h2.about {
  background: url(../images/header-about.gif) left top no-repeat;
  height: 21px;
}

#content h2.experience {
  background: url(../images/header-experience.gif) left top no-repeat;
  height: 21px;
}

#content h2.approach {
  background: url(../images/header-approach.gif) left top no-repeat;
  height: 21px;
}

#content h2.testimonials {
  background: url(../images/header-testimonials.gif) left top no-repeat;
  height: 21px;
}

#content h2.contact {
  background: url(../images/header-contact.gif) left top no-repeat;
  height: 21px;
}

#content h2.projects {
  background: url(../images/header-projects.gif) left top no-repeat;
  height: 26px;
}

#content h2.interior {
  background: url(../images/header-interior.gif) left top no-repeat;
  height: 20px;
}

#content h2.hospitality {
  background: url(../images/header-hospitality.gif) left top no-repeat;
  height: 20px;
}

#content h2.residential {
  background: url(../images/header-residential.gif) left top no-repeat;
  height: 20px;
}

#content h2.resort {
  background: url(../images/header-resorts.gif) left top no-repeat;
  height: 20px;
}

#content h3 {
  font-size: 1.6em;
  margin-bottom: 1em;
  font-weight: bold;
}

#content blockquote {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 1em;
  padding: 15px;
  border: 1px solid #a59756;
}


.home {
  /*width: 450px;*/
}

#content p {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

.content li {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

.content ul {
  list-style: disc;
  margin-left: 30px;
}

.content a {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px dotted #fff;
}

.content a:hover {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}


.home p {
  color: #cbbb9e;
}

.subpage .content {
  margin-right: 250px;
}

#content img.photo {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #655716;
}


/*----End Content----*/
/*---------------------------------------------------------------------*/
/*----Inline List----*/

ul.inline li {
  display: block;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
}

ul.inline li a {
  display: block;
  float: left;
  background: url(../images/bullet.gif) left 5px no-repeat;
  padding: 0 20px 0 10px;
  color: #fff;
}


/*----End Inline List----*/
/*---------------------------------------------------------------------*/
/*----Footer----*/

#footer {
  width: 906px;
  margin: 0 auto;
  text-align: left;
  padding: 10px 0;
}

#footer p {
  font-family: FreeSans, "Segoe UI",  Helvetica, Arial, sans-serif;
}

#footer a {
  color: #df423d;
}


/*----End Footer----*/
/*---------------------------------------------------------------------*/
/*----Subnav----*/

ul#subnav {
  float: right;
  width: 200px;
}


ul#subnav li {
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 1em;
}

ul#subnav li a {
  display: block;
  background: url(../images/bullet.gif) left 5px no-repeat;
  padding: 0 20px 0 10px;
  color: #fff;
}

ul#subnav li strong {
  font-size: 1.2em;
  padding-bottom: 5px;
  border-bottom: 1px solid #a59756;
  display: block;
  color: #2E2421;
  font-weight: normal;
}


/*----End Subnav----*/
/*---------------------------------------------------------------------*/
/*----Photos----*/

.content #photos {
  width: 591px;
  margin-bottom: 2em;
}

.content #photos a {
  border: 5px solid #87741E;
  display: block;
  float: left;
  margin: 0 1px 1px 0;
}

.content #photos a img {
  border: 1px solid #655716;
}

.content #photos a:hover {
  border: 5px solid #655716;
}

.content #photos a:hover img {
  border: 1px solid #87741E;
}


/*----End Photos----*/