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

body,h1,h2,h3,h4,p,form,ol,ul,li,dl,dt,dd { 
	margin:0px; 
	padding:0px; 
	font-weight:normal; 
}

html, body {
	height: 100%;
}

body  { 
	color:#cccccc; 
	font-family: 
	Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
		background: url(images/vertical_bg.jpg) repeat-x #3f3c33;
}

div {
		font-family: 
	Verdana, Arial, Helvetica, sans-serif; 
	line-height:20px; 
}
#wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%px;
	background:url(images/side_back.jpg) repeat-y;;
} 
.main{
	width: 1200px;
	padding: 0 auto 200px;
	background: #fff;
	background: url(images/side_back.jpg) repeat-y;
	overflow-x: hidden;
}
.side{
	padding: 0;
	width: 306px;
	float: left;
	background: url(images/side_back.jpg) repeat-y;
	}
.side_banner{
	width: 306px;
	height: 778px;
	background: url(images/side_banner.jpg) no-repeat top left;	
	}
.footer_side .copy{
padding-top:180px;
}
.right{
	width: 800px;
	height: 100%;
	min-height: 100%;
	padding: 0;
	float: left;
	text-align: left;
	background:url(images/pen_head.jpg) no-repeat top left;
		overflow-x: hidden;

}
init{
	float: none;
	clear: both;
}
.header{
	height: 124px;
	min-height:124px;
	overflow: hidden;
	float: right:
}
.header ul{
	text-align: right;
}
.header ul li
{
	width: 120px;
	height: 124px;
	float: right;
	padding-top: 50px;
	font-size: 18px;
	color: #eee;
	list-style: none;
}
.header a:link, header a:visited{
	color: #eee;
text-decoration: none;
}
.header a:hover{
	border-bottom: solid 4px #E9B91E;
}
.contents{
	padding-top: 100px;
}
.contents #textblock{
	width: 340px;
	float: left;
	padding-top:40px;
	padding-bottom: 50px;
}
.contents h1{
	color: #ffffff;
	padding-bottom: 20px;
	line-height: 1.2em;
	}
.contents h2{
	color: #ffffcc;
}
.contents h3{
	font-weight: bold;
	color:#cc9;
	}
.contents a:link,
.contents a:visited{
	color: #F90;
	}
.contents a:hover{
	color: #F33;
	text-decoration:underline;
	}
		
.contents #text{
	padding-left: 30px;
	font-size: 12px;
	line-height: 1.5;
}
#text p{
}
.footer{
	width: 100%;
	height: 200px;
	min-height: 200px;
	float: none;
	clear: both;
backbround: #e9b91e;
background: url(images/moleskin.jpg) no-repeat right #e9b91e;

	}
.footer_side{
	width:306px;
	height: 200px;
	min-height: 200px;
	background: url(images/footer_side.jpg) repeat-y;
	float: left;
	}
.footer_main{
	width:690px;
	height:200px;
	min-height:200px;
	float: left;
}
.footer_main h1{
	font-size: 16px;
	}
.footer #textblock{
	height: 200px;
	width: 180px;
	float: left;
}
.footer #textblock #text{
	padding-top: 20px;
	color: #00a;
	text-align: left;
}
.footer #text{
	padding-left: 30px;
	font-size: 12px;
	line-height: 1.2;
}
.init{
	float:none;
	clear:both}
.menu{ 
	margin-left: 50px;
	margin-bottom:50px; 
	overflow:hidden; 
	clear:both;}
.menu a{
	display:block;
	text-indent:-9999px;
	width:120px;
	height:124px;
	float:left;
	background-image:url(images/menu_sprite.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#blog_link,
#blog_link a{
	text-align: left;
	position: relative;
	top: 10px;
	left:220px;
	font-weight: 900;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
}
#menu_home{background-position:0 0;}
#menu_home:hover,#menu_home.hover{background-position:0 -124px;}
#menu_services{background-position:-120px 0;}
#menu_services:hover,#menu_services.hover{background-position:-120px -124px;}
#menu_portofolio{background-position:-240px 0;}
#menu_portofolio:hover,#menu_portofolio.hover{background-position:-240px -124px;}
#menu_about{background-position:-360px 0;}
#menu_about:hover,#menu_about.hover{background-position:-360px -124px;}
#menu_contact{background-position:-480px 0;}
#menu_contact:hover,#menu_contact.hover{background-position:-480px -124px;}

#content h2{
	padding-bottom: 20px;
}
#content .entry p{
	padding-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
}