body{
margin:0;
padding:0;
border-top:5px solid #474747;
background:url(../images/bkg_body.gif) 0 5px repeat-x #fff;
font-family:Arial, Helvetica, Verdana, sans-serif;
color: #6d6d6d;
font-size:11px;
font-weight:normal;
}

a {color: #8DC63F;}
a:hover {color: #CC3;}

.link a {
	color: #8DC63F;
	text-decoration: none;
}
.link a:hover {
	color: #CC3;
	text-decoration: underline;
	}

#header{
text-align:center;
padding:21px 0 0 0;
height:98px;
overflow:hidden;
}
#feature{
border-top:1px solid #dadbd9;
background:url(../images/bkg_feature.gif) top center repeat-x #fafafa;
text-align:left;
padding:13px 0 0 0;
height:179px;
overflow:hidden;
}
#feature #welcome{
float:left;
width:328px;
margin:0 28px 0 10px;
text-align:left;
padding:11px 0 0 10px;
}
* html #feature #welcome{width:302px;}
#feature #featured{
padding:24px 0 0 0;
float:left;
width:320px;
height: 109px;
}

#featured ul{
list-style:none;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
margin:0;
padding:0;
}

#featured li{
line-height:1.3;
}
#featured li a{
color:#8d8c8c;
text-decoration:none;
background-image:url(../images/download-icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}
#featured li a:hover{
color:#555;
text-decoration:underline;
background-image:url(../images/download-icon-on.gif);
background-position:left;
background-repeat:no-repeat;
}

#portfolio{
border-top:1px solid #e6e6e6;
background:url(../images/bkg_portfolio.gif) top center repeat-x;
padding:30px 0 0 0;
}
#footer{
clear:both;
border-top:1px solid #d2d2d2;
background-color:#f5f5f5;
border-bottom:5px solid #474747;
min-height:202px;
}
* html #footer{margin-top:28px;}
#footer{margin-top:28px;}
#footer #about {
float:left;
width:466px;
padding:16px 0 0 0;
}
#footer #contact {
float:right;
width:226px;
padding:16px 0 0 25px;
background:url(../images/bkg_footer.gif) top left repeat-y;
min-height:186px;
}
#meta{
clear:both;
padding:10px 0 0 0;
min-height:18px;
}
.content{
margin:0 auto;
width:730px;
}
.piece{
float:left;
margin:0 16px 28px 16px;
width:211px;
background-color:#fcfcfc;
}
* html .piece{margin:0 12px 28px 12px;}
/* .piece:hover{background-color:#f7f7f7;} */

.piece img{
background:url(../images/bkg_piece.gif) top left repeat;
padding:5px;
}
.separator{
background:url(../images/bkg_gradient.gif) top left repeat-x #d8d8d8;
height:5px;
overflow:hidden;
}
#portfolio .details{
border:1px solid #f6f6f6;
background-position:bottom left;
background-repeat:no-repeat;
padding:10px 12px 10px 12px;
min-height:48px;
}

#portfolio .details h2, li, #portfolio .details h2 a{
color:#464646;
font-family: "Impact", Arial, Verdana, sans-serif;
font-size:15px;
font-style: normal;
font-weight: normal;
margin:0;
text-decoration:none;
}
#portfolio .details h3,#portfolio .details h3 a{
color:#6d6d6d;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
margin:5px 0 0 0;
text-decoration:none;
}
#additional{
float:left;
display:block;
margin:0 0 40px 16px;
}
#additional ul{
list-style:none;
margin:12px 0 0 0;
padding:0;
}
#additional li{
background:url(http://www.pixelumbrella.com/images/bkg_check.gif) 2px 4px no-repeat;
margin:0 16px 15px 15px;
padding:4px 0 6px 18px;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
float:left;
width:185px;
border-bottom:3px solid #fff;
}
* html #additional li{margin:0 12px 15px 12px;}
#additional li a{
color:#bebfbe;
line-height:1.2;
text-decoration:none;
}
#additional li a strong{
font-weight:normal;
color:#8d8c8c;
display:block;
line-height:1;
}
#additional li:hover{
border-bottom:3px solid #efefef;
background-color:#fafafa;
}
#footer img{
float:left;
}
#footer h1{
color:#434343;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:19px;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:9px 0 0 0;
}
#footer h2{
color:#8d8c8c;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:13px;
font-weight:normal;
margin:7px 0 13px 0;;
line-height:1.2;
}
#footer h3{
color:#b4b4b4;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
font-weight:normal;
line-height:1.2;
margin:5px 0 8px 0;
}
#footer ul{
list-style:none;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
margin:0;
padding:0;
}
#footer li{
line-height:1.3;
}
#footer li a{
color:#8d8c8c;
text-decoration:none;
background-image:url(../images/download-icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}
#footer li a:hover{
color:#555;
text-decoration:underline;
background-image:url(../images/download-icon-on.gif);
background-position:left;
background-repeat:no-repeat;
}
#meta ul{
float:left;
margin:0;
padding:0;
}
#meta li{
text-transform:uppercase;
display:inline;
padding-right:5px;
}
#meta span{
float:right;
}
#footer .details{
float:right;
width:420px;
}

#footer .piece{
float:right;
width:420px;
padding: 8px 8px 16px 8px;
}

#footer img {
margin: 10px;
}

#meta li, #meta span{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
color:#bfbfbf;
}
#meta li a{
background:url(http://www.pixelumbrella.com/images/bkg_li.gif) top left no-repeat;
padding:0 0 0 12px;
}
#meta a, #meta span a{
color:#a3a3a3;
text-decoration:none;
text-transform:none;
}
#meta a:hover{
color:#909090;
text-decoration:underline;
}

#welcome h2 a{
color:#555;
text-decoration:underline;
}
#welcome h2 a:hover{
color:#8d8c8c;
text-decoration:none;
}
#welcome h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
color:#434343;
text-transform:lowercase;
font-weight:normal;
line-height:1.1;
}
#welcome h1 strong{
font-size:19px;
text-transform:lowercase;
display:block;
}
#welcome h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#8d8c8c;
line-height:1.6;
font-weight:normal;
margin:6px 0 0 0;
}



a{
border:none;
outline:none;
}
img{
border:none;
}