html {
height: 100%;
}

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
background:url(images/curve.gif) top left repeat-x #fff;
height: 100%;
}

a{
font:Arial, Helvetica, sans-serif;
color:#ab2b25;
text-decoration:underline;
}

img{
border:0;
}

.spacer{
clear:both;
}

#container {
min-height: 100%;
margin-bottom: -302px;
position: relative;
}

#wrapper{
text-align:center;
margin:auto;
width:800px;
}

#header{
padding:35px 0;
}

#header-inner{
width:800px;
text-align:center;
margin:auto;
}

#header-inner #title{
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#cdab64;
width:250px;
float:left;
}

#header-inner #title .name{
text-align:left;
font-weight:bold;
font-size:24px;
color:#fff;
}

#header-inner #title .name a{
text-decoration:none;
color:#fff;
}

#header-inner #title a{
color:#cdab64;
text-decoration:none;
}

#header-inner #title p.description{
padding:0 0 0 10px;
margin:0;
font-size:11px;
color:#fff;
}

#innerbg{
background:url(images/innerbg.png) repeat-x;
padding:20px;
}

.lavaLamp {
position: relative;
height: 29px;
width: 380px;
margin: 10px 0;
overflow: hidden;
float:right;
}
.lavaLamp li {
float: left;
list-style: none;
}
.lavaLamp li.back {
background: url("images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLamp li.back .left {
background: url("images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLamp li a {
font: bold 14px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;    
}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
border: none;
}

#content{
margin:70px 0 0px 0;
text-align:left;
}

#content h1.intro{
color:#666666;
font-size:30px;
line-height:30px;
font-weight:normal;
padding:0;
margin:0;
}

#content h1.intro .name{
color:#000;
}

#content .knowledge{
color:#666666;
font-size:18px;
line-height:48px;
}

#content .knowledge .special-small{
color:#990000;
}

#content .knowledge .special-large{
color:#fff;
font-size:30px;
background:#a5c3c3;
}

#content h2.works{
color:#000;
font-size:18px;
font-weight:normal;
padding:5px 0;
margin:0;
border-bottom:dotted 1px #d3c697;
}

#content h2.works span{
background:#cdab64;
padding:5px 5px;
}

#content ul.worklist{
list-style:none;
margin:0;
padding:0;
padding-top:15px;
}

#content .worklist li{
list-style:none;
display:block;
float:left;
padding:0 5px;
width:250px;
}

#content p.work-title{
font-size:14px;
color:#393939;
font-weight:bold;
}

#content p.work-title a{
font-size:14px;
color:#393939;
font-weight:bold;
text-decoration:none;
}

#content p.work-desc a{
float:none;
clear:none;
display:inline;
}

#content p.allworks{
clear:both;
float:right;
font-size:14px;
font-weight:bold;
}
#content p.allworks a{
color:#666;
text-decoration:none;
}

#content h1.about{
color:#000;
font-size:18px;
font-weight:normal;
padding:5px 0;
margin:0;
border-bottom:dotted 1px #d3c697;
}

#content h1.about span{
background:#cdab64;
padding:5px 5px;
}

#content h1.work{
color:#000;
font-size:18px;
font-weight:normal;
padding:15px 0 0 0;
margin:0;
}

#content h1.work span{
background:#cdab64;
padding:5px 5px;
}

#content .website{
background:url(images/innerbg.png) repeat-x;
padding:10px 0;
text-align:center;
margin:auto;
border-bottom:dotted 1px #ccc;
}

#content .website p{
text-align:left;
color:#000;
padding:0 10px;
}

#content .website .work-menu{
float:left;
width:150px;
padding-top:10px;
}

#content .website .work-moredetails{
float:right;
width:650px;
padding-top:10px;
}

.clearfooter {
height: 302px;
clear: both;
}

#footer{
background:url(images/grass_bottom.gif) top center repeat-x #333333;
clear:both;
margin:0;
padding:83px 0 0 0;
height:219px;
position: relative;
}

#footer-content{
width:800px;
text-align:center;
margin:auto;
border-top:dotted 1px #666;
}

#footer-content .social{
width:200px;
padding-top:10px;
float:left;
text-align:left;
}

#footer-content .social ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:200px;
}

#footer-content .social li{
clear:both;
}

#footer-content .social li p{
padding:0 0 20px 0;
margin:0;
}

#footer-content .social a{
color:#fff;
font-size:10px;
line-height:40px;
text-decoration:none;
}

#footer-content .social img{
clear:left;
float:left;
padding-right:10px;
}

#footer-content .subscribe{
float:left;
}

#footer-content .subscribe h3{
padding:10px 0 15px 0;
margin:10px 0 0 0;
font-size:14px;
color:#fff;
}

#footer-content .subscribe ul{
list-style:none;
margin:0;
padding:0;
}

#footer-content .subscribe li a{
line-height:50px;
color:#fff;
font-size:10px;
text-decoration:none;
}

#footer-content .subscribe li img{
float:left;
padding:0 10px;
}

#footer-content .copyright{
float:right;
width:450px;
}

#footer-content .copyright h3{
padding:10px 0 15px 0;
margin:10px 0 0 0;
font-size:20px;
color:#fff;
font-weight:normal;
text-align:right;
}

#footer-content .copyright p{
text-align:right;
color:#fff;
}

#footer-content .copyright a{
color:#cdab64;
text-decoration:none;
}

#footer-content .copyright a:hover{
text-decoration:underline;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:562px; 
  height:600px;
  padding:10px;
  background-color:#ffffff;
}