html, body {
  height: 100%;
} * html #container { height: 100%; }

body {
  margin: 0;
  margin-left:30px;
  padding: 0;
  text-align: center;
  background: #0c082b url(images/bg.jpg) no-repeat top center;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
}

img, a img, a {
  border: 0px !important;
}

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

a:hover {
  color: #ff4522;
  text-decoration: none;
}

h3 { 
  font-size: 14px; 
  font-weight:normal;
  color: #e54021; 
}

p {
  margin-top: 22px;
  line-height: 18px;
}

.error { color: red; }


/* site structure */

#fixcenter {
  width: 895px;
  min-height: 100%;
	margin:0 auto 50px;
	text-align: left;
}

#header {
 height: 94px;
 margin-top: 18px;
 margin-bottom: 10px;
}

/* end site structure */

/* header styling */

#navBar {
  position: relative;
  float: left;
  width: 687px;
  margin-top: 21px;
  margin-left: 62px;
}

#navBar a { 
  display: block;
  font-size: 10.6px;
  text-decoration: none;
}

#navBar a.menu { 
  display: inline-block;
  height: 11px;
  margin-top: 14px;
  margin-right: 15px;
}

#nav_home {
  width: 48px;
  background: url(images/nav_home.png) no-repeat;
}
#nav_home:hover {
  background: url(images/nav_home_hover.png) no-repeat;
}
#nav_home.highlight {
  background: url(images/nav_home_hover.png) no-repeat;
}

#nav_about {
  width: 53px;
  background: url(images/nav_about.png) no-repeat;
}
#nav_about:hover {
  background: url(images/nav_about_hover.png) no-repeat;
}
#nav_about.highlight {
  background: url(images/nav_about_hover.png) no-repeat;
}

#nav_work {
  width: 84px;
  background: url(images/nav_ourwork.png) no-repeat;
}
#nav_work:hover {
  background: url(images/nav_ourwork_hover.png) no-repeat;
}
#nav_work.highlight {
  background: url(images/nav_ourwork_hover.png) no-repeat;
}

#nav_casestudies {
  width: 106px;
  background: url(images/nav_casestudies.png) no-repeat;
}
#nav_casestudies:hover {
  background: url(images/nav_casestudies_hover.png) no-repeat;
}
#nav_casestudies.highlight {
  background: url(images/nav_casestudies_hover.png) no-repeat;
}

#nav_blog {
  width: 42px;
  background: url(images/nav_blog.png) no-repeat;
}
#nav_blog:hover {
  background: url(images/nav_blog_hover.png) no-repeat;
}
#nav_blog.highlight {
  background: url(images/nav_blog_hover.png) no-repeat;
}

#nav_contact {
  width: 76px;
  background: url(images/nav_contact.png) no-repeat;
}
#nav_contact:hover {
  background: url(images/nav_contact_hover.png) no-repeat;
}
#nav_contact.highlight {
  background: url(images/nav_contact_hover.png) no-repeat;
}

#about_menu {
  margin-top: 14px;
}

#about_menu a { 
  display: inline-block;
  height: 14px;
  margin-right: 23px;
}

#about_intro {
  width: 72px;
  background: url(images/about_intro.png) no-repeat;
}
#about_intro:hover {
  background: url(images/about_intro_hover.png) no-repeat;
}
#about_intro.highlight {
  background: url(images/about_intro_hover.png) no-repeat;
}

#about_whyus {
  width: 55px;
  background: url(images/about_whyus.png) no-repeat;
}
#about_whyus:hover {
  background: url(images/about_whyus_hover.png) no-repeat;
}
#about_whyus.highlight {
  background: url(images/about_whyus_hover.png) no-repeat;
}

#about_ourteam {
  width: 57px;
  background: url(images/about_ourteam.png) no-repeat;
}
#about_ourteam:hover {
  background: url(images/about_ourteam_hover.png) no-repeat;
}
#about_ourteam.highlight {
  background: url(images/about_ourteam_hover.png) no-repeat;
}

#about_ourservices {
  width: 74px;
  background: url(images/about_ourservices.png) no-repeat;
}
#about_ourservices:hover {
  background: url(images/about_ourservices_hover.png) no-repeat;
}
#about_ourservices.highlight {
  background: url(images/about_ourservices_hover.png) no-repeat;
}

/* end header styling */

/* content styling */
#content { position: relative; }

#home_slider_placeholder { margin-bottom: 25px; }

/* home */

#tab_see_also {
  position: absolute;
  left:0;
  top:346px;
}

.previewBox {
  float: left;
  width: 207px;
  margin: 0 7px 0 0;
  padding: 0px;
  font-size: 10.6px;
} * html .previewBox { display:inline; margin:0 2px 0 0; }

.previewBox h3 {
  margin: 6px 0 0 0;
}

.previewBox p {
  margin: 6px 0 0 0;
}

.whywork { background: url(images/box_why_work.png) no-repeat center bottom; }
.whywork:hover { background: url(images/box_why_work_hover.png) no-repeat center bottom; }
.lifeteam { background: url(images/box_our_team.png) no-repeat center bottom; }
.lifeteam:hover { background: url(images/box_our_team_hover.png) no-repeat center bottom; }
.didsbury { background: url(images/box_didsbury_studio.png) no-repeat center bottom; }
.didsbury:hover { background: url(images/box_didsbury_studio_hover.png) no-repeat center bottom; }
.blog { background: url(images/box_blog.png) no-repeat center bottom; }
.blog:hover { background: url(images/box_blog_hover.png) no-repeat center bottom; }

.hiddenPic { display:none; }
.hidden { display:none; }

.last { margin-right: 0px; }

.row { overflow:hidden; clear:both; margin-bottom:43px; }


/* about intro */

#content.about_intro {
  height: 504px;
  padding:16px 520px 0 0;
  background: url(images/about_intro_bg.png) no-repeat right 6px;
  color: #d9c7e1; 
}


/* about why us */

#content.about_whyus {
  position: relative;
  height: 504px;
  padding:16px 576px 0 0;
  background: url(images/whyus_bg.png) no-repeat right 35px;
  color: #d9c7e1; 
}

#trust { position: absolute; left: 516px; top: 39px; width: 162px; height: 158px; }
#trust:hover { background: url(images/trust_hover.png) no-repeat; }
.selected #trust { background: url(images/trust_hover.png) no-repeat; }

#results { position: absolute; left: 706px; top: 39px; width: 161px; height: 157px; }
#results:hover { background: url(images/results_hover.png) no-repeat; }
.selected #results { background: url(images/results_hover.png) no-repeat; }

#quality { position: absolute; left: 481px; top: 221px; width: 149px; height: 154px; }
#quality:hover { background: url(images/quality_hover.png) no-repeat; }
.selected #quality { background: url(images/quality_hover.png) no-repeat; }

#clarity { position: absolute; left: 757px; top: 212px; width: 151px; height: 158px; }
#clarity:hover { background: url(images/clarity_hover.png) no-repeat; }
.selected #clarity { background: url(images/clarity_hover.png) no-repeat; }

#value { position: absolute; left: 626px; top: 316px; width: 142px; height: 131px; }
#value:hover { background: url(images/value_hover.png) no-repeat; }
.selected #value { background: url(images/value_hover.png) no-repeat; }


/* our team */
#leftColumn {
  float: left;
  width: 162px;
  margin-top: 12px;
}

#leftColumn h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: normal;
}

#leftColumn h2 a {
  color: #d9c7e1;
}

#leftColumn h2.selected a {
  color: #ff4522 !important;
}

#leftColumn h2 a:hover {
  color: #ff4522;
}

#leftColumn a {
  font-size: 11px;
  color: white; 
  text-decoration: none;
}

.team #leftColumn {
  margin-top: 9px;
}

#leftColumn ul {
  padding: 0;
  margin: 0 0 10px 0;
}

#leftColumn ul {
  padding: 0;
  margin: 0 0 34px 0;
  list-style:none;
}

#tab_pete { background: url(images/tab_pete.png) no-repeat; }
#tab_pete:hover { background: url(images/tab_pete_hover.png) no-repeat; }
.selected #tab_pete { background: url(images/tab_pete_hover.png) no-repeat; }

#tab_helen { background: url(images/tab_helen.png) no-repeat; }
#tab_helen:hover { background: url(images/tab_helen_hover.png) no-repeat; }
.selected #tab_helen { background: url(images/tab_helen_hover.png) no-repeat; }

#tab_chris { background: url(images/tab_chris.png) no-repeat; }
#tab_chris:hover { background: url(images/tab_chris_hover.png) no-repeat; }
.selected #tab_chris { background: url(images/tab_chris_hover.png) no-repeat; }

#tab_mike { background: url(images/tab_mike.png) no-repeat; }
#tab_mike:hover { background: url(images/tab_mike_hover.png) no-repeat; }
.selected #tab_mike { background: url(images/tab_mike_hover.png) no-repeat; }

#tab_jess { background: url(images/tab_jess.png) no-repeat; }
#tab_jess:hover { background: url(images/tab_jess_hover.png) no-repeat; }
.selected #tab_jess { background: url(images/tab_jess_hover.png) no-repeat; }


#rightColumn {
  width: 687px;
  float: left;
  padding-top: 17px;
}

#rightColumn p {
  margin: 25px 0;
  width: 422px;
}

.staff_box {
  height: 332px;
}

#rightColumn .staff_box h3 { 
  margin: 28px 0 0;
  font-size: 12px; 
  font-weight:normal;
  color: white; 
}

#rightColumn .staff_box p { 
  width: 416px;
  margin: 12px 0 0;
  font-size: 12px; 
  color: #d9c7e1; 
}

#pete {
  background: url(images/pete_image.png) no-repeat right top;
}
#helen {
  background: url(images/helen_image.png) no-repeat right top;
}
#chris {
  background: url(images/chris_image.png) no-repeat right top;
}
#mike {
  background: url(images/mike_image.png) no-repeat right top;
}
#jess {
  background: url(images/jess_image.png) no-repeat right top;
}



/* our services */
#content.about_ourservices  {
  color:#D9C7E1;
}

.about_ourservices #leftColumn {
  width: 322px;
  margin: 12px 67px 0 0;
}

.about_ourservices #rightColumn {
  width: 459px;
  padding-top:7px;
}

.about_ourservices #rightColumn img {
  margin-top: 10px;
}

.about_ourservices #rightColumn h3 {
  margin: 11px 0 0 8px;
  color: white;
}

.about_ourservices #rightColumn p {
  margin: 20px 0 20px 8px;
}


/* our work */

#content.our_work #rightColumn {
  padding-bottom:5px;
}

#content.our_work #rightColumn p {
  width:564px;
  margin: 11px 0 17px 0;
}

.tab_indent {
  margin: 0 0 17px -7px;
}

img.screenshot { 
  margin-bottom:10px;
  padding: 4px;
  border: 1px solid white !important;
}

#ow_footer {
  clear: both;
  margin-right:46px;
  padding-top:15px;
  border-top:1px solid #867E88;
  background: url(images/ow_footer_logo.png) no-repeat right 11px;
  font-size:10px;
}

#ow_footer a {
  display: inline;
}

#footer_links {
  display: inline-block;
  margin-left:90px;
  text-align: left;
}

#footer_links p {
  display: inline;
  margin:0;
  padding:0;
}

#footer_links p.hidden {
  display: none;
}

/* case studies */

#content.case_studies {
}

#tab_case_studies {
  position: absolute;
  left:0;
  top:323px;
}

.csBox { 
  width: 212px;
  margin:24px 1px 0;
  padding-top: 356px;  
  background: url(images/cs_box.png) no-repeat left 332px; 
  text-align: center;
} * html .csBox { display:inline; width: 210px; }
.csBox:hover, .csBox.selected { background-image: url(images/cs_box_hover.png); }


.csBox.first { margin-left: -4px; } 

.csBox h3 { 
  margin:38px 4px 0 3px;
  text-align: left;
  font-size: 15px;
}
.csBox p { 
  width: 203px;
  margin:6px 4px 0 3px;
  text-align: left;
  font-size: 11px;
}


/* blog */

.blog_body {
  background: url(images/speech_bubbles.png) no-repeat right top; 
}

#blog_title {
  margin-bottom: 38px;
}

.blog_entry {
  border-top: 1px solid #927c8d;
}

.blog_entry h2 {
  font-size: 24px;
  font-weight: normal;
  margin: 17px 0;
}

.blog_entry p {
  margin: 17px 0;
}

.blog_entry p.blog_author {
  font-size: 14px;
  color: #ff4522;
}



/* contact */
.contact #leftColumn {
  width: 325px;
  margin: 12px 32px 0 0;
}
.contact #leftColumn p {
  margin: 28px 0 46px 0;
}

.contact #rightColumn {
  width: 493px;
}

.contact #rightColumn p {
  margin: 20px 0 20px 8px;
}








/*

.contentBox {
  float: left;
  width: 230px;
  margin-right: 8px;
  padding: 0px;
  font-size: 12px;
}

#blog_twitter_icons { margin-top: 18px; }

#main {
  width: 709px;
  float: left;
}

#contentArea {
  width: 758px;
  float: right;
  text-align: right;
}

#contentArea p {
  width: 400px;
  float: left;
  text-align: left;
  margin-left: 70px;
}

#contactDetails {
  padding: 20px 0;
  border-top: 1px solid #656366;
  border-bottom: 1px solid #656366;
  width: 95%;
}

#aboutArea {
  width: 758px;
  float: right;
  border-left: 1px solid #AAAAAA;
}

#aboutArea .contentBox {
  float: right;
  width: 229px;
  margin:0 0 0 11px;
  padding: 0px;
}

#aboutArea .contentBox img {
  padding: 6px;
  border: 1px solid #cac9ca;
}

#aboutArea .contentBox:hover img {
  border-color: #757275;
}

#aboutArea .contentBox h3 {
  margin: 13px 0 3px;
  font-size: 15px;
  font-style:italic;
  color: #333333;
}

#aboutArea .contentBox p {
  margin: 0 0 23px;
  line-height:18px;
}

#clientArea {
  width: 708px;
  float: right;
  padding-left: 50px;
  border-left: 1px solid #AAAAAA;
}

#clientArea .row {
  margin-bottom:30px;
}

#clientArea .contentBox {
  width: 328px;
  margin-right: 40px;
}

.contentBox.last_col {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#clientArea p {
  width: 328px;
  float: left;
  margin:0 0 13px 0;
  text-align: left;
}
.quote { font-size: 24.4px; line-height:25px; }
.quote.left { color: #241027; }
.quote.right { color: #7c9093; }
.quote_author { font-size: 12.8px; color: #4f4f4f; }


#teamArea {
  width: 720px;
  float: right;
  padding-left:38px;
  border-left: 1px solid #AAAAAA;
}

#teamArea .contentBox {
  float: left;
  width: 228px;
  margin:0 0 0 12px;
  padding: 0px;
} * html #teamArea .contentBox { display:inline; margin:0 0 0 4px; }

#teamArea .contentBox p {
  margin:18px 0 0;
  font-size: 16px;
  color: #101115;
}

#teamArea .contentBox p span.role { color: #808b8d; }

#teamArea .contentBox p.link {
  margin:12px 0 21px;
}

#teamArea .contentBox a {
  font-size: 14px;
  color: #101115;
  text-decoration: none;
}

#teamArea .contentBox a:hover {
  color: #ff3800;
}


#contactArea {
  width: 708px;
  float: right;
  padding-left:50px;
  border-left: 1px solid #AAAAAA;
}

#contactArea a {
  font-size: 14px;
  color: #101115;
  text-decoration: none;
}

#contactArea a:hover {
  color: #ff3800;
}

#map {
  float: left;
}

#map_text {
  float: left;
  margin-left:9px;
  width:105px;
}

#contactArea .row.bottom_border {
  border-bottom: 1px solid #AAAAAA;
  padding:0;
}

#contactArea .left_col {
  float: left;
  margin-top: 34px;
  padding-left: 34px;
  width: 348px;
  height: 207px;
  border-right: 1px solid #AAAAAA;
  font-size: 28px;
  color: #1a161b;
}

#contactArea .left_col a { font-size: 22px; color: #939c9e; }

#contactArea .right_col {
  float: left;
  margin-top: 34px;
  padding-left: 10px;
  width: 315px;
  height: 207px;
  font-size: 14px;
  color: #101115;
}

form {
  position: relative;
  overflow:hidden;
}

form input {
  float: left;
  width: 383px;
  height: 25px;
  margin: 0 24px 13px 0;
  border: 1px solid #a3a2a4;
}

form label {
  float: left;
  width: 296px;
  height: 19px;
  margin: 6px 0 13px;
  text-transform: uppercase; 
  color: #000000;
} * html form label { width: 290px; }

form textarea {
  float: left;
  width: 383px;
  height: 182px;
  margin: 0 24px 13px 0;
  border: 1px solid #a3a2a4;
}

form input.send {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 14px;
  left: 396px;
  margin: 0;
  background: transparent;
  border: none;
  font-size: 18px;
  font-style: italic;
  color: #ff3800;
} * html form input.send { display:inline; position: relative; left: 0; top: 120px; float: left; }

/* end content styling */

/* footer styling */

#footer img {
  float: right;
 vertical-align: top;
}

#footer p {
  float: left;
}

/* end footer styling */


/* restyling the JQuery Carousel */

.cs_slide_holder {
  height:346px;
  width:852px;
  position: relative;
}

.carousel_inner {
  height:306px;
  width:852px;
  left:0;
  top:0;
  border: none;
}

.carousel_slides .slide {
  height:306px;
  width:852px;
  background: transparent;
}

div.carousel_controls {
  background: transparent;
}

ul.carousel_slide_buttons  {
  left:340px;
}

#home_slider {
  display: block;
  position: relative;
  height:346px;
  width:852px;
  margin-bottom: 10px;
}