.containtheoverflow {
 display: block;
 clear: both;
 overflow: hidden;
}
body {
 position: relative;
 padding: 0;
 margin: 0;
 background: #ece9ce url(../img/body-bg.jpg) right top repeat-y;
}
#backtoadmin {
 position: absolute;
 display: block;
 top: 0;
 right: 0;
 padding: 1.0em;
}
#backtoadmin a {
 color: #ffffff;
}
.container {
 position: relative;
 padding-top: 40px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 50px;
 margin-left: auto;
 min-height: 500px;
}

/**
 * Social Media
 */
#facebook-panel { position: absolute; right: 880px; top: 51px; display: block; width: 200px; }
#facebook-panel img { float: left; margin-top: 0; margin-right: 5px; }
#facebook-panel a { float: left; color: #ffffff; }

.sharelink { position: absolute; right: 0; top: 10px; }

#client-sharelink { position: absolute; left: 18px; top: 140px; display: block; }


/**
 * Standard text
 */

h1 {
 color: #ed8b33;
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
h2 {
 color: #666666;
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
h3 {
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
h4 {
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
h5 {
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
h6 {
 line-height: normal;
 font-family: Verdana, Geneva, sans-serif;
}
p {
 color: #666666;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.9em;
}
ul {
 margin-left: 0;
 list-style-type: none;
}
ul li {
 color: #666666;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.9em;
}
ol {

}
ol li {

}
blockquote {
 color: #666666;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.9em;
}
strong {

}
em {

}
a {
 color: #ed8b33;
 text-decoration: none;
}
a:hover {
 color: #00535e;
}


#header {
 position: relative;
 display: block;
 height: 115px;
 min-width: 950px;
 background: transparent url(../img/header-bg.gif) right top no-repeat;
}
#header h2 {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 margin: 0 100px 0 0;
 padding: 0;
 height: 115px;
 width: 160px;
}

#header h2 a {
 display: block;
 margin: 0;
 padding: 0;
 height: 115px;
 width: 160px;
}
#header h2 a span,
#header h3 {
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
 height: 0;
 text-indent: -9999px;
}
#header #navigation {
 position: absolute;
 top: 50px;
 right: 300px;
}
#header #navigation ul {
 position: relative;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#header #navigation ul li {
 float: left;
 display: block;
 margin: 0 20px 0 0;
 padding: 0;
 
}
#header #navigation ul li a {
 color: #107b87;
 font-size: 1.2em;
 text-decoration: none;
 text-transform: lowercase;
}
#header #navigation ul li a:hover {
 color: #ffffff;
}
#header #navigation ul li a span {
}
body#home #header #navigation ul li#nav-home a,
body#showcase #header #navigation ul li#nav-showcase a,
body#inspirations #header #navigation ul li#nav-inspirations a,
body#services #header #navigation ul li#nav-services a,
body#who_we_are #header #navigation ul li#nav-who-we-are a,
body#talk_to_us #header #navigation ul li#nav-talk-to-us a
{
 color: #ffffff;
}

#content {
 background: transparent url(../img/#.gif) left top no-repeat;
}
#content>h1 {
 margin-top: 1.0em;
 font-size: 1.3em;
}
#content>h2 {
 font-size: 1.0em;
 font-weight: bold;
 font-style: italic;
}
#content>ul li {
padding-left: 1.5em;
background: transparent url(../img/list-arrow.gif) left -2px no-repeat;
}

.promo-content h1 {
 margin-top: 1.0em;
 font-size: 1.3em;
}
.promo-content h2 {
 color: #ed8b33;
 font-size: 1.1em;
 font-weight: bold;
 font-style: normal;
}
.promo-content ul li {
padding-left: 1.5em;
background: transparent url(../img/list-arrow.gif) left -2px no-repeat;
}
.clipboard { margin-top: 10px; }

#whats-new {
 text-align: right;
}
#whats-new h2 {
 font-size: 1.1em;
 color: #ed8b33;
}
#whats-new img {

}

#latest-inspiration {
 text-align: right;
}
#latest-inspiration h2 {
 font-size: 1.1em;
 color: #ed8b33;
}
#latest-inspiration p {

}
#latest-inspiration p a {

}
#latest-inspiration p a:hover {

}
#latest-inspiration p span.postedby,
#latest-inspiration p span.postdate {
 font-weight: bold;
}

#right-column {
 position: relative;
}

#right-column h1 {
 margin-top: 0;
 font-size: 1.3em;
}
#right-column>img {
 margin-left: 17px;
}

#samples ul li a {
 color: #666666;
}
#samples ul li a:hover {
 color: #ed8b33;
}

#inspiration-intro {
 position: relative;
 margin-bottom: 2.0em;
 padding-top: 0.8em;
 padding-bottom: 0.8em;
 background: #121212;
}
#inspiration-intro h1 {
 margin: 1.0em 1.0em 1.0em 185px;
 font-size: 1.3em;
}
#inspiration-intro p {
 margin-left: 185px;
 margin-right: 3.0em;
 color: #ffffff;
}
#inspiration-intro img {
 position: absolute;
 top: 0;
 left: 0;
}
body#inspirations #content h2 {
 font-size: 1.3em;
 color: #ed8b33;
 font-weight: normal;
 font-style: normal;
}

div.post {
 clear: both;
 position: relative;
 margin-top: 1.0em;
 padding-top: 1.0em;
 border-top: #cecaad 1px solid;
}
div.post h3 {
 margin-bottom: 0;
 font-size: 0.9em;
 font-weight: bold;
 color: #ed8b33;
}
div.post p.post-meta {
 color: #ed8b33;
}
div.post p.post-meta span.post-date {
 color: #666666;
}
div.post p.post-meta span.post-author {
 color: #ed8b33;
}
div.post p.post-summary {

}
div.post p.post-category {

}
div.post p.post-category a {
 color: #ed8b33;
}
div.post img.post-image-thumbnail {
 float: left;
 margin: 0 1.0em 1.0em 0;
 background-color: #f5f5f5;
}

.paging {
 clear: both;
 position: relative;
 margin-top: 1.0em;
 margin-bottom: 1.0em;
 color: #f5f5f5;
}
.paging .pagingnext {
 float: left;
 margin-bottom: 2.0em;
}
.paging .pagingprevious {
 float: right;
 margin-bottom: 2.0em;
}
.neighbour-links {
 clear: both;
 position: relative;
 margin-top: 1.0em;
 margin-bottom: 1.0em;
 color: #f5f5f5;
}
.neighbour-links .neighbour-next {
 float: left;
 margin-bottom: 2.0em;
}
.neighbour-links .neighbour-previous {
 float: right;
 margin-bottom: 2.0em;
}

.client-paging {
 clear: both;
 display: block;
 position: relative;
 margin-top: 1.0em;
 margin-bottom: 1.0em;
 font-size: 0.9em;
 text-align: center;
}
.client-paging ul {
 display: block;
 position: relative;
 width: 400px;
 margin: 0 auto; 
}
.client-paging ul li {
 display: inline-block;
}
.client-paging ul li.previous,
.client-paging ul li.next {
 margin: 0.5em 1.0em;
 color: #666666;
 font-weight: bold;
 text-transform: uppercase;
}
.client-paging ul li.numbers {
 margin: 0.5em 0;
}
.client-paging ul li.numbers span a {
 margin: 0.5em 0.5em;
}
.client-paging ul li a {
 color: #b4af8f;
}
.client-paging ul li a:hover {
 color: #ed8b33;
}
.client-paging span.current {
 margin: 0.5em 0.5em;
 color: #666666;
 font-weight: bold;
}

/**
 * Post view
 */
div#post-view {
 position: relative;
}
#content div#post-view h1 {
 margin-top: 0;
 font-size: 1.3em;
}
body#inspirations #content div#post-view h2 {
 font-size: 1.0em;
}
div#post-view h3 {

}
div#post-view h4 {

}
div#post-view p {

}
div#post-view p em {
 
}
div#post-view p.post-info {
 font-size: 0.9em;
}
div#post-view p.post-info span.post-author {
 color: #ed8b33;
}
div#post-view p.post-summary {
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 font-family: Georgia,sans-serif;
 font-style: italic;
 font-size: 1.2em;
}
div#post-view p strong {
 font-weight: bold;
}
div#post-view blockquote {
 margin-left: 0;
 margin-right: 0;
 font-style: italic;
 font-size: 1.1em;
}
div#post-view ul {

}
div#post-view ul li {

}
div#post-view ul li a {

}
div#post-view ul li a:hover {

}
div#post-view p a {

}
div#post-view p a:hover {

}

#contact-details {

}
#contact-details h2 {
 font-size: 0.9em;
 color: #ed8b33;
 font-weight: bold;
 font-style: normal;
}
#contact-details p.company-name {
 margin-bottom: 0;
}
#contact-details p a {
 color: #666666;
 font-weight: bold;
}
#contact-details p a:hover {
 color: #ed8b33;
}

body#showcase {

}

body#showcase .filter {
 float: right;
 width: 100%;
 margin-top: -22px;
 margin-bottom: 10px;
 text-align: right;
 font-size: 0.9em;
}
body#showcase .pagination {
 clear: both;
 text-align: right;
 font-size: 0.9em;
}
body#showcase .filter p a,
body#showcase .pagination p a {
 color: #b4af8f;
}
body#showcase .filter p a:hover,
body#showcase .pagination p a:hover {
 color: #ed8b33;
}
body#showcase .filter p a.selected,
body#showcase .pagination p a.selected {
 color: #666666;
 font-weight: bold;
}
body#showcase .pagination p a.nextlink,
body#showcase .pagination p a.previouslink {
 color: #666666;
 font-weight: bold;
 text-transform: uppercase;
}
body#showcase .pagination p a.nextlink:hover,
body#showcase .pagination p a.previouslink:hover {
 color: #ed8b33;
}

#signinform {
 padding: 1.0em 1.0em 0 1.0em;
 border: #b6b28c 1px solid;
 background-color: #e1ddc2;
 z-index: 20;
}
#signinform h2 {
 color: #656668;
 font-size: 1.1em;
 font-weight: bold;
}
#signinform form fieldset {
 border: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
#signinform form fieldset legend {
 color: #656668;
 font-size: 1.0em;
}

#enews-archives h3 {
 margin-bottom: 5px;
 color: #ed8b33;
 font-size: 1.1em;
 font-weight: bold;
}

#enews-subscribe h3 {
 margin-bottom: 5px;
 color: #ed8b33;
 font-size: 1.1em;
 font-weight: bold;
}

.fineprint { margin-top: 10px; font-size: 0.8em; font-style: italic; }

/** Subscribe form **/
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}

#showcase-section-content {

}
#showcase-section-content h1 {
 color: #ed8b33;
 font-size: 1.3em;
}
#feature-clients {

}
#feature-clients h2 {
 color: #ed8b33;
 font-size: 1.2em;
 font-weight: normal;
}
#category-list {
 position: relative;
}
#category-list .category-item {
 display: block;
 float: left;
 width: 122px;
 margin-right: 20px;
 margin-bottom: 8px;
 overflow: hidden;
 text-align: center;
}
#category-list .category-item a {
 display: block;
 width: 120px;
 margin-bottom: 5px;
 border: #eaeae0 1px solid;
}
#category-list .category-item a:hover {
 border: #ed8b33 1px solid;
}
#category-list .category-item a img {
 display: block;
 width: 120px;
 background-color: #f5f5f5;
}
#category-list .category-item h2 {
 font-size: 0.7em;
}
#category-list .category-item h2 a {
 color: #666666;
 font-weight: bold;
 font-style: normal;
 border: none;
}
#category-list .category-item h2 a:hover {
 color: #ed8b33;
 border: none;
}

/**
 * Client List
 */
#client-list h1 {
 margin-bottom: 2.0em;
 font-size: 1.3em;
}
.client-list {
 position: relative;
 background: transparent url(../img/bg-cl.jpg) left top repeat;
}
#clientlistwrapper {
 clear: both;
 padding-top: 40px;
 background: transparent url(../img/top-bg-cl.jpg) left top no-repeat;
}

.client-list ul {
 float: left;
 display: block;
 width: 210px;
 margin: 0;
 padding: 0;
 list-style-type: disc;
}
.client-list ul li {
 display: block;
 /* height: 28px; */
 margin: 0;
 padding: 6px 0 6px 20px;
 
}
.client-list ul li a {
 color: #999999;
 font-weight: bold;
 
}
.client-list ul li a:hover {
 color: #ed8b33;
}


/**
 * Home page slideshow
 */
#gallery-wrapper {
 margin-bottom: 30px;
}
#gallery {
 position: relative;
 display: block;
 height: 365px;
}
#gallery img {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 height: 365px;
 width: 630px;
}

/**
 * Client detail
 */

/** Left Menu **/
#client-projects {
 text-align: right;
}
#client-projects h2 {
 font-size: 1.0em;
 color: #ed8b33;
}
#client-projects ul {
 list-style-type: none;
 margin-right: 0;
}
#client-projects ul li {

}
#client-projects ul li a {
 color: #cecaad;
}
#client-projects ul li a:hover {
 color: #ed8b33;
}
#client-projects ul li a.selected {
 color: #666666;
 font-weight: bold;
}

/** Other Clients Menu **/
#other-clients {
 text-align: right;
}
#other-clients h2 {
 font-size: 1.0em;
 color: #ed8b33;
}
#other-clients ul {
 list-style-type: none;
 margin-right: 0;
}
#other-clients ul li {

}
#other-clients ul li a {
 color: #cecaad;
}
#other-clients ul li a:hover {
 color: #ed8b33;
}
#other-clients ul li a.selected {
 color: #666666;
 font-weight: bold;
}

/** Middle Menu **/
#client-projects-middle {
 text-align: left;
}
#client-projects-middle h2 {
 font-size: 1.0em;
 color: #ed8b33;
}
#client-projects-middle ul {
 list-style-type: none;
 margin-right: 0;
}
#client-projects-middle ul li {

}
#client-projects-middle ul li a {
 color: #cecaad;
}
#client-projects-middle ul li a:hover {
 color: #ed8b33;
}
#client-projects-middle ul li a.selected {
 color: #666666;
 font-weight: bold;
}

#client-testimonial {
 text-align: right;
}
#client-testimonial h2 {
 font-size: 1.0em;
 color: #ed8b33;
}
#client-testimonial blockquote {
 margin-right: 0;
 font-size: 0.9em;
 font-style: normal;
}
#client-testimonial p.attribution {
 margin-top: 1.0em;
 color: #666666;
 font-weight: bold;
}

#client-summary {
 
}
#client-summary h1 {
 margin-bottom: 1.0em;
 color: #666666;
 font-size: 1.0em;
 font-weight: bold;
}
#client-summary p {
 font-style: italic;
}





#menus {
 text-align: right;
}
#menus h2 {
 margin-right: 1.5em;
 margin-bottom: 1.0em;
 font-size: 1.2em;
 color: #ed8b33;
}
#menus h3 {
 margin-top: 3.6em;
 margin-right: 1.5em;
 margin-bottom: 0.5em;
 font-size: 1.0em;
 color: #cecaad;
 font-weight: bold;
}
#menus ul li {
 margin-bottom: 0.6em;
 padding-right: 1.5em;
 font-size: 0.9em;
 color: #cecaad;
 background: transparent url(../img/list-menu-arrow.gif) right -1px no-repeat;
}
#menus ul li a {
 color: #cecaad;
 text-decoration: none;
}
#menus ul li a.selected,
#menus ul li a:hover {
 color: #00535e;
}

body.brand_management #menus ul li#menu-brand-management a,
body.graphic_design #menus ul li#menu-graphic-design a,
body.web_architecture #menus ul li#menu-web-architecture a,
body.production_management #menus ul li#menu-production-management a,
body.e_newsletters #menus ul li#menu-e-newsletters a {
 color: #ed8b33;
 font-weight: bold;
}

#footer {
 display: block;
 background: transparent url(../img/#.gif) left top no-repeat;
}
#footer ul {
 position: relative;
 margin: 0 0 0 8px;
 padding: 0;
 list-style-type: none;
}
#footer ul li {
 float: left;
 margin: 0 20px 0 0;
 padding: 0;
 font-size: 0.9em;
}
#footer ul li a {
 color: #ee8a1d;
 text-decoration: none;
}
#footer ul li a:hover {
 color: #00535e;
}

/**
 * GALLERY
 */
#showcase-gallery-wrapper {
 position: relative;
 display: block;
 overflow: hidden;
 height: 361px;
 margin-bottom: 30px;
 background-color: #fff;
}

/**
 * SCROLLER
 */
#showcase-gallery-wrapper .Container {
 position: absolute;
 top: 0;
 right: 25px;
 display: block;
 overflow: hidden;
 height: 338px;
 width: 118px;
 margin: 0;
 padding: 0;
}
#showcase-gallery-wrapper #Scroller-1 { 
  position: absolute;
  overflow: hidden;
  height: 338px;
  width: 118px;
  margin: 0;
  padding: 0;
}
#showcase-gallery-wrapper .Scroller-Container {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#showcase-gallery-wrapper .Scroller-Container a {
 display: block;
 margin: 0 0 10px 0;
 padding: 0;
 border: #edeee8 1px solid;
}
#showcase-gallery-wrapper .Scroller-Container a img {
 display: block;
 margin: 0;
 padding: 0;
}

#showcase-gallery-wrapper .tabContainer {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 height: 361px;
 width: 519px;
 overflow: hidden;
}
#showcase-gallery-wrapper .tabContainer div.tab {
 display: none;
 margin: 0;
 padding: 0;
 height: 361px;
 width: 519px;
}
#showcase-gallery-wrapper .tabContainer div.tab img {
 margin: 0;
 padding: 0;
 border: #edeee8 1px solid;
}
#showcase-gallery-wrapper .tabContainer div.tab div.image-caption {
 display: block;
 margin: -2px 0 0 0;
 padding: 0;
 height: 23px;
 width: 519px;
 background-color: #5a5744;
}
#showcase-gallery-wrapper .tabContainer div.tab div.image-caption p {
 margin: 0;
 padding: 0.4em 0 0.4em 0.5em;
 color: #a59d9b;
 font-size: 0.8em;
}
#showcase-gallery-wrapper .tabContainer div.current {
 display: block;
  margin: 0;
  padding: 0;
}

#showcase-gallery-wrapper #Scrollbar-Container {
  position: absolute;
  display: block;
  width: 118px;
  height: 21px;
  bottom: 0;
  right: 25px;
  margin: 0;
  padding: 0;
  background: transparent url(../img/scroll-bg.jpg) left top no-repeat;
}
#showcase-gallery-wrapper .Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}
#showcase-gallery-wrapper .Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
}

#client-login form {
 width: 130px;
 margin-right: 20px;
}
#client-login form fieldset {
 border: none;
 margin: 0;
 padding: 0;
 padding-left: 0;
}
#client-login form fieldset p {
 margin-bottom: 0;
 color: #cecaad;
 font-size: 0.9em;
}
#client-login form fieldset input.input {
 width: 130px;
 font-size: 0.9em;
 font-weight: normal;
}
#client-login form fieldset p label {
 width: 130px;
 color: #cecaad;
 font-size: 0.9em;
 font-weight: normal;
}
#client-login form fieldset input.submit {
 font-size: 0.9em;
 font-weight: normal;
}