body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	line-height: 1.60em;
	color: #6d6e71;
	margin: 0 auto;
	background: url(../grfx/bg_body.gif) no-repeat;
	width: 970px;
}

#wrapper_intro
{
	width: 237px;
	margin-right: 2.50em;
	margin-top: 14.00em;	
	float: left;
	display: block;
}

* html #wrapper_intro
{
	margin-right: 1.00em;
}

#wrapper
{
	width: 780px;
	margin: 0 auto;
	height: auto !important;
	height: 100%;
}

#wrapper_index
{
	width: 488px;
	margin-top: 1.50em;
}

	#col_left
	{
		width: 237px;
		float: left;
		display: block;
		margin-top: 14.00em;
		margin-right: 2.50em;
	}

	#col_left_int
	{
		width: 237px;
		float: left;
		display: block;
		margin-top: 14.00em;
	}	

	* html #col_left
	{
		margin-right: 1.00em;
	}

	#col_centre
	{
		width: 1px;
		background: url(../grfx/div_vert.gif) repeat-y;
		float: left;
		display: block;
	}

	#col_right
	{
		width: 505px;
		float: left;
		display: block;
		padding-top: 14.00em;
		padding-bottom: 3.50em;
		padding-left: 0.10em;
		background: url(../grfx/div_vert.gif) repeat-y top left;	
	}
	
		.feature_image
		{
			width: 133px;
			float: left;
			display: block;
		}
		
		.feature
		{
			width: 355px;
			float: left;
			display: block;
			text-align: justify;
		}	

#wrapper_content
{
	margin: 3.00em 2.40em 3.00em 3.80em;
}

	.form_col_left
	{
		width: 130px;
		float: left;
		text-align: right;
		padding-right: 1.00em;
	}

	.form_col_right
	{
		width: 200px;
		float: left;
		text-align: left;
	}

	.portfolio_content
	{
		width: 160px;
		padding-top: 2.50em;
		padding-bottom: 3.00em;
		float: left;
	}

	.portfolio_content ul
	{
		margin: 0;
		padding: 0;
		float: left;
	}

	.portfolio_content li
	{
		list-style: none;
		list-style-image: none;
		padding-bottom: 1.50em;
	}

	.form_text
	{
		font-size: 1.00em;
	}

	#contact_form input, #contact_form option, #contact_form textarea
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #6d6e71;
		font-size: 1.00em;
		width: 18.00em;
		margin-bottom: 1.00em;
		float: left;
	}

	*:first-child+html #contact_form input, *:first-child+html #contact_form option, *:first-child+html #contact_form textarea
	{
		margin-top: 0.20em;
	}
	
	*:first-child+html .form_col_right img
	{
		margin-top: 1.00em;
		margin-left: 3.80em;
	}

	* html #contact_form input, * html #contact_form option, * html #contact_form textarea
	{
		margin-top: 0.20em;
	}

	* html .form_col_right img
	{
		margin-top: 1.00em;
		margin-left: 3.80em;
	}

	#contact_form .clear
	{
		padding-top: 1.00em;
		padding-bottom: 1.00em;
	}

	#contact_form  .button 
	{
		background-color: #666666 !important;
		color: #ffffff !important;
		width: 6.00em !important;
		margin-bottom: 0 !important;
		font-size: 1.00em !important;
		padding: 0.50em !important;
	}

	#folio {
		height: 360px;
		width: 237px;
		margin: 0 auto;
	}

		#folio_frame
		{
			width: 404px;
			height: 265px;
			padding: 9px;
			background: url(../grfx/portfolio/bg_portfolio.gif) no-repeat;
			position:relative;  
		}

		#folio img 
		{
			border: none;
		}	

		#folio ul.thumb 
		{
			width: 237px;
			float: left;
			list-style: none;
			margin: 0; 
			padding: 0;
			margin-top: 28px;
		}

		#folio ul.thumb li 
		{
			width: 70px;
			height: 70px;
			margin: 0;
			padding: 0;
			float: left;
			position: relative;
			margin-bottom: 35px;
		}

		#folio  ul.thumb li.middle 
		{
			margin: 0px 10px;
			display: block;
			float: left;
		}	

		#folio ul.thumb li img 
		{
			width: 62px;
			height: 62px;
			border: 1px solid #ddd;
			padding: 5px;
			background: #f0f0f0;
			position: absolute;
			left: 0;
			top: 0;
			-ms-interpolation-mode: bicubic;
		}

		#folio ul.thumb li img.hover 
		{
			background:url(../grfx/portfolio/bg_thumb.png) no-repeat center center;
			border: none;
		}

		.caption
		{
			width: 384px;
			height: 95px;
			background-color: #000000;
			color: #ffffff;
			position: absolute;
			bottom: 9px;
			left: 9px;
			padding: 0px 10px;
			z-index: 600;
		}

			.caption ul 
			{
				margin: 0;
				padding: 0;
				margin-top: 10px;
				margin-left: 10px;
			}	

			.caption ul li 
			{
				list-style: none;
			}

			.caption li.float_left
			{
				float: left;
				padding-right: 10px;
			}		

#footer
{
	clear: both;
	padding-top: 40px;
	margin-left: 38px;
}			

#wrapper_footer
{
	margin: 0 auto;
	clear: both;
}

#wrapper_footer a
{
	font-size: 0.80em;
	color: #999999;
	text-decoration: none;
	padding-left: 0.80em;
	padding-right: 0.80em;
}

#wrapper_footer a:hover
{
	text-decoration: underline;
}