/*==============================
	SITE WRAPPER
===============================*/
body
{
	font-family:Arial;
	font-size:12px; 
	color:#3f4a4e;
}
.site-wrapper
{
	width:800px; 
	min-height:600px; 
	margin-left:auto; 
	margin-right:auto; 
	border:solid 1px black; 
}

/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:800px; 
	height:54px; 
	background:url('images/header_bg.gif'); 
	background-repeat:repeat-x; 
}
.header-title
{
	float:left; 
}
.header-menu
{
	float:right; 
	width:370px; 
	height:54px; 
}
/* // The Menu // */
.header-menu ul
{
	padding:0; 
	margin:0;
	list-style:none; 
}
.header-menu li
{
	float:left; 
}

/*==============================
	BODY WRAPPER
===============================*/
.body-wrapper
{
	margin-top:3px; 
	float:left; 
	width:800px; 
	min-height:530px;
}
/*==============================
	PORTFOLIO MENU 
===============================*/
.portfolio-menu
{
	float:left; 
	width:140px; 
	min-height:530px;
	font-family:Arial; 
}
.portfolio-menu h1
{
	margin:2px; 
	color:#3f4a4e; 
	font-size:18px; 
}
.portfolio-menu ul
{
	margin:0;
	padding-left:15px; 
	list-style:none; 
}
.portfolio-menu a
{
	font-size:12px;
	text-decoration:none; 
	color:#3f4a4e; 
}
.portfolio-menu li
{
	background:url(images/triangle-idle.gif); 
	background-repeat:no-repeat; 
	background-position:center left; 
	margin-bottom:5px; 
	padding-left:15px; 

}
.portfolio-menu li:hover
{
	background:url(images/triangle-active.gif); 
	background-repeat:no-repeat;
	background-position:center left; 
}
/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:470px;
	margin-right:5px; 
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:5px;
	border:solid 1px #869ca4;
}
.panel_content
{
	padding:2px; 
	background:#effaff; 
}
.panel_title
{	  
	height:16px; 
	font-size:14px; 
	color:#effaff; 
	padding:2px; 
	padding-left:4px; 
	background:url(images/panel_bg.gif); 
	background-repeat:repeat-x; 
	background-position:center center; 
}
/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:left; 
	width:180px; 
	min-height:530px; 
}
/*==============================
		FOOTER
===============================*/
.footer
{
	clear:left; 
	height:16px; 
	background:url(images/footer.gif); 
}