@charset "utf-8";
/* CSS Document */
body {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/fusy-bg.jpg") repeat; 
	border-top: 5px solid #000;
	color: #fff;
	font-size: 11px;
	padding: 0px 0 40px;
	font: 12px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.hide
{
	display:none;	
}
#nav li a:hover,#nav li.active a,#nav li.current_page_item a
{
	background:url(http://www.guerrillawebsitedesign.co.uk/images/menu-active-left.png) no-repeat scroll left center ;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	float:left;
}
/* services panel - home page */
#services-panel
{
	height:250px;
	margin-left:40px;
	z-index:111;
	background:url(http://www.guerrillawebsitedesign.co.uk/images/services-panel.png) no-repeat left top ;
}
.roundabout-in-focus:hover span		
{
	display:block;
	position:absolute;
	bottom:-20px;
	left:0px;
	padding:12px;
	background: url("http://www.guerrillawebsitedesign.co.uk/images/info-text.png") no-repeat;
	height: 28px; 
	width: 250px;
	z-index:8100; 
	color:#fff;
	cursor:pointer;
	text-decoration:none !important;
}
#nav li.active a span
,#nav li.current_page_item a span
,#nav li a:hover span
{
	background:url(http://www.guerrillawebsitedesign.co.uk/images/menu-active.png) no-repeat scroll right center;
	text-shadow:0 1px #222;
	float:left;
}
/*end menu*/
.faded_bg
{
	background: url("http://www.guerrillawebsitedesign.co.uk/images/header-bg.jpg") repeat-x; height: 352px; width: 100%; position: absolute; top: 0px; left: 0; z-index: -3; 
}
#header-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/header-bg.jpg") repeat-x; height: 352px; width: 100%; position: absolute; top: 0px; left: 0; z-index: -3; 	
}
#shark-bg
{
	background: url("http://www.guerrillawebsitedesign.co.uk/images/shark.png") no-repeat;
	height: 244px; width: 247px; 
	position: absolute; top: 105px; left: 280px; z-index: -1; 	
}
#grass-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/Grass_Shorter.png") repeat-x; height: 27px; width: 100%; position: absolute; top: 310px; left: 0; z-index: 0 !important; 	
}
#grass_bottom-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/Grass_Shorter.png") repeat-x; height: 27px; width: 100%; position: absolute; bottom: 27px; left: 0; z-index: 107; 	
}
#circles-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/circles.png") repeat-x; height: 254px; width: 100%; position: absolute; top: 83px; left: 0; z-index: -1; 	
}
#swirl-bg {
	background: url("http://www.guerrillawebsitedesign.co.uk/images/swirl.png") no-repeat; height: 282px; width: 1247px; position: absolute; top: 50px; left: -200px; z-index: -2; 	
}
.circles_hr
{
	background: url("http://www.guerrillawebsitedesign.co.uk/images/circles_line.png") repeat-x; height: 88px; width: 926px; overflow:hidden;
}
.big-circle
{
	background: url("http://www.guerrillawebsitedesign.co.uk/images/big-circle.jpg") no-repeat; height: 373px; width: 915px; position: absolute; top: 0px; left: 0px;z-index: -125;
}

.slide ul li.odd {
	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); 
}
.anchor
{
	text-decoration:none;	
}
.sitemap {
	padding-bottom:90px;
}
.sitemap ul { list-style:none; }
.sitemap ul li {
	min-height: 			10px;	
	line-height: 			16px;
	color: 					#ffffff;
	background: 			transparent;
	margin:0;
	padding:5px;
}
.sitemap ul li.odd {
	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); 
}
.slide_blog ul li.odd_orange {
	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); 
}
div.odd_orange
{
	background: url("http://www.guerrillawebsitedesign.co.uk/images/ulli2.png") repeat; 
	padding:10px;
	margin:0;
	-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); 
}

div.odd_orange h2
{
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-top:10px;
}
.button, .button:visited 			
{
	background:#000000 url(http://www.guerrillawebsitedesign.co.uk/images/alert-overlay.png) repeat-x; 
	display:inline-block; 
	padding:5px 10px 6px; 
	color:#fff; 
	text-decoration:none; 
	-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); 
	border-bottom:1px solid rgba(0,0,0,0.25); 
	position:relative; 
	cursor:pointer; 
	font-size:13px; 
	font-weight:bold;
	line-height:1; 
	border:0;
}
.button:hover						
{
	background-color:#111; 
	color:#fff; 
	text-decoration:none;
}
.button:active						
{
	top:1px;
}

#description {border-top:10px solid #333333; padding:0;}
#descScroll {height:250px; overflow-x:hidden; overflow-y:auto;}
#descInner {padding:5px 0;}
/*position and hide the menu initially...*/
#page {position:fixed; width:100%; height: 160px; overflow:hidden; bottom:0;left:0;
background:url(http://www.guerrillawebsitedesign.co.uk/images/doc/bg.png) bottom center repeat-x;

}
#menu {position:absolute; bottom:0; left:0; width:100%; display:none; padding-bottom:30px; 
background:url(http://www.guerrillawebsitedesign.co.uk/images/doc/dock.png) bottom center no-repeat;
}
#menu  img{
	padding-right:10px;
}
/*dock styling...*/
/*...centre the dock...*/
#menu  a {
	text-decoration:none;
}
#menu div.jqDockWrap {margin:0 auto;}
/*...set the cursor...*/
#menu div.jqDock {cursor:pointer;}
/*label styling...*/
/*
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#000; cursor:pointer;}
*/
div.jqDockLabel div.jqDockLabelText {
color:#fff;

white-space:nowrap;  cursor:pointer;

text-align:center;
font-size:14px;
background:url(http://www.guerrillawebsitedesign.co.uk/images/doc/labelHolder.png) no-repeat;
width:216px;
height:85px;
text-decoration:none;
display:block;
padding-top:20px;

}
div.jqDockLabel {

margin-top:-47px !important;
}