/* Copyright James Buckland 2009 */

/* Body & Wrapper CSS */

	body {
		background: url(images/background-strip.jpg) repeat-y #000000;
		background-position:577px 0px;
		color:#FFFFFF;
	} 
	
/* Global CSS */
	.blank {
		display:none;
	}
	
	img {
		border:0;
		margin:0;
		padding:0;
	}
	
	form {
			margin:0;
			padding:0;
	}
	
	input, textarea {
			background:url(images/inputbg.gif) repeat-x #FFFFFF;
			width:290px;
			padding:5px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:16px;
			border:1px solid #777777;
			margin: 0 0 0 20px;
	}
	
	textarea {
			height: 100px;
			margin: 0 0 0 41px;
	}
	
	label {
			font-size:18px;
			font-weight:100;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-align:right;
			margin:0;
			padding: 4px 0 0 5px;
			float:left;
	}
	
	
/* Links CSS */
	a:link, a:visited, a:active {
		color:#FFFFFF;
		text-decoration:none;
	} 
	
	a:hover {
	text-decoration:underline;
	}
		
	

/* Header CSS */
	div#header {
		background: url(images/logo.jpg) top right #000000 no-repeat;
		width:560px;
		float:left;
		height:119px;
		margin:10px 0 10px 0;
	} 
	
	div#header p {
		display:none;
	}

/* Navigation CSS */	
	div#menu {
		position:absolute;
		left:627px;
		top:0px;  
		padding:0px;
	}
	
	div#menu ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
	div#menu ul li {
		color:#FFFFFF;
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0 0 5px 0;
		}
		
	div#menu ul li span {
		font-size:9px;
		}
		
		
		
/* Content CSS */	
	div#doc {
		float:left;
		width:560px;
		margin:0;
		padding:0;
		clear:both;
	}
	
	
	div#doc h2{
		margin:30px 0 10px 0;
	}
		
	div#doc h2 span{
		display:none;
	}
	
	div#doc h2.recent {
		width:302px;
		height:40px;
		background:url(images/recentwork.jpg) no-repeat;
		float:left;
		margin:3000px 0 11px 40px;
		clear:both;
	}
	
	div#recentwork {
			width:560px;
			clear:both;
			margin:0 0 10px 0;
		}
	
	div#mywork {
		display:none;
	}
	
	div#jFlowSlide{
		float:left;
	}
	
	div#mySlides {
		background:url(images/workbg3.jpg) repeat;
		padding:10px;
		}
	
	div#mySlides:hover {
		background: url(images/workbg3h.jpg) repeat;
		}
	
	div.jFlowPrev {
		float:left;
		width:40px;
		height:200px;
		background:url(images/prevwork.jpg) #000000 no-repeat;
		margin:40px 0 0 0;
	}
	
	div.jFlowNext {
		float:left;
		width:40px;
		height:200px;
		background:url(images/nextwork.jpg) #000000 no-repeat;
		margin:42px 0 0 0;
	}
	
	img.workimage {
		width:452px;
		height:195px;
		}
		
		
	div#doc h2.about {
		width:223px;
		height:46px;
		background:url(images/aboutme.jpg) no-repeat;
		float:left;
		margin:3000px 0 5px 40px;
		clear:both;
	}
	
	div#doc div.about {
		float:left;
		width:470px;
		margin:10px 0 1000px 41px;
		clear:both;
		background:url(images/aboutbg2.jpg) repeat;
		padding:0;
	}

	div#doc div.about p {
		margin:10px;
		padding:10px;
		width:430px;
		background:#FFFFFF;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color:#000000;
		font-size:15px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
	div#doc h2.contact {
		width:264px;
		height:39px;
		background:url(images/contactme.jpg) no-repeat;
		float:left;
		margin:3000px 0 5px 40px;
		clear:both;
	}
	
	div#doc div.contact {
		float:left;
		width:470px;
		margin:10px 0 2000px 41px;
		clear:both;
		background:url(images/workbg.jpg) repeat;
		padding:0;
	}
	
	div#doc div.contact p {
		margin:10px;
		padding:10px;
		width:430px;
		background:#ACACAC;
		color:#000000;
	}
	
	div#message {
			font-size:18px;
			font-weight:100;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			padding:10px 0 0 140px;
			margin:0;
	}