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

* {margin:0px; padding:0px;}
html {height:100%; width:100%; background:#0f2e15;}

body
{
	position:relative;
	clear:both;
	background: #0f2e15 left bottom url(image/page-background.png);
	font-family:Arial;
	font-size:14px;
}

.page
{
	position:relative;
	margin:0 auto;
	width:1024px;
	height:768px;
	
	background-image:url(image/page-background.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.left
{
	position:relative;
	float:left;

	width:407px;
	padding:15px;
	padding-right:0px;
	
	z-index:2;
}

.right
{
	position:relative;
	padding:15px;
	padding-left:430px;
	padding-right:10px;
	
	z-index:1;
}

/* LEFT */

.left_menu
{
	margin-top:15px;
	width:407px;
	height:50px;
	
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.left_menu_top
{
	width:100%;
	height:25px;
	line-height:25px;
	
	background-image:url(image/left_menu_top-background.png);
	background-position:top;
	background-repeat:no-repeat;
	
	list-style:none;
	
	background-color:#e0fbc2;
}

.left_menu_top a {color:#0f2f15;}

.left_menu li {float:left; width:33%;}
.left_menu li a {margin-left:15px;}

.left_menu_bottom
{
	width:100%;
	height:25px;
	line-height:25px;
	
	background-image:url(image/left_menu_bottom-background.png);
	background-position:top;
	background-repeat:no-repeat;
	
	list-style:none;
	
	background-color:#0f2f15;
}

.left_menu_bottom a {color:#b3f668;}

.left_menu a:hover {text-decoration:none;}

/* BALL */

.ball
{
	width:407px;
	height:510px;
	
	background-image:url(image/ball-background.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.ball a
{
	position:absolute;
	
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#b3f668;
	text-decoration:none;
	text-transform:uppercase;
}

.ball a:hover {text-decoration:underline;}

.ball_link_1 {margin-top:88px;}
.ball_link_2 {margin-top:30px; margin-left:100px;}
.ball_link_3 {margin-top:30px; margin-left:250px;}
.ball_link_4 {margin-top:125px; margin-left:290px;}

/* RIGHT */

.last_work
{
	width:570px;
	height:210px;
	
	background-image:url(image/last_work-background.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.last_work_menu
{
	height:20px;
	line-height:20px;
	color:#b3f668;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

.last_work_menu a
{
	color:#b3f668;
	text-decoration:none;
}

.last_work_menu a:hover {text-decoration:underline;}

.last_work_menu_right
{
	margin-top:-20px;
	text-align:right;
}

.last_work img
{
	float:left;
	border:none;
	outline:none;
}

.content
{
	background-image:url(image/content-background.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	width:580px;
	height:420px;
	
	margin-top:20px;

}

.content_title
{
	font-family:"Times New Roman";
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	
	color:#136310;
	
	margin:0px;
	padding:15px;
}

.content_text
{
	margin:15px;
	margin-top:0px;
	height:340px;
	
	overflow:auto;
	color:#133e10;
	line-height:20px;
}

.footer
{
	background-image:url(image/footer-background.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	width:565px;
	height:50px;
	padding:15px;
	padding-right:0px;
	margin:0px;
	
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	
	color:#136310;
}

.portfolio
{
	margin-top:15px;
	width:407px;
	height:400px;
	
	background-image:url(image/portfolio-background.png);
	background-position:top;
	background-repeat:repeat-x;
}

.portfolio_title
{
	font-family:Arial;
	font-size:16px;
	padding-left:15px;
	
	color:#b3f668;
}

.portfolio_image
{
	width:407px;
	height:300px;
	margin-top:20px;
	
	text-align:center;
}

.portfolio_nav
{
	text-align:right;
	font-family:"Times New Roman";
	font-size:16px;
	padding-right:15px;
}

.portfolio_nav a
{
	color:#b3f668;
	text-decoration:none;
}

.portfolio_nav a:hover {text-decoration:underline;}

.content_text_item
{
	float:left;
	width:50%;
	margin-bottom:10px;
	margin-top:10px;
}

a.selected
{
	cursor:default;
	text-decoration:none;
}

a.selected:hover
{
	cursor:default;
	text-decoration:none;
}

.content_text ul
{
	margin-left:20px;
	list-style:circle;
}

.content_text sub
{
	font-size:12px;
}