/*
dark grey  - #666666
light grey - #7e7e7e
*/

body,
body * {
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
}

body {
  font-size:x-small;
  margin:13px 0;
  color:#7e7e7e;
}

a {
  color:#666666;
  text-decoration:none;
}

a:hover { color:#3b3b3b }

h1 { float:left }

h1 img {
  margin-top:4px;
  display:block;
  border:0;
}

h2 {
  font-size:1.1em;
  line-height:1.4em;
  color:#000000;
  font-weight:normal;
}

img { display:block }








/* LAYOUT */
#all {
  width:980px;
  margin:auto;
}

#header {  margin-bottom:35px }
#layout_main {
  width:980px;
  height:442px;
  position:relative;
}
#home {
  position:absolute;
  width:980px
}
#column_left {
  width:290px;
  padding-right:45px;
  position:absolute;
  font-size:110%;
  line-height:150%;
  color:#666666;
  top:-7px;
}
#column_left p {
  margin-bottom:1em;
}
#column_right {
  width:645px;
  position:absolute;
  right:0;
}
#column_right p {
  position:relative;
  height:440px;
  border:1px solid #eeeeee;
}
#column_right img {
  position:absolute;
}
#column_left ul {
  list-style:none;
}
/* END OF LAYOUT */








/* NAVIGATION */
#nav_container {
  float:right;
  width:690px;
}
#navigation { float:right }
#navigation li {
  float:left;
  list-style:none;
  font-size:103%;
  margin-left:1.3em;
  display:block;
}
#navigation a { text-transform:lowercase }
li.active a { color:#000000 }
#nav_news {
  border-left:1px solid #c0c0c0;
  padding-left:1.3em;
}
/* END OF NAVIGATION */








/* SPLASH */
#splash {
  padding-top:95px;
  width:980px;
  height:345px;
}
/* END OF SPLASH */








/* ABOUT US */
#layout_about_us {
  margin-top:-1ex;
  width:618px;
  font-size:120%;
  line-height:200%;
}
#layout_about_us p {
  margin-bottom:0.75em;
}
p#ppp {
  position:absolute;
  bottom:-4px;
}
p#ppp_home {
  position:absolute;
  bottom:-47px;
}
/* END OF ABOUT US */








/* PORTFOLIO */
#portfolio {
  margin-top:-13px;
  width:980px;
  height:529px;
}
#portfolio p { margin-top:13px }
/* END OF PORTFOLIO */








/* CASE STUDIES */
#case_study_paging { margin:0.6em 0 3em 0 }
#case_study_paging p,
#case_study_paging li {
  float:left;
  padding-right:1em;
  border-right:1px solid #999999;
  margin-right:1em;
}
#case_study_paging p {
  font-size:90%;
  font-weight:bold;
}
#case_study_paging a  { font-weight:bold }
#case_study_paging ul { list-style:none }
#case_study_paging .selected a { color:#000000 }
#case_study_paging a:hover     { color:#3b3b3b }
.case_study_text {
  width:618px;
  line-height:180%;
  margin-bottom:1em;
}
#case_study_images { margin-top:2.5em }
#case_study_images img {
  float:left;
  margin-left:10px;
}
#case_study_images img.first { margin-left:0 }
#viewer {
  width:980px;
  height:464px;
}
/* END OF CASE STUDIES */








/* CONTACT */
#address {
  margin-bottom:1em;
}
h2#contact {
  font-size:1em;
  margin-bottom:1em;
}
/* END OF CONTACT */








/* CLIENTS */
.clients {
  list-style:none;
  width:228px;
  float:left;
  color:#666666;
  font-size:110%;
}
/* CLIENTS */








/* NEWS */
.snippet {
  width:324px;
  margin-bottom:9px;
  float:left;
}
.snippet div {
  width:144px;
}
#feature {
  width:644px;
  float:right;
}
#feature div {
  width:274px;
}
.news {
  border-left:1px solid #e5e5e5;
  background:url(/images/grey_dot.gif) left bottom repeat-x transparent;
}
.news div {
  border-top:1px solid #e5e5e5;
  float:left;
  padding:5px 10px;
}
.news img {
  float:right;
}
.news p {
  font-size:1.1em;
  line-height:1.4em;
}
/* END OF NEWS */








.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */