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

/*==============================
GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
font-family:Arial;
font-size:12px;
background-color: #21262A;
}
/*==============================
SITE WRAPPER
===============================*/
.site-wrapper
{
width:1026px;
background-color: #21262A;

/* min-height lets your site grow vertically
(like in tables). */
/*min-height:500px;*/

/* By setting these to auto you are centering the
site */
margin-left:auto;
margin-right:auto;

border:solid 1px black;
}
/*==============================
HEADER WRAPPER
===============================*/
.header-wrapper
{
width:1026px;
height:54px;
background-position:center

/*background:url('images/02_header.jpg');

 css lets you designate how you want an image to
repeat. Along the x-axis, y-axis or not at all. 
background-repeat:repeat-x;*/
}

.header-left-gif
{
 float:left;
 width:155px;
}
.header-middle
{
	padding: 1px 0px 0px 0px;
	width:716px;
	float:left;
	height::76px; 
}
.header-right
{
	float:right; 
	width:155px;  
}

/*==============================
BODY WRAPPER
===============================*/
.body-wrapper
{
margin-top:0px;

/* floats are crucial to the creation of any
web interface. Every web developer must master
this concept. Don't worry I'll be writing a
tutorial about this a little later. <img src="http://www.bolducpress.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> */
float:left;

width:1026px;
}
/*==============================
	PORTFOLIO MENU 
===============================*/
.body-left
{
	float:left; 
	width:155px; 
	/*min-height:500px;*/
	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; 
}*/

.panel1
{ 
	height:306px;
	width:155px;
	margin-bottom:0px;
	/*border:solid 1px #869ca4;*/
}
.panel1_left
{
	height:306px;
	float:left;
}
.panel1_left_part1
{
	height:66px;
	float:left;
}
.panel1_left_part2
{
	height:60px;
	float:left;
}
.panel1_left_part3
{
	height:60px;
	float:left;
}
.panel1_left_part4
{
	height:57px;
	float:left;
}
.panel1_left_part5
{
	height:63px;
	float:left;
}
.panel1_right
{
	height:306px;
}
.panel1_right_part1
{
	height:243px;
	float::left;
}
.panel1_right_part2
{
	float:left;
}

.panel2
{ 
	height:91px;
	/*border:solid .5px #869ca4;*/
}
.panel3
{ 
	height:78px;
	/*border:solid .5px #869ca4;*/
}

/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	float:left; 
	width:716px;
	margin-right:0px; 
}

.content-under
{
	float:left; 
	width:1024px;
	height:20px;
	margin-right:0px; 
}
.cu_1
{
	width:45px;
	float:left;
}
.cu_2
{
	width:109px;
	float:left;
}
.cu_3
{
	width:715px;
	float:left;
}
.cu_4
{
	width:148px;
	float:left;
	padding:0px 1px 0px 0px;
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:0px;
	border:solid 1px #869ca4;
}
/*
.panel_content
{
	padding:0px; 
	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:155px; 
}

.right-panel1
{
	
}
.right_panel1_left
{
	float:left;
	width:45px;
	height:186px;
}
.right_panel1_right
{
}
.right_panel1_right
{
}
.right_panel1_right
{
}
.rigfht-panel2
{
	
}
.right-panel3
{
	
}


/*==============================
FOOTER
===============================*/
.footer
{
/* clears are the sisters to float, it's
time to meet the whole family <img src="http://www.bolducpress.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> */
clear:left;
height:102px;
/*background:url(images/footer.gif);*/
}

.footer-left
{
 float:left;
 width:45px;
}
.footer-menu
{
 float:left;
 width:109px;

}
.footer-right
{
 float:right;
 width:871px;
}