* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	background-color: #9FA36E;
	font-family: Arial, sans-serif;
	color: #9FA36E;
	font-size: 11px;
	margin: 0;
	padding: 0;
	min-height:500px;
	min-width:758px;
}
/****************************************************************/
/*                       Containter                            */
/****************************************************************/
#container {
	width: 758px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
#box {
	position:relative;
	height: 500px;
}	
/****************************************************************/
/*                       Left Content                           */
/****************************************************************/
#content_left {
	position: relative;
	width: 330px;
	height: 492px;
	margin-left: 13px;
	float: left;
}
#flash_box {
	position: relative;
	margin-top: 153px;
	width: 330px;
	height: 339px;
	background-color: #9FA36E;
}
/****************************************************************/
/*                      Right Content                           */
/****************************************************************/
#content_right {
	position: relative;
	width: 402px;
	height: 344px;
	float: left;
}
#nav_area {
	margin-left: 15px;
	position: relative;
	width: 387px;
	height: 260px;
	background-image: url(images/nav/nav_bg.gif);
}
#nav_buttons {
	position: relative;
	width: 387px;
	height: 20px;
	padding-top: 225px;
}
/****************************************************************/
/*                        Nav Buttons                           */
/****************************************************************/
#portfolio {
	background: url(images/nav/portfolio.gif) no-repeat right top;
	height: 20px;
	width: 59px;
	float: left;
	padding-left: 10px;
}
.portfolio a {
	display: block;
	background: url(images/nav/portfolio.gif) no-repeat right top;
	height: 20px;
	width: 59px;
	padding-left: 10px;
	float: left;
	position: relative;
}
.portfolio a:hover {
	background-position: right -20px;
}
#technique {
	display: block;
	background: url(images/nav/technique.gif) no-repeat right top;
	height: 20px;
	width: 66px;
	padding-left: 35px;
	float: left;
}
.technique a {
	display: block;
	background: url(images/nav/technique.gif) no-repeat right top;
	height: 20px;
	width: 66px;
	padding-left: 35px;
	float: left;	
	position: relative;
}
.technique a:hover {
	background-position: right -20px;
}
#background {
	display: block;
	background: url(images/nav/background.gif) no-repeat right top;
	height: 20px;
	width: 73px;
	padding-left: 35px;
	float: left;
}
.background a {
	display: block;
	background: url(images/nav/background.gif) no-repeat right top;
	height: 20px;
	width: 73px;
	padding-left: 35px;
	float: left;	
	position: relative;
}
.background a:hover {
	background-position: right -20px;
}
#contact {
	display: block;
	background: url(images/nav/contact.gif) no-repeat right top;
	height: 20px;
	width: 64px;
	padding-left: 35px;
	float: left;
}
.contact a {
	display: block;
	background: url(images/nav/contact.gif) no-repeat right top;
	height: 20px;
	width: 64px;
	padding-left: 35px;
	float: left;	
	position: relative;
}
.contact a:hover {
	background-position: right -20px;
}
/****************************************************************/
/*                         Name Bar                             */
/****************************************************************/
#name_bar {
	position: relative;
	width: 387px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 15px;
	margin-top: 52px;
	background-image: url(images/misc/name_bar.gif);
}