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

html, body
{
	background-color: #eaeaea;
	margin-top: 20px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*layout*/
div.boundary
{
	width: 800px;
	height: 598px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}

div.title
{
	background: url(../Pics/header2.gif) no-repeat top left;
	height: 128px;
}

div.header
{
	background: url(../Pics/vine_01.gif) no-repeat top right;
	height: 24px;
}

div.client
{
	background-color: #DFDFDF;
}

div.left_panel
{
	background-color: #DFDFDF;
	width: 395px;
	height: 446px;
}

div.right_panel
{
	float: right;
	background: #DFDFDF url(../Pics/vine_02.gif) no-repeat top right;	
	width: 400px;
	height: 446px;
}

div.footer
{
	text-align: center;
}

/*menu*/
.menu
{	
	margin-left: 70px;
}

.menu ul
{
	padding: 5px 0 9px 0; 
	margin: 0;
	text-align: left;
}

.menu ul li
{
	display: inline;
	margin-left: 30px;
}

.menu ul li a:link 
{		
	color: #666666;
	text-decoration: none;
}

.menu ul li a:visited 
{	
	color: #666666;
	text-decoration: none;
}

.menu ul li a:hover 
{	
	color: #669900;
}

/*text styles*/
.text
{
	padding: 20px 20px 0px 20px;
}

.text p
{
	font-weight: bold;
	color: #333;
}

/*portfolio*/
.portfolio
{
	height: 110px;
	width: 110px;
}

.portfolio cube
{
	height: 110px;
	width: 110px;	
}

a:link
{
	color: #666666;
}

a:hover
{
	color: #906;
}

a:visited
{
	color: #906;
}