/* Copyright Slingshot 2007 | www.slingshot.co.uk
=================================================

	Contents:
	0. Imports
	1. Body, container
	2. Header 
	3. Logos
	4. Navigation
	5. Left Column
	6. Middle Columns
	7. Right Column
	8. Boxes
	9. Footer & copyright 
	10. Hiders, padders, spacers & clearers
	11. Globals
	12. General Colours / bolds
	
/*================================================
	0. IMPORTS
-------------------------------------------------*/


/*================================================
	1. Body, container
-------------------------------------------------*/
body { 
	margin: 0; 
	padding: 0; 
	background: url(../layout/bg.jpg) top center repeat; 
	font-family: arial, helvetica, sans-serif; 
}
h1 { }
h2 { 
	font-size: 11px; 
	color: #07b0db; 
	font-weight: bold; 
	margin: 0; 
	padding: 0; 
}
a{
	color:#07b0db;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
border:none;
}
#layout { 
	margin: 20px auto 0 auto; 
	padding: 0; 
	width: 712px; 
}
/*================================================
	2. Header
-------------------------------------------------*/


/*================================================
	3. logos
-------------------------------------------------*/

#logo { 
	position: relative; 
	top: 10px; 
	left: -70px; 
	width: 182px;
}
#logo a { 
	width: 182px; 
	height: 128px; 
	background: url(../layout/logo.gif) no-repeat; 
	display: block; 
}
#logo h1 { display: none; }


/*================================================
	4. navigation
-------------------------------------------------*/
/* Navigation */
#nav { 
	margin: 0; 
	padding: 6px 0 2px 0; 
	width: 712px; 
	height: 41px; 
	background: url(../layout/nav.gif) no-repeat; 
	list-style: none; 
}
	#nav a { 
		display: block; 
		height: 21px; 
		padding: 20px 0 0 5px; 
		text-transform: uppercase; 
		font-size: 11px; 
		font-weight: bold; 
		color: #FFFFFF; 
		text-decoration: none; 
	}
	#nav li { 
		float: left;  
		margin: 0 2px 0 0; 
		padding: 0; 
	}

	/* Navigation Buttons */
	#nav a#currentNav{border-bottom: 2px solid; color:#000}
	#nav a:hover{color:#000;}
	
	#nav .home a { 	width: 58px; background: #00b5de;}
		#nav .home a#currentNav{border-bottom-color:#00b5de; }
		
	#nav .workshops a { width: 85px; background: #ff0084; }
		#nav .workshops a#currentNav{border-bottom-color:#ff0084; }
		
	#nav .corporate a { width: 99px; background: #42bdbd; }
		#nav .corporate a#currentNav{border-bottom-color:#42bdbd; }
		
	#nav .interiors a { width: 85px; background: #ff4201; }
		#nav .interiors a#currentNav{border-bottom-color:#ff4201; }
		
	#nav .gallery a { width: 76px; background: #9cbd18; }
		#nav .gallery a#currentNav{border-bottom-color:#9cbd18; }
		
	#nav .shop a { width: 66px; background: #fe0202; }
		#nav .shop a#currentNav{border-bottom-color:#fe0202; }
		
	#nav .links a { width: 78px; background: #42a529; }
		#nav .links a#currentNav{border-bottom-color:#42a529; }
		
	#nav .contact a { width: 111px; background: #ffc600; }
		#nav .contact a#currentNav{border-bottom-color:#ffc600; }
		
	#nav .contact { margin: 0; }
	
	/*Navigation Bar*/
	#navbarleft { height: 7px; float: left; width: 261px; margin: 0 2px 0 0; }
	#navbarright { height: 7px; float: left; width: 449px;  }
	
	.navBck_home {background: #00b5de;}
	.navBck_workshops {background: #ff0084;}
	.navBck_corporate {background: #42bdbd;}
	.navBck_interiors {background: #ff4201;}
	.navBck_gallery {background: #9cbd18;}
	.navBck_shop {background: #fe0202;}
	.navBck_links {background: #42a529;}
	.navBck_contact {background: #ffc600;}
	
	

/*================================================
	5. Left Column
-------------------------------------------------*/
/* Left Column */
#columnleft { 
	float: left; 
	width: 213px; 
	margin: 0 2px 0 0; 
	padding: 24px 24px 12px 24px; 
	border-top: 12px solid #e1e1d1; 
	background: url(../layout/content_corner.gif) no-repeat top left; 
	font-size: 11px;
}
	#columnleft p { 
		 
		color: #666666; 
	}
	#columnleft form { 
		padding: 0; 
		margin: 0; 
	}
		#columnleft form .email { 
			border: 1px solid #07b0db; 
			font-size: 11px; 
			color: #07b0db; 
			width: 120px; 
			height: 14px; 
			padding: 2px; 
			margin: 0 5px 0 0; 
			float: left;
		}
		#columnleft form .submit { 
			border: none; 
			background: #07b0db; 
			font-size: 11px; 
			color: #FFFFFF; 
			width: 60px; 
			height: 20px; 
			padding: 2px; 
			margin: 0; 
			float: left; 
		}


/*================================================
	6. Middle Columns
-------------------------------------------------*/
/* Content */
#content { 
	width: 712px; 
	padding: 0 0 96px 0; 
	background: url(../layout/content_bg2.gif) no-repeat bottom; 
	font-size:11px;
	
}
#content_gallery { 
	width: 712px; 
	padding: 0 0 96px 0; 
	background: url(../layout/content_bg_gallery.gif) no-repeat bottom; 
	font-size:11px;
}


	.listing {
		margin:10px 0px 30px 0px;
	}
	.listing ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
		.listing ul li{
			margin:0px 0px 5px 0px;
			padding:0px 0px 5px 0px;
			border-bottom: 1px dashed #07b0db; 
		}		
			.listing ul li h3{
				margin:0px;
				padding:0px;
				font-size:12px;
				color:#000;
			}
			.listing ul li a{
				
			}

#columnleft_g { 
	float: left; 
	width: 237px; 
	padding: 0; 
	margin: 12px 14px 12px 12px; 
	background: none; 
}
#columnleft_gallery { 
	font-size: 11px; 
	color: #07b0db; 
	font-weight: bold; 
	margin: 12px 0; 
	padding: 0 0 0 12px; 
	list-style: none; 
}



.gallery_padding { 
	padding: 24px 12px; 
	background: #fff url(../layout/content_corner_gallery.gif) no-repeat top left; 
	}
	.gallery_thumbnails_bg { 
		background: #e1e1d1; 
		padding: 12px 0 0 0; 
	}
	.gallery_thumbnails_cover { 
		width: 66px; 
		height: 57px; 
		background-position: center; 
		background-repeat: none; 
		float: left; 
		margin: 0 6px 9px 6px; 
	}
	.gallery_images_cover { 
		width: 401px; 
		height: 254px; 
		background-position: center; 
		background-repeat: none; 
		float: left; 
		margin: 12px 0 0 0; 
	}
			
/*================================================
	7. Right Column
-------------------------------------------------*/
/* Right Column */
#columnright { 
	float: left; 
	width: 401px; 
	padding: 0 24px; 
	border-top: 12px solid #e1e1d1;  
}
		
/*================================================
	8. Boxes
-------------------------------------------------*/



/*================================================
	9. Footer & copyright
-------------------------------------------------*/



/*================================================
	10. Hiders, padders, spacers & clearers
-------------------------------------------------*/



/*================================================
	11. Globals
-------------------------------------------------*/
.clear { clear: both; } 
.hidden { display: none; } 
.divide { 
	height: 1px; 
	border-bottom: 1px dashed #07b0db; 
	margin: 0 0 12px 0; 
}

/*================================================
	12. General Colours / bolds
-------------------------------------------------*/