*
{
	margin: 0;
	padding: 0;
}

html {
	background: black;
}
body
{
	background: black;
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: black;
}

table { border-collapse: collapse; }

h1
{
	font-size: 10px;
	font-weight: normal;
	color: white;
}

p { margin-bottom: 9px; }

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

img
{
	border: none;
	display: block;
}


form { }
fieldset { border: none; }

.numericList { }

.numericList td
{
	vertical-align: top;
	padding-bottom: 18px;
}

.numericList td.number
{
	color: white;
	width: 40px;
}

.indent
{
	display: block;
	margin-left: 40px;
}

.intro
{
	font: 17px/24px georgia, serif;
	color: white;
	display: block;
	padding-bottom: 9px;
	display: block;
	position: relative;
}

.highlight { color: white; }





/**************************************************************
  Container
 **************************************************************/


#container
{
	margin: 0 auto 0 auto;
	padding: 29px 36px 72px 36px;
	width: 864px;
	background-color: #231f20;
}


#logo
{
	float: left;
	border: 1px solid #7E7670;
}



/**************************************************************
  Nav
 **************************************************************/
#nav
{
	float: right;
	margin-bottom: 6px;
}
  #nav a
  {
    width: 107px;
    height: 34px;
    border: 1px solid #7E7670;
    border-right: none;
    display: block;
    float: left;
  }
  #nav a.last
  {
    width: 106px;
    border: 1px solid #7E7670;
  }
  #nav a:hover 
  { 
    background-position: 0 -34px; 
  }
  #nav a.selected 
  { 
    background-position: bottom left !important; 
  }





/**************************************************************
  Main Content
 **************************************************************/
#body
{
	font-size: 10px;
	margin: 0 108px 0 108px;
	background-color: #ffa12d;
  clear: both;
}

#content
{
	float: left;
	width: 338px;
	margin: 40px 67px 40px 43px;
}



/**************************************************************
  Subnav
 **************************************************************/

#subnav {
	padding: 112px 0 0 12px;
	height: 302px;
	float: left;
}
  #subnav ul
  {
    list-style: none;
    margin-left: 26px;
  }
  #subnav a { 
    color: #353028; 
  }
  #subnav a.selected { 
    color: white; 
  }





/**************************************************************
  Connections
 **************************************************************/


#connections {
	margin-top: 48px;
	float: left;
}
#connections .title {
  margin-right: 20px;
  padding-top: 0;
}
#connections img {
  float: left;
  padding-top: 8px;
}


/**************************************************************
  Blog
 **************************************************************/


#blog-link
{
	margin-top: 48px;
  float:right;
}




/**************************************************************
  Section specific overrides
 **************************************************************/

.home #body { margin: 0; background:transparent; }
.home #container
{
	padding-bottom: 36px;
}
.clients #body { background-color: #00a8e1; }
.clients .jspTrack { background-color: #006b94; }

.our_work #body { background-color: #bed600; }
.our_work #body { height: 487px; }
.our_work .info #subnav
{
  position: absolute;
  margin: 40px 0 0 450px;
  padding: 0;
  white-space: nowrap;
}

.our_work .jspTrack { background-color: #7e8d1f; }
.our_work .jspDrag { background-color: #4b5412; }

.hot_news #body { background-color: #ec519d; }
.hot_news .jspTrack { background-color: #7e8d1f; }





/**************************************************************
  Our Work
 **************************************************************/

.project 
{
  background-color: #231F20;
  height: 100%;
}
  .project .arrow-left
  {
    position: absolute;
    margin: 202px 0 0 -62px;
  }
  
  .project .arrow-right
  {
    position: absolute;
    margin: 202px 0 0 694px;
  }
  
  .project .moreinfo {
    float:right;
    padding-top: 13px;
  }
  
  
  .project .images {
    width: 654px;
    height: 432px;
    overflow:hidden;
  }
    .project .images img {
      float:left;
      margin: 0 6px 6px 0;
      visiblity: hidden;
    }
  
  
  .project .info
  {
    background-color: #bed600;
    overflow: hidden;
    position: absolute;
    height: 324px;
    width: 0px;
    margin: 54px 0 0 0;
    z-index: 100;
  }
    .project .info .description
    {
      position: absolute;
      margin: 36px 0 0 43px;
      padding: 4px 67px 0 0;
      overflow: auto;
      height: 252px;
      width: 328px;
    }
    .project .info .close
    {
      display: block;
      position: absolute;
      margin: 13px 0 0 590px;
      font-size: 10px;
      cursor: pointer;
    }



/**************************************************************
  ScrollPane Overrides
 **************************************************************/
 
.jspVerticalBar {
  width: 7px; 
}

.jspTrack
{
	background-color: #af7325;
}

.jspDrag
{
	background-color: black;
}




/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */