@charset "utf-8";
/* CSS Document */
.spacer
{
	height:90px;	
}
#grass-bg {
	top: 145px; left: 0; height:27px;	
}
#circles-bg {
	height: 102px; top: 70px; left: 0; 
}
#shark-bg
{
	display:none;	
}
#title-header
{
	position: absolute; top: 70px; left: 10px; z-index: 199; color:#FFF;		
}
#header-bg {
	height: 172px;top: 0px; left: 0; 
}
#row-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/row.jpg") repeat-x; height: 15px; width: 100%; position: absolute; top: 170px; left: 0; z-index: -3; 	
}
/*footer styles */

/* Portfolio Styles */
	
	.portfolio_item						{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
	
	.float								{display:inline; float:left; position:relative;}
	
	
	/*<div id="bread_crumb"><a href="">Portfolio</a><span>&gt;</span><a href="">Website Design</a><span>&gt;</span><a href="">Flitwick Motorcycles</a></div>*/
#bread_crumb a
{
	-webkit-box-shadow:0px 0px 20px #787878; 
	-moz-box-shadow:0px 0px 20px #787878; 
	padding:10px;
	clear:both;
		background: url("http://www.guerrillawebsitedesign.co.uk/images/ulli2.png") repeat; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
		color:#F90;
	font-weight:bold;
}
#bread_crumb a:hover
{
	-webkit-box-shadow:0px 0px 20px #787878; 
	-moz-box-shadow:0px 0px 20px #787878; 
	padding:10px;
	clear:both;
		background: url("http://www.guerrillawebsitedesign.co.uk/images/ulli2.png") repeat; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	
	text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
		color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#bread_crumb span
{
	-webkit-box-shadow:0px 0px 20px #787878; 
	-moz-box-shadow:0px 0px 20px #787878; 
	padding:10px;
	margin:10px;
	clear:both;
	background: url("http://www.guerrillawebsitedesign.co.uk/images/ullibg.png") repeat; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
	color:#fff;
	font-weight:bold;
}
#bread_crumb
{
	margin-bottom:20px;	
	padding-top:10px;
	padding-bottom:10px;
}

.technologies { list-style:none; }
.technologies  li {
	min-height: 			18px;
	line-height: 			16px;
	color: 					#ffffff;
	background: 			transparent;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:10px;
	background: url("http://www.guerrillawebsitedesign.co.uk/images/ullibg.png") repeat; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

.thumbs a img
{
padding:5px; margin-right:10px;border: 1px solid #aaaaaa;  -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;	
}