/******************************************************************************
 *  
 *  Layout
 *
 */

h1
{
  margin-bottom: 30px;
}

h2
{
  margin-top: 1.5em;
  margin-bottom: 1em;
}

ul.tabs li
{
  float: left;
  margin-right: 4px;
}

ul.bullets
{
  list-style-type: disc;
  margin-left: 1.25em;
}

div#frame
{
  position: relative;
  width: 720px;
  padding-left: 80px;
  padding-bottom: 80px;
  margin: 0 auto 80px auto;
  border: 1px solid #000;
  border-top: 0;
  background-image: url('../images/background.gif');
}

div#tabs
{
  position: relative;
  padding-top: 61px;
  padding-left: 160px;
  height: 24px;
  z-index: 1;
}

div#content
{
  width: 350px;
  padding: 45px 325px 45px 45px;
  min-height: 600px;
  background-color: #252211;
}

img#logo
{
  position: absolute;
  z-index: 2;
  top: 38px;
  left: 55px;
}

img#tree
{
  position:absolute;
  top: -15px;
  right: 0;
  z-index: 0;
}

img#alexis
{
  float:left;
  margin-right: 20px;
}

div#products
{
  margin-top: 1.5em;
  margin-bottom: 1em;
}

div#simpleeffectivefast
{
  margin-top: 30px;
}

div#letsdesign
{
  margin-top: 30px;
}

/* banner */

#banner_layout div#banner
{
  position: relative;
  background-color: #252211;
  height: 40px;
  padding: 8px 8px 12px 12px;
}

#banner_layout div.separator
{
  height: 8px;
  background-image: url('../images/background.gif');
}


/* portfolio */

#portfolio div#project_header
{
  border-bottom: 1px dotted #AEA496;
  padding: 15px;
  font-size: 0.75em;
  color: #252211;
  text-align: center;
}

#project_header span.project_title
{
    font-weight: bold;
}

#project_header div#project_arrows
{
  float: right;
}

#project_header .left_arrow
{
  margin-right: 5px;
}

#project_header .right_arrow
{
  margin-left: 5px;
}

#project_header .project_client
{
}

#portfolio div#project_image
{
  padding: 40px 0 20px 0;
  text-align: center;
}

#portfolio img#logo
{
  position: absolute;
  top: 8px;
  left: 12px;
  height: 40px;
  float: left;
}

#banner div#portfolio_menu
{
  position: absolute;
  right: 15px;
  bottom: 11px;
}

#banner div#portfolio_menu ul li
{
  color: #AEA496;
  float: left;
  font-family: tahoma, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 20px;
  letter-spacing: 0.05em;
}


/******************************************************************************
 *  
 *  Type
 *
 */
 
h1
{
  font-family: georgia;
  font-style: italic;
  font-weight: lighter;
  letter-spacing: 0.25em;
  font-size: 2.5em;
  color: #AEA496;  
}

h2
{
  font-family: georgia;
  font-style: italic;
  font-weight: lighter;
  letter-spacing: 0.15em;
  font-size: 1.5em;
  color: #AEA496;
}

a
{
    color: #AEA496;
}

a:hover
{
}

div#content
{
  color: #fff;
  font-size: 0.75em;
  line-height: 1.5em;
}

div#products
{
  font-family: georgia;
  font-style: italic;
  font-weight: lighter;
  font-size: 1.5em;
  color: #AEA496;
  line-height: 1.5em;
}

div#letsdesign
{
  font-family: georgia;
  font-style: italic;
  text-align: right;
  color: #D4E5A2;
  font-size: 1.5em;
  letter-spacing: 0.1em;
}