/* CSS Document */

body {
	background: #533a29 url(images/bg.gif) left top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	margin:0;
	padding:0;
	margin-top: 5px;
}

.footer {
	color:#000;
}

.pink {
	color:#baa48a;
}

.red {
	color:#FF0000;
}

.text {
	font-size:12px;
}

.temp {
	font-size:21px;
	color:#000;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

div.cf_wrapper {
	float:left;
}
	
div.cf_element {
	width: 990px;
	z-index:5;
}

div.controls {
	position:absolute;
	float:left;
	width: 990px;
	z-index:8;
}

.input1 {
	width: 234px;
	font-size:9px;
	background-color:#FFFFFF;
	border : 0px solid #FFFFFF;
	margin-left: 3px;
	margin-top:2px;
}

.input2 {
	width: 234px;
	font-size:9px;
	background-color:#FFFFFF;
	border : 0px solid #FFFFFF;
	margin-left: 3px;
	margin-top: 1px;
}

.input3 {
	width: 234px;
	font-size:9px;
	background-color:#FFFFFF;
	border : 0px solid #FFFFFF;
	margin-left: 3px;
	margin-top:0px;
}

.input_long {
	width: 501px;
	font-size:9px;
	background-color:#FFFFFF;
	border : 0px solid #FFFFFF;
	margin-left: 3px;
	margin-top: -1px;
}

.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 501px;
	font-size:9px;
	background-color:#FFFFFF;
	border : 0px solid #FFFFFF;
	margin-left: 3px;
	margin-top: 0px;
	overflow:hidden;
}

#about_page {
	position:absolute;
	top: 180px;
	left: 250px;
	width: 767px;
	height: 444px;
	visibility:hidden;
	text-align:left;
	z-index:11;
}

#contact_page {
	position:absolute;
	top: 180px;
	left: 250px;
	width: 767px;
	height: 444px;
	visibility:hidden;
	text-align:left;
	z-index:12;
}

#left-space {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 38px;
	height: 627px;
	z-index:10;
}

#right-space {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 38px;
	height: 627px;
	z-index:10;
}

#left {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 38px;
	height: 627px;
	visibility:hidden;
	z-index:9;
}

#right {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 38px;
	height: 627px;
	visibility:hidden;
	z-index:9;
}

a.portofolio {
	float:left;
	background:#fff url(images/portofolio.gif) left top no-repeat;
	width: 71px;
	height: 62px;
}

a.portofolio:hover {
	background:#ececec url(images/portofolio2.gif) left top no-repeat;
}

a.about {
	float:left;
	background:#fff url(images/about.gif) left top no-repeat;
	width: 88px;
	height: 62px;
}

a.about:hover {
	background:#ececec url(images/about2.gif) left top no-repeat;
}

a.contact {
	float:left;
	display:block;
	background:#fff url(images/contact.gif) left top no-repeat;
	width: 95px;
	height: 62px;
}

a.contact:hover {
	background:#ececec url(images/contact2.gif) left top no-repeat;
}

a.blog {
	float:left;
	display:block;
	background:#fff url(images/blog.gif) left top no-repeat;
	width: 42px;
	height: 62px;
}

a.blog:hover {
	background:#ececec url(images/blog2.gif) left top no-repeat;
}

#nav {padding:0; margin:0; font-size:11px; list-style:none; width:71px; height:62px; background-color:#fff; z-index:200;}
#nav li.top {background: url('images/portofolio.gif') no-repeat left top; display:block; float:left;}
nav li a.top_link {background: url('images/portofolio.gif') no-repeat left top; display:block; width:71px; float:left; height:62px; cursor:pointer;}
#nav li a.top_link span {background: url('images/portofolio.gif') no-repeat left top; float:left; display:block; width:71px; height:62px;}
#nav li a.top_link span.down {background: url('images/portofolio.gif') no-repeat left top; float:left; display:block; width:71px; height:62px;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{background: url('images/portofolio2.gif') no-repeat left top;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background: url('images/portofolio2.gif') no-repeat left top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background: url('images/portofolio2.gif') no-repeat left top;}

#nav li h2 {height:8px; width:114px; cursor:default;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0px; top:62px; white-space:nowrap; width:114px; z-index:300;}
#nav :hover ul.sub li
{background-color:#d9d9d9; display:block; position:relative; float:left; width:114px;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:28px; width:114px; text-decoration:none;}
#nav :hover ul.sub li a:hover 
{}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{background-color:#d9d9d9; left:114px; top:0px; white-space:nowrap; width:114px; z-index:400; height:28px;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:114px; top:0px; white-space:nowrap; width:114px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}