@CHARSET "UTF-8";
html, body 
{
	height: 100%;
	color: #666666;
}
#wrap 
{
	/*background: transparent url("/images/bg-body.jpg") repeat center top;*/
}
#main 
{
    padding-bottom:    120px;
}  
#footer 
{
    margin-top:        -120px;
    height:            120px;
} 
#footer
{
    /*background: transparent url("/images/bg-footer.gif") no-repeat center top;*/
}

#doc_wasabi
{
    margin:auto 6.5%; text-align:left;
}

/* = = = = = = = = = = = = = = = = = = = = = */

h2
{
    font-size: 200%;
    letter-spacing: -1px;
    font-weight: normal;
}
a {
	color: #ff3c00;
	padding: 1px 0px;
}
a:hover {
	color: #FFF;
	background-color: #ff3c00;
	text-decoration: none;
}
a.modal {
	text-decoration: none;
	border-bottom: 1px dashed #ff3c00;
}
a.modal:hover {
	border-bottom: 0;
}
a.clean {
	text-decoration: none;
	padding: 0;
}
a.clean:hover {
	background-color: transparent;
}

p strong {
	color: #333;
}

/* = = = = = = = = = = = = = = = = = = = = = */

#bd .row
{
	margin-bottom: 40px;
}

#identity
{
	width: 537px;
	height: 374px;
	background: transparent url("/images/bg-face.gif") no-repeat left top;
	margin-left: -100px;
	position: relative;
}
#identity a {
	padding: 0;
}
#identity a:hover {
	background-color: transparent;
}
#logo
{
	position: absolute;
	top: 150px;
	left: 360px;
}
#slogan
{
	position: absolute;
	top: 225px;
	left: 360px;
}

.project-box {
	height: 360px;
}
.project-about {
	border-left: 1px solid #ff3c00; 
	position: relative;
}
.project-about .inner {
	padding: 5px 20px;
}
.project-about .inner .close-about {
	position: absolute; 
	top: 15px; left: -75px;
	width: 75px;
	display: block;
	text-align: center;
}
.project-about .inner .close-about a {
	padding: 5px 0;
	display: block;
	background-color: #ff3c00;
	color: #FFF;
}
.project-about .inner .close-about a:hover {
	background-color: #333;
}

.portfolio-preview
{
	width: 437px;
	height: 310px;
	background: transparent url("/images/portfolio/bg.gif") no-repeat center top;
}
.portfolio-preview .img
{
	padding-top: 40px;
	text-align: center;
}
.portfolio-preview .img img
{
	border: 3px solid #000;
}
.portfolio-preview .link
{
	text-align: right;
	padding-top: 25px;
	padding-right: 13px;
	font: 85% Tahoma;
	color: #bbb;
}

.project-review .yui-u h2 {
	margin-top: 65px;
}
.project-review .yui-u h2,
.project-review .yui-u p {
	padding-left: 50px;
}

.bordered-clip
{
	border: 3px solid #ff3c00;
	border-left-width: 0; border-right-width: 0; 
}

#main_nav {
	font-size: 161.6%;
	margin: 0; padding: 0; margin-top: 100px;
	text-align: right;
	margin-left: 50px;
}

#main_nav li {
	margin-bottom: 10px; list-style: none;
}

#main_nav li a span {
	   border-bottom: 1px dotted #c3c3c3;
	}
#main_nav li a:hover span {
	   border-bottom: 0;
	}
#main_nav li.current {
	color: white;
	letter-spacing: -1px;
	padding: 7px 15px;
	background: url("/images/bg-green.gif");
	text-align: left;
}
#main_nav li a {
	color: #c3c3c3;
	letter-spacing: -1px;
	padding: 3px 10px;
	text-decoration: none;
}
#main_nav li a:hover {
	background: #f9f9f9;
	color: #333333;
}

/**/
.index-hl {
	/*background-color: #f6f6f6;*/
	padding: 10px 30px; 
	color: #666; 
	height: 250px;
    background-repeat: no-repeat;
    background-position: center 0;
    text-align: center; 
}
.index-hl h3 {
    padding-top: 80px;
	line-height: 1.1em;
	color: #333; 
	font-size: 116%;
}
.index-hl p {
    font-style: italic;
}
.ecommerce {
	background-image: url("/images/magento_chicklets_03.png");
}
.individual {
	background-image: url("/images/capsule.png");
	/*background-image: url("/images/cap.png");*/
}
.website {
	background-image: url("/images/pencils.png");
}

/*  */
.tip {
}





.projects {
	margin-left: -10px;
}
.projects .project-ins a {
	color: #bbb;
	}
.projects .project-ins a:hover {
	color: #333;
	background-color: transparent;
	}
.projects .project-ins {
	float: left;
	padding: 10px 0;
	width: 310px;
	margin-left: 15px; margin-bottom: 40px;
}
.projects .project-ins h3 {
	line-height: 1.1em;
	margin: 5px; margin-bottom: 0;
	letter-spacing: -1px;
	font-size: 151.9%;
	font-weight: normal;
	}
.projects .project-ins .img {
	text-align: center;
	padding: 5px 0;
	background-color: #eee;
}
.projects .project-ins .info {
	padding: 7px 10px;
}
.projects .project-ins .info p {
	font-size: 85%;
	line-height: 1.1em;
}
.projects .project-ins .info p strong {
	color: #111;
}