/*==============================
	SITE WRAPPER
===============================*/
body
{
	font-family:Arial;
	font-size:14px; 
	color:#ffffff;
	background-color: black;
}


/*headline*/
h1{font-size:17px; text-align: center;}
h2{font-size:17px; text-align: left;}



p {color:ffffff;}



.site-wrapper
{
	width:900px; 
	min-height:1000px; 
	margin-left:auto; 
	margin-right:auto; 
	border:solid 1px black; 
}

/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:900px; 
	height:200px; 
	background:url('images/header.jpg'); 
	 
}
.header-title
{
	float:left; 
}


/*==============================
	BODY WRAPPER
===============================*/
.body-wrapper
{
	margin-top:3px; 
	float:left; 
	width:900px; 
	min-height:800px;
	background:#410209;
}


/*Left waraper*/
.left-waraper
{    width:155px;
     min-height:530px;
     Float: left;
	 padding: 0 6px 0 0;
	 
	 
}



/*==============================
	PORTFOLIO MENU 
===============================*/

.portfolio-menu
{   margin:0 0px 0px 5px;
	float:left; 
	width:150px; 
	min-height:250px;
	font-family:Arial; 
	background:url(images/panel_bg.gif);
	background-repeat:repeat-x; 
	border:solid 1px #869ca4;
	background-color:#000000;
}
.portfolio-menu h2
{
	 margin:0;
	 padding: 0 0 0 6px;
	color:#ffffff; 
	font-size:14px; 
	 
}
.portfolio-menu ul
{
	margin:0;
	padding-left:5px; 
	padding-top:25px;
	list-style:none; 
}
.portfolio-menu a
{
	font-size:12px;
	text-decoration:none; 
	color:#ffffff; 
}
.portfolio-menu li
{
	background:url(images/triangle-idle.gif); 
	background-repeat:no-repeat; 
	background-position:center left; 
	margin-bottom:5px; 
	padding-left:25px; 

}
.portfolio-menu li:hover
{
	background:url(images/triangle-active.gif); 
	background-repeat:no-repeat;
	background-position:center left; 
}

.portfolio-menu2
{   margin:0 5px 0px 5px;
	float: left;
	width:150px; 
	min-height:250px;
	font-family:Arial; 
	background:url(images/panel_bg.gif);
	background-repeat:repeat-x; 
	border:solid 1px #869ca4;
	background-color:#000000;
}
.portfolio-menu2 h2
{
	 margin:0;
	 padding: 0 0 0 6px;
	color:#ffffff; 
	font-size:14px; 
	 
}
.portfolio-menu2 ul
{
	margin:0;
	padding-left:5px; 
	padding-top:25px;
	list-style:none; 
}
.portfolio-menu2 a
{
	font-size:12px;
	text-decoration:none; 
	color:#ffffff; 
}
.portfolio-menu2 li
{
	background:url(images/triangle-idle.gif); 
	background-repeat:no-repeat; 
	background-position:center left; 
	margin-bottom:5px; 
	padding-left:25px; 
	

}
.portfolio-menu2 li:hover
{
	background:url(images/triangle-active.gif); 
	background-repeat:no-repeat;
	background-position:center left; 
}







.portfolio-menu3
{   margin:0 0px 0px 0px;
	float: left;
	width:160px; 
	min-height:250px;
	font-family:Arial; 
	
}
.portfolio-menu3 h2
{
	 margin:0;
	 padding: 0 0 0 0px;
	color:#ffffff; 
	font-size:14px; 
	 
}
.portfolio-menu3 ul
{
	margin:0;
	padding-left:0px; 
	padding-top:0px;
	list-style:none; 
}
.portfolio-menu3 a
{
	font-size:12px;
	text-decoration:none; 
	color:#ffffff; 
}
.portfolio-menu3 li
{
	background:url(images/triangle-idle.gif); 
	background-repeat:no-repeat; 
	background-position:center left; 
	margin-bottom:0px; 
	padding-left:0px; 
	

}
.portfolio-menu3 li:hover
{
	background:url(images/triangle-active.gif); 
	background-repeat:no-repeat;
	background-position:center left; 
}









/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:480px;
	margin-right:5px; 
	min-height:800px;
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:5px;
	border:solid 1px #869ca4;
}
.panel_content
{
	padding:2px; 
	background:#000000; 
	min-height:850px;
}
.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; 
}
.panel_content2
{
	padding:2px; 
	background:#000000; 
	
}
.panel_title2
{	  
	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; 
}
.panel_title3
{	  
	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; 
}


/*image*/

.imgshow

{
     float: right;
     padding:5px 15px 5px 5px;
	 		   
}


/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:left; 
	width:250px; 
	min-height:530px; 
	
}
/*==============================
		FOOTER
===============================*/
.footer
{   margin-top:0;
    color:#ffffff;
	clear:left; 
	height:40px; 
	background-color:black;
    text-align:center;	
}