body {
   font-size:12px;
   font-family:"Century Gothic", Arial, Serif Sans, Tahoma;
   color:#fff;
   line-height:18px;
   background:#4a1943 url(../images/bg.jpg) no-repeat top right;
   margin:0px;
   padding:0px;
   }
   
h1 {
   font-size:18px;
   font-weight:normal;
   }
   
h2 {
   font-size:14px;
   font-weight:normal;
   color:#d2e639;
   margin-bottom:10px;
   }
   
#content_wrapper {
   margin:0 auto;
   padding:0px;
   background:url(../images/bg_transparent.png) repeat-y top left;
   width:736px;
   min-height:800px;
   }
   
#content {
   width:668px;
   margin:auto;
   padding-top:30px;
   }
   
#header {
   background:url(../images/header.png) no-repeat top left;
   width:736px;
   height:84px;
   position:relative;
   }
   
#topPanel{
	left: 0px;
	position: absolute;
	text-align: center;
	top: 83px;
	width: 736px;
	z-index: 25;
}

.ff3 #topPanel {
    left:0px;
	}
	
#panel{
	height: 0px;
	position: relative;
	overflow: hidden;
	text-align: left;
	top: 1px;
	width: 736px;
	z-index: 10;
	
}
#pnlContent{
	background: #212121;
	height: 100%;
	padding: 1em;
	position: absolute;
	width: 736px;
	z-index: -1;
	background:url(../images/panel_bg.png) repeat-y top left;
}

.panel_bottom {
    position: relative;
	background: url(../images/panel_bottom.png) no-repeat top left;
	with:736px;
	height:7px;
	margin-top:1px;
	}
.panelBtn{
	background:transparent;
	float: right;
	position: relative;
	top: -6px;
	right:35px;
	width: 136px;
}

.ff3 .panelBtn{
   top:-5px;
   }
   
.panelBtn a{
	height: 26px;
}
.panelBtn a img{
	height: 26px;
	vertical-align: middle;
	width: 136px;
	border:0px;
}
img.buddy{
	float: left;
	height: 160px;
	margin: 20px;
	width: 140px;
}
p#description {
	float: left;
	width:680px;
    margin-left:20px;
	font-weight:normal;
}

p#description span {
   font-size:18px;
   font-weight:normal;
   color:#d2e639;
   margin-bottom:10px;
   margin-left:20px;
   margin-top:10px;
   }

#project {
   margin-bottom:15px;
   }

#project_wrapper {
   width:668px;
   height:119px;
   background:url(../images/project_bg.png) no-repeat top left;
   
   }
   
#project_wrapper .pthumb {
   padding:4px;
   width:366px;
   height:111px;
   border:0px;
   float:left;
   }
   
#project_wrapper .desp {
   width:240px;
   float:left;
   padding:8px 0px 8px 8px;   
   }
   
#project_wrapper .desp span{
   font-size:18px;
   color:#d2e639;
   line-height:20px;
   }
   
#project_wrapper .skill {
   width:18px;
   float:left;
   padding:10px 0px 0px 15px;
   }
   
#project_wrapper .skill span{
   padding-bottom:5px;
   }
   
div a, div a:link, div a:hover, div a img {
   text-decoration:none;
   color:#fff;
   cursor:hand;
   border:none;
   } 
   
div a:hover span {
   text-decoration:underline;
   }
   
#separator {
   background:url(../images/separator.png) no-repeat top left;
   width:661px;
   height:2px;
   margin:auto;
   clear:both;
   padding-top:10px;
   }
   
#thumb_archive {
   background:url(../images/project_small_bg.png) no-repeat top left;
   width:208px;
   height:161px;
   float:left;
   padding-right:14px;
   padding-bottom:15px;
   }
   
#thumb_archive .athumb {
   padding:5px;
   width:198px;
   height:119px;
   border:0px;
   float:left;
   }
   
#thumb_archive .adesp {
   width:190px;
   padding:2px 5px 5px 5px;
   margin-left:5px;
   }
   
#thumb_archive .adesp span{
   font-size:14px;
   color:#d2e639;
   line-height:18px;
   }

#thumb_wrapper {
  float:left;
  width:208px;
  height:161px;
  }
 
#footer {
   background:url(../images/footer_bg.jpg) no-repeat top left;
   width:736px;
   height:310px;
   margin:auto;
   clear:both;
   position:relative;
   }  
   
#footer_content {
   padding:25px 30px 5px;
   }
   
ul#sitemap_wrapper {
   margin-right:25px;
   padding:0px;
   float:left;
   margin-top:5px;
   margin-left:0px;
    }
	
ul#sitemap_wrapper li {
   list-style:none;
   font-size:11px;
   display:block;
   width:120px;
   line-height:18px;
   }
   
ul#sitemap_wrapper li a:hover {
   text-decoration:underline;
   }
   
#contact_area {
   width:220px;
   margin-left:455px;

   }
   
.contact_info {
   padding-left:10px;
   padding-top:5px;
   }
   
#contact_area span {
   color:#d2e639;
   }