html, 
body {
  margin: 0;
  padding: 0;
}

body {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.6em;
}

html,
#header_wrapper,
#footer {
  background-color: #e3ede7;
}

.section_images {
  position: absolute;
}

#canvas {
  background-image: url(bg.png);
  background-position: 0 32px;
  background-repeat: repeat-y;
  margin: auto;
  height: 73em;
  background-color:#FFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#canvas, #inner_canvas {
  width: 96em;
}

body.mceContentBody {
  background-color: #FFF !important;
  font-size: 1.0em;
  overflow: auto;
}

body.mceContentBody,
body.mceContentBody p {
  color: #000;
  text-transform: none;
}

body.mceContentBody p {
  margin-bottom: .6em;
}

body.mceContentBody .thumbnail_container {
  width: 960px;
}

#header_wrapper {
  position: absolute;
  height: 2.5em;
  width: 96em;
  text-align: center;
}

#logo {
  position: absolute;
  top: 1.7em;
  left: 10em;
  width: 32em;
  height: 11em;
}

#logo a {
  display: block;
  position: relative;
  margin-top: 8em;
  margin-left: -5px;
  line-height: 2.5em;
  padding: 0 30em 0 0;
}

#secondary_wrapper {
  position: absolute;
  margin-left: 32.8em;
  height: 23em;
}

#image_wrapper {
  position: absolute;
  top: 40.5em;
  height: 29.5em;
  width: 100%;
}

#footer {
  position: absolute;
  top: 70.5em;
  height: 2.5em;
  width: 100%;
}

#footer span {
  line-height: 2.5em;
  display: block;
  margin-left: 10em;
  color: #939393;
  font-size: .9.1em;
  letter-spacing: none;
  text-transform: uppercase;
  text-align: right;
}

h1, h2 {
  font-size: .95em;
/*  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .06em;
*/
}

ul#main_navigation {
  width: 96em;
}

ul#main_navigation li a,
ul#main_navigation li span,
.section_link,
#detail_navigation span,
#detail_navigation a {
  font-size: .95em;
  letter-spacing: .70em;
  text-transform: uppercase;
}

ul#main_navigation li {
  float: left;
  text-align: center;
  border-left: 1px solid #939393;
  line-height: 1.0em;
}

ul#main_navigation li:first-child {
  float: left;
  margin-left: 0em;
  padding-left: 0;
  border-left: none;
}

ul#main_navigation li.about-us {
  width: 9%;
  text-align: left;
  padding-left:.2em;
}

ul#main_navigation li.product-design {
  width: 17.1%;
}

ul#main_navigation li.architecture-and-interiors {
  width: 23.9%;
}

ul#main_navigation li.studio {
  width: 11%;
}

ul#main_navigation li.custom-production-and-licensing {
  width: 29%;
}

ul#main_navigation li.contact {
  text-align: right;
  width: 9.1%;
}

ul#main_navigation li a,
ul#main_navigation li span {
  display: block;
  font-size: .85em;
  letter-spacing: .30em;
  text-transform: uppercase;
}

h1, h2,
ul#secondary_navigation li a,
ul#secondary_navigation li span,
#object_name_navigation a,
#object_name_navigation span,
#detail_navigation.home a.section_link {
  font-size: .85em;
  letter-spacing: .50em;
  text-transform: uppercase;
  color: #FAFAFA;
}

#object_name_navigation a,
#object_name_navigation span {
  display: block;
}

#image_wrapper p {
  font-size: .85em;
  letter-spacing: .50em;
  text-transform: uppercase;
  color: #FAFAFA;
  margin: .0;
  padding: 0;
  padding-right: 15em;
}

#detail_navigation.home a.section_link {
  color: #FAFAFA;
  display: block;
  float:left;
  width: 36.1em;
  padding-left: 1.5em;
  text-align: left;
}


#detail_navigation span,
#detail_navigation a {
/*  font-size: .95em;
  letter-spacing: .06em;
  text-transform: uppercase;
*/  color: #939393;
}

#admin_link {
  float:left;
  font-size: 1.3em;
  width: 2em;
  height: 2em;
}

a#admin_link {
  background: url(../images/login.gif) no-repeat;
  display: block;
  line-height:1.2em;
  margin: .3em;
  width: 1.3em;
}

a#admin_link:hover {
  text-decoration: none;
  background: url(../images/login_hover.gif) no-repeat;
}

ul#secondary_navigation {
  display: block;
  float: left;
  width: 32em;
  height: 23em;
}

#context_wrapper {
  float: left;
  width: 30em;
  height: 23em;
}

.column_2,
.column_1 {
  float: left;
  width: 15.4em;
  height: 23em;
}

.column_1.full_width {
  width: 29em;
}

#detail_navigation {
  clear: both;
  height: 1.5em;
  margin: .5em 0 0 0em;
  padding: 0;
  text-align: right;
  vertical-align: top;
}

.detail_navigation_info {
  text-align: center;
  display: block;
}


#main_links {
  margin: 0 32em;
  padding: 0;
  height: 1.5em;
  text-align: center;
  vertical-align: bottom;
}

#detail_navigation a:hover {
  color: #C75437;
}

#main_sections {
  width: 96em;
  height: 21.8em;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

ul, li {
  list-style:none;
  margin: 0;
  padding: 0;
}

ul#main_navigation {
  margin: .7em 0 0 0em;
  width: 95em;
  height: 1em;
  width: 100%;
}

ul#main_navigation a {
  color: #939393;
}

ul#secondary_navigation li a {
  color: #FAFAFA;
}

ul#secondary_navigation li a.current,
ul#main_navigation li a:hover,
ul#main_navigation a.current,
ul#main_navigation span,
ul#secondary_navigation li span,
#object_name_navigation a.active,
body.bg_detail #object_name_navigation a.active,
body.bg_detail ul#secondary_navigation li a.current,
h1, 
h2 {
  color: #C75437;
}

ul#secondary_navigation li a:hover,
ul#main_navigation a.active {
  color: #C75437;
}

a.section_name {
  display: block;
  float: left;
  padding: 0em;
  margin: 0;
  padding-left:2em;
  width: 30em;
/*  font-size: .95em;
  letter-spacing: .06em;
  text-transform: uppercase;
*/
  line-height: 1.4em;
}

h2.section_name a {
  color: #FAFAFA;
}

ul#secondary_navigation,
h1, 
h2 {
  margin: 0;
  padding: 0;
}

h1, 
h2 {
/*  margin-bottom: .1em;*/
}

ul#secondary_navigation li a,
ul#secondary_navigation li span {
  margin-top: 0;
  margin-bottom: 0;
}

#image_container, 
.thumbnail_container {
  height: 218px;
}

#image_container div {
  float: left;
  width: 320px;
}

.project_detail .description,
.project_detail .image_detail {
  float:left;
  width: 320px;
}

.project_detail .image_detail {
  float:left;
  width: 640px;
  height: 21.8em;
}
.image_detail a {
  display: block;
  height: 21.8;
  width: 640px;
}

.description h2 {
  padding-top: 1em;
}

#image_wrapper div.description p,
.description h2 {
  padding-left: 1em;
}

img.image_float_left {
  float: left;
  margin-right: 1em;
}

.arrow_previous,
.arrow_next,
.arrow_blank_previous,
.arrow_blank_next {
  display:inline-block;
  margin-top: 0em;
  padding-top: 0em;
  width: 1.0em;
  height: 1.0em;
  background: url(../images/previous_next_blank.gif) no-repeat 0 0px;
}
.arrow_previous,
.arrow_blank_previous {
  margin-right:1em;
}

.arrow_previous {
  background: url(../images/previous.gif) no-repeat 0px 0px;
}

.arrow_next {
  background: url(../images/next.gif) no-repeat 0px 0px;
}

#ajax_loader {
  position:absolute;
  bottom:3.5em;
  left:47.5em;
}
.placeholder_text span {
  display: inline-block;
  width: 7em;
}

/* stylesheet corrections placeholder body */
#secondary_wrapper {
  top: 12.5em;
  text-transform: uppercase;
}

#secondary_wrapper p{
  font-size: .85em;
}

#secondary_navigation {
  display: block;
  float: left;
  width: 30.5em;
  height: 23em;
}

#secondary_navigation.placeholder_text p,
#context_wrapper.placeholder_text p {
  color:#CFD1CE !important;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-size:.9em !important;
  line-height: 1.7em;
}

#context_wrapper {
  margin-left: 1.6em; /*fix placeholder */
}

#secondary_wrapper a {
  color: #CFD1CE;
}

#detail_navigation.home a.section_link {
  letter-spacing: .30em;
  color: #CFD1CE;
}
