/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	squarebracket.net

	Updated: 31/05/2012
	Author: dAN FARROW
	dan @ squarebracket . net

	COLOUR REFERENCE
	HEX			DESCRIPTION
	#96BA4F		pale green

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Text & colours

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* tags */
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:0.8em;
	}
	
	a {
		text-decoration: none;
		outline:none;
	}

	a:link {
		color:#96BA4F;
		font-weight: normal;
	}

	a:visited {
		color:#96BA4F;
	}

	a:hover, 
	a:focus,
	a:active {
		background-color:#96BA4F;
		color:#ffffff;
	}

	
	/* named */

	#header p {
		text-align:center;
		color:#5A524B;		
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Structure & layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* tags */

	body {
		margin:0; padding:0;
		background:url(../_images/body_bg.jpg) center top repeat-y #000000;
	}

	a.block {
		display:block;
		margin:0 -6px; padding:6px 6px 6px 32px;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABkCAMAAABuO5rhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF////lrpPNKqt84PCpwAAAAN0Uk5T//8A18oNQQAAAGJJREFUeNrs0cEOwCAIA1Dg/z96UVqFBT1sV3rQvKZblkyM0Rk52hvxWjnYHsf0Gluw4oZJGONgS8Yrau9Utpx2+5vFc/RqWEv2OMIT7ODXnWccB1syprVvH9X/t/3LjwADADdACof/hLShAAAAAElFTkSuQmCC) 6px 6px no-repeat;
	}

	a.block:hover,
	a.block:focus,
	a.block:active {
		/*background:url(../_images/hyperlinkbg.png) 6px -44px no-repeat #96BA4F;*/
        background-position: 6px -44px;
	}
	
	ul {
		margin:0 0 0 2px; padding:0;	
	}

	li {
		list-style:none;
		background:url(../_images/bullet.gif) 0 6px no-repeat;
		padding:4px 0 4px 24px;
	}

	h1, h2, h3 {
		font-family: 'Electrolize', sans-serif;
		font-weight:normal;
		margin:0; padding:0;
		text-transform:uppercase;
		text-align:center;

	}
	
	h1 {
		font-size:600%;
		color:#96BA4F;
	}
	
	h2 {
		font-size:185%;
		margin:-10px 0 40px;
		color:#698237;
	}
	
	h3 {
		font-size:300%;
		color:#96BA4F;
	}
	
	h3:before, h3:after {
		display:block;		
		color:#54682C;
	}
	
	h3:before {
		float:left;
		content:'[';
	}
	
	h3:after {
		float:right;
		content:']';
	}

	em {
		text-align:center;
		display:block;
	}

	/* named */	
	#header {
		height:280px;
		background:url(../_images/header_bg.jpg) center bottom no-repeat #000000;
		margin-bottom:40px;
	}
		#header_pic a {
			text-indent:-3000px;
			display:block;
			height:233px;
			background:url(../header_pics/rotate.php) center bottom no-repeat transparent;
		}

	#title {
		width:382px;
		height:72px;
		margin-bottom:40px;
	}

	#wrapper {
		width:520px;
		padding:0;
		margin:0 auto;
	}
		#wrapper div {
			margin-bottom:80px;
		}
	
	#title_img {
		width:381px;
		height:286px;
		margin:-20px -20px 10px -20px;
	}
	
	#work div {
		margin-bottom:60px;
	}

	#footer {
		font-size:10px; color:#555; text-align:center;
		margin-top:500px;
	}	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Forms

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	input[type="text"], textarea {
		width:514px;
		margin:3px 0;
		padding:6px 0px 6px 6px;
		border:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		background:#96BA4F;	
	}

	input[type="text"]:focus, textarea:focus {
		background:#ffffff;	
	}
	
	input#submit {
		padding:10px 100px;
		display:block;
		margin:20px auto;
	}

	input::-webkit-input-placeholder { color: #54682C; }
	textarea::-webkit-input-placeholder { color: #54682C; }
	input:-moz-placeholder { color: #54682C; }
	textarea:-moz-placeholder { color: #54682C; }
	.placeholder { color: #54682C; }
	
	body.js label {
		display:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Slideshow

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#homepage_slide_holder {
	height:233px;
	width:566px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
	.homepage_slide {
		height:233px;
		width:566px;
	}
	body.js .homepage_slide {
		position:absolute;
	}
	body.js .homepage_slide.first {
        display:block;
    }
	
	body.js .homepage_slide.current {
		display:block;
	}