@charset "utf-8";
/* CSS Document */

* {margin: 0px;  padding: 0px;}
h1, h2, h3, h5{color: #8ae984;}
h1{font-size: 31px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4, h5{font-size: 14px;}
p{margin: 1.33em 0; font-size: 13px;  line-height: 20px;  color:#CCC;}
em{color: #8ae984;}
a{color: #5872d0;}
a:link{color: #5872d0;}
a:visited{color: #5872d0;}
a:hover{color: #8ae984;}


html{height: 100%;	}
body {text-align: center; background: #0c120c; color:#ccc; font-family: Arial, Helvetica, sans-serif;  position: relative; height: 100%;}
 #nav_container{height: 76px;  background: #4fc534 url('../i/nav-bg.jpg') repeat-x;  text-align:center; }
  #nav_content{width: 990px; height: 76px;  text-align: left;  margin: 0 auto;  position: relative;}
   #nav_content div{position: absolute; top: 0px; height: 76px;}
   #nav-piece-blank1{left: 0px;  width: 16px; background: url(../i/nav1-blank.jpg) no-repeat;}
   #nav-piece-blank2{left: 263px;  width: 62px; background: url(../i/nav3-blank.jpg) no-repeat;}
   #nav-piece-blank6{left: 695px;  width: 122px; background: url(../i/nav6-blank.jpg) no-repeat;}
   #nav_content a{display: block; position: absolute; top: 0px; height: 76px; background-position: top;  height: 76px;  text-indent: -808em;}   
   #nav_content a:hover{background-position: bottom;}
   #nav-lumatree{left: 16px;  width: 247px; background: url(../i/nav2-lumatree.jpg) no-repeat;}
   #nav-portfolio{left: 325px;  width: 177px; background: url(../i/nav4-portfolio.jpg) no-repeat;}
   #nav-freelance{left: 502px; width:193px;  background: url(../i/nav5-freelance.jpg) no-repeat;}
   #nav-blog{left: 695px; width: 122px; background: url(../i/nav6-blog.jpg) no-repeat;}
   #nav-contact{left: 817px;  width: 175px; background: url(../i/nav7-contact.jpg) no-repeat;}
 .main_container{text-align: center; height:auto !important; height: 100%;  min-height:100%;  }
 #container_home{background: #0c120c url(../i/site-home-bg2.jpg); background-repeat: no-repeat; background-position: center 72px; }
 #container_general{background: #0c120c url(../i/site-bg-tree-stars.jpg); background-repeat: no-repeat; background-position: center 72px;}
 #container_freelance{background: #0c120c url(../i/site-bg-tree-stars.jpg); background-repeat: no-repeat;  background-position: center 72px;}
 #container_contact{background: #0c120c url(../i/site-bg-tree-stars.jpg); background-repeat: no-repeat;  background-position: center 72px;}
  #leaves{background: url(../i/bg-elements-leaves.png) top center no-repeat; height:auto !important; height: 100%;  min-height:100%;}
  #content{position: relative;  text-align: left;  margin: 0 auto;  width: 950px;}
   /*home*/
   #tagline_area{position: absolute;  left: 382px;  top: 108px;  width: 596px;  height: 300px; }
   #tagline_area h1{width: 163px;  height: 29px;  text-indent: -808em;  background: url(../i/lumatree-front.png) no-repeat; margin-bottom: 10px;}
   #tagline_area h2{width: 596px;  height: 71px;  text-indent: -808em;  background: url(../i/tagline.png) no-repeat;}
   #tagline_area a{width: 194px;  height: 40px;  display: block;  position: relative;  left: 90px;  margin-top: 33px;  text-indent: -808em;  background: url(../i/home-portfolio.png) left bottom no-repeat;}
   #tagline_area a:hover{background-position: left top;}
	#latest_area{margin-top: 30px; display: none;}
	 #latest_project{position: relative;  float: left;  width: 475px;}
	 #latest_blog{position: relative;  float: left;  width: 475px;}
   /*portfolio*/
  #portfolio_content{padding: 90px 0px 0px 181px; }
   #portfolio_content h1{color: #ccc;  font-size: 18px;  font-weight: normal;  width: 367px;  height: 33px;  text-indent: -808em;  background: url(../i/myportfolio.png) no-repeat; margin-bottom: 17px;}
   div.portfolio_container{margin: 30px 0px 0px 0px;  position: relative;  left: -10px;}
    div.portfolio_container h3{margin: 0px 0px 0px 10px; text-indent: -808em; width: 747px;  height: 42px;}
    div.portfolio_container h3.si{background: url(../i/siddharthasintent.png) no-repeat;}
    div.portfolio_container h3.hsfc{background: url(../i/highsocietyfreeride.png) no-repeat;}
	div.portfolio_container h3.fo{background: url(../i/fundacionorigen.png) no-repeat;}
    div.portfolio_container h3.apf{background: url(../i/americanplankflooring.png) no-repeat; height: 62px;}
    div.portfolio_container h3.ikr{background: url(../i/ironknotranch.png) no-repeat;}
    div.portfolio_container h3.simp{background: url(../i/simpsonhotel.png) no-repeat;}
    div.portfolio_container h3.swr{background: url(../i/southwestresearch.png) no-repeat;}
    div.portfolio_container h3.vv{background: url(../i/villavirginia.png) no-repeat;}
    div.portfolio_container h3.es{background: url(../i/esquireproperties.png) no-repeat;}
	div.portfolio_item_top{width: 749px;  height: 15px;  background: url('../i/blackarea-top.png') no-repeat;}
    div.portfolio_item{background: #000;  border-right: 1px solid #2e342e; width: 748px;  }
    div.portfolio_item a.visit{margin: 0px 0px 0px 15px; font-size: 14px; font-weight: bold;}
    div.pi_left_column{float: left;  position: relative;  width: 221px;  padding: 7px 7px;}
     div.pi_left_column p{margin: 0px 8px 1.33em 15px;}
     div.pi_left_column p strong{color: #8ae984;}
	div.fullline{width: 700px;  padding: 7px 7px; }
	 div.fullline p{margin: 0px 8px 1.33em 15px;}
	 div.fullline h2{margin: 0px 8px 1.33em 15px;}
    div.pi_right_column{float: left;  position: relative;  width: 512px; }
     div.pi_right_column img{margin: 4px 4px 0px 0px;  border: 0px;}
     div.pi_right_column a{border: 0px;}
	div.portfolio_item_bottom{width: 749px;  height: 17px;  background: url('../i/blackarea-bottom.png') no-repeat;  margin-bottom: 42px;}
  #freelance_content{padding: 90px 0px 0px 181px; }
   #freelance_content h1{color: #ccc;  font-size: 18px;  font-weight: normal;  width: 555px;  height: 33px;  text-indent: -808em;  background: url(../i/freelancework.png) no-repeat; margin-bottom: 17px;}
   div.freelance_container{margin: 30px 0px 0px 0px;  position: relative;  left: -10px;}
    div.freelance_container h3.overview{background: url(../i/overview.png) no-repeat;  margin: 0px 0px 0px 10px; text-indent: -808em; width: 747px;  height: 42px;}
    div.freelance_container h3.details{background: url(../i/thedetails.png) no-repeat;  margin: 0px 0px 0px 10px; text-indent: -808em; width: 747px;  height: 42px;}
	div.freelance_item_top{width: 749px;  height: 15px;  background: url('../i/blackarea-top.png') no-repeat;}
    div.freelance_item{background: #000;  border-right: 1px solid #2e342e; width: 748px;  }
	div.freelance_item_bottom{width: 749px;  height: 17px;  background: url('../i/blackarea-bottom.png') no-repeat;  margin-bottom: 42px;}
   #freelance_content .headings{position: relative; }
   #freelance_content ul{margin-left: 24px;}
    #freelance_content ul li{margin-top: 7px;}
    #freelance_content ul h4{color: #ccc; font-weight: normal;}
    #freelance_content ul li h2{margin-top: 10px; font-size: 16px; }
	#freelance_content ul li.li_header{color: #3c9c2f;}
	#freelance_content ul li.li_header ul{color: #ccc;}
    #freelance_content ul li ul li h3{font-size: 14px; margin-top: 11px; color: #ccc;}
	div.left_text{position: relative;  float: left;  width: 355px; padding: 0px 20px 10px 10px;}
    div.right_text{position: relative;  float: left;  width: 307px; padding: 0px 0px;}
  #contact_content{padding: 90px 0px 0px 181px; }
   #contact_content h1{color: #ccc;  font-size: 18px;  font-weight: normal;  width: 555px;  height: 33px;  text-indent: -808em;  background: url(../i/contactme.png) no-repeat; margin-bottom: 17px;}
   #contact_content p{font-size: 16px; padding-left: 40px;}

 #footer{text-align: center;  height: 35px;}
 
.alignright{ text-align: right;}
.clear{ clear: both; }