/*
	Purpose:	Landmark Art Screen Stylesheet
	Author: thisisnurture.com - chris hamilton
	Last Revised: 15/09/09	
*/

body {
	background: #605145;
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

* {
	margin: 0; padding: 0;
	outline: 0; border: 0;
}

/*
	Generic Elements
*/

ul {
	padding: 10px 0 10px 25px;
}

a {
	color: #5B8A18;
	text-decoration: none;
}

a:hover {
	color: #37530f;
}

.cf {
	clear: both;
}

/*
	Typography
*/

h1, h2, h3 {
	font-size: 16px;
	padding: 0 0 5px 0;
}

h2, h3 {
	color: #5A5A5A;
}

h2.divide {
	float: left;
	margin-top: 15px;
	padding-top: 15px;
	width: 100%;
	background: transparent url(../img/bg-dots.gif) no-repeat top;
}

#second-column p, #third-column p {
	color: #5A5A5A;
	float: left;
}

p, address {
	padding: 0;
	margin: 5px 0 15px;
	line-height: 1.35;
}

.nurture {
	float: right;
}

/*
	Structure
*/

#wrapper {
	width: 960px;
	margin: auto;
	padding: 0 10px 10px 10px;
	background: #FFF url(../img/bg-wrapper.gif) bottom no-repeat;
	color: inherit; 
}

#sitehead {
	float: left;
	width: 940px;
	padding: 0 10px;
}

	#sitehead .logo {
		float: left;
		margin: 40px 0 0 0;
	}
	
	#sitehead .btn-speak-to-us {
		position: relative;
		top: 51px; right: -520px;
	}
	
#nav {
	float: left;
	width: 948px;
	height: 40px;
	margin: 40px 0 0 0;
	padding: 10px 0 0 10px;
	list-style-type: none;
	background: transparent url(../img/bg-nav.gif) repeat-x top left;	
	border-top: 1px solid #E4E4E4; border-right: 1px solid #FFF; border-left: 1px solid #FFF;
}

	#nav li {
		float: left;
	}
	
	#nav li.first a {
		width: 140px;
		padding: 0;
	}
	
	#nav li.last a {
		border-right: 0;
	}
	
	#nav li a {
		float: left;
		width: 150px;
		padding: 0 0 0 10px;
		border-right: 1px dotted #C8C8C8;
		font-size: 14px;
		font-weight: bold;
	}
	
		#nav li a span {
			color: #434343;
			font-weight: normal;
			font-style: italic;
			font-size: 11px;
		}
		
.photo-gallery {
	float: left;
	width: 950px;
	margin: 0;
	padding: 0 0 10px 8px;
	position: relative;
	border-right: 1px solid #FFF; border-left: 1px solid #FFF;
	list-style-type: none;
	background: transparent url(../img/bg-photo-gallery.gif) bottom left repeat-x;
}

	.photo-gallery ul {
		float: left;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	.photo-gallery a.btn-previous {
		position: absolute;
		top: 330px; left: -12px;
		background: transparent url(../img/btn-previous.png) top left no-repeat;
		width: 100px; height: 33px;
		top: 330px; right: -12px;		
		padding: 0;
		z-index: 1000;
	}
	
		.photo-gallery a:hover.btn-previous {
			background: transparent url(../img/btn-previous.png) -33px left no-repeat;	
		}		
	
	.photo-gallery a.btn-next {
		position: absolute;
		display: block;
		background: transparent url(../img/btn-next.png) top left no-repeat;
		width: 100px; height: 33px;
		top: 330px; right: -12px;
		padding: 0;
		z-index: 1000;
	}
	
		.photo-gallery a:hover.btn-next {
			background: transparent url(../img/btn-next.png) -33px left no-repeat;	
		}	
	
		.photo-gallery a.btn-previous span, .photo-gallery a.btn-next span {
			display: none;
		}
		
	.img-reel {
		background: transparent url(../img/bg-img-reel.gif) top no-repeat;
		float: left;
		height: 13px;
		width: 958px;
	}
		
#primary-column {
	float: left;
	width: 430px; min-height: 300px;
	border-right: 1px dotted #C8C8C8;
	padding: 10px 10px;
	margin: 5px 0 15px 10px;
}

#second-column {
	width: 230px; min-height: 300px;
	float: left;
	padding: 10px 10px 10px 10px;	
	border-right: 1px dotted #C8C8C8;
	margin: 5px 0 15px 0;		
}

#third-column {
	width: 230px;
	float: right;
	padding: 10px 10px 10px 0;
	margin: 5px 0 15px 0;		
}

	#third-column ul {
		margin: 10px 0 0 0; padding: 0;
		font-size: 11px;
		list-style-type: none;
	}
	
		#third-column ul li {
			margin-bottom: 10px;
			padding-left: 20px;
			background: transparent url(../img/bg-green-tick.gif) left 50% no-repeat;
		}
		
/*
	A:Link Button Styling
*/

a.btn-book-photographer, a.btn-client-login, a.btn-download-brochure {
	float: left;
	display: block;
	width: 168px;
	height: 40px;
	margin: 5px 0 0 30px;
	background: transparent url(../img/btn-book-a-photographer.gif) 0 0;
}

	a:hover.btn-book-photographer {
		background: transparent url(../img/btn-book-a-photographer.gif) 0 -40px;
	}
	
	a:active.btn-book-photographer {
		background: transparent url(../img/btn-book-a-photographer.gif) 0 -80px;
	}
	
	a.btn-book-photographer span, a.btn-client-login span, a.btn-download-brochure span  {
		display: none;
	}
	
a.btn-client-login {
	background: transparent url(../img/btn-client-login.gif) 0 0;
}

	a:hover.btn-client-login {
		background: transparent url(../img/btn-client-login.gif) 0 -40px;
	}
	
	a:active.btn-client-login {
		background: transparent url(../img/btn-client-login.gif) 0 -80px;
	}
	
a.btn-download-brochure {
	background: transparent url(../img/btn-download-brochure.gif) 0 0;
}

	a:hover.btn-download-brochure {
		background: transparent url(../img/btn-download-brochure.gif) 0 -40px;
	}
	
	a:active.btn-download-brochure {
		background: transparent url(../img/btn-download-brochure.gif) 0 -80px;
	}	
	
#footer {
	width: 960px;
	margin: auto;
	padding: 15px 10px;
	font-size: 11px;
	color: #FFF;
}

	#footer a {
		color: #FFF;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}


/*
	Form Styling
*/

form 
{
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form fieldset 
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #DCDCDC;
}

form fieldset.last
{
	border-bottom: none;
}

form fieldset label 
{
	float: left;
	width: 250px;
	margin: 6px 20px 5px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 12px;
}

form fieldset div.field
{
	float: left;
	width: 400px;
	margin: 0 10px 0 0;
}

form fieldset div.field input.input-text
{
	width: 400px;
	padding: 5px;
	font-size: 13px;
	color: #646870;	
	border: 1px solid #BFBFBF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

form fieldset div.field.antispam input {
	background: #90EE90;
	color: #136213;
	border: 1px solid #136213;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}

form fieldset div.field textarea
{
	width: 400px;
	height: 150px;	
	padding: 5px;
	font-size: 12px;
	color: #646870;
	background: #FFF;
	border: 1px solid #BFBFBF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form fieldset div.field select
{
	width: 412px;
	padding: 5px;
	color: #646870;
	background: #FFF;
	border: 1px solid #BFBFBF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}

form .checkbox {
	float: left;
	margin: 1px 10px 0 0;
	padding: 0;
}

form .newsletter {
	padding: 7px 0 0 0;
	margin: 0;
	font-size: 11px;
	float: left;
}

form div.submit
{
	float:right;
	margin-right:17px;	
}

form .validation {	
	width: 560px;
	padding: 5px;
	margin: 0 0 15px 0;
	border:  1px solid #FBFBC3;
	background: #FAFB86;
	color: #32190C;
}

form .validation p {
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	text-align: center;
}

form fieldset div.field.error input{
	background: #ff2b2b;
	color: #FFF;
}

.validation ul li {
	padding-left: 15px;
	margin: 0 0 5px 0;
	font-size: 12px;
	background: transparent url(../img/bg/warning.gif) left 50% no-repeat ;
