/* Stylesheet by Matt Hinchliffe > www.maketea.co.uk */

/*
1.	Body
2.	Content shared styles
3.	Header
4.	Menu
5.	Welcome
6.	Services
7.	People
8.	Clients
9.	Contact
10.	Social
11.	Footer
*/

/* 1. Body */
body {
	background: #f0f0dc url(img/body_bg.png) repeat-x left top;
	color: #1e0a19
}

/* 2. Content shared styles */




#header, #welcome, #services, #people, #clients, #contact-us {
	position: relative;
	height: 450px
}
#people {
	position: relative;
	height: 600px
}


#services_title, #people_title, #clients_title, #contact-us_title {
	height: 60px;
	background-image: url(img/content_titles.png)
}

.hairline {
	position: absolute;
	bottom: 0px;
	left: 10px;
	right: 10px;
	border-bottom: 1px dotted #b4aa91
}

/* 3. Header */
#header {
	margin-top: 50px;
	height: 180px
}
	#logo {
		height: 150px;
		background-image: url(img/header_logo.png)
	}
	#logoclients {
		height: 150px;
		background-image: url(img/logo_clients.png)
	}
	#contact {
		margin-top: 120px
	}

/* 4. Menu */
#menu {
	position: absolute;
	right: 10px;
	top: 105px;
	width: 230px;
	height: 50px;
	z-index: 999;
	background: url(img/menu_bg1.png) no-repeat left top; behavior: url("/css/iepngfix.htc")
}
	#menu-open span {
		display: block;
		height: 35px;
		line-height: 55px;
		text-indent: 15px
	}
	#menu-holder {
		position: relative;
		height: 0px;
		padding-bottom: 15px;
		overflow: hidden;
		background: url(img/menu_bg2.png) no-repeat left bottom; behavior: url("/css/iepngfix.htc")
	}
	#menu ul {
		display: none;
		position: absolute;
		bottom: 15px;
		margin: 0;
		padding: 0;
		list-style-type: none
	}
		#menu a {
			display: block;
			height: 20px;
			line-height: 20px;
			padding-left: 15px;
		} 

/* 5. Welcome */
#welcome {
	background: url(img/welcome_bg.png) no-repeat right bottom
}
	#welcome_title {
		height: 70px;
		margin: 140px 0 30px 0;
		background-image: url(img/welcome_title.png)
	}

/* 6. Services */
#services {
	background: url(img/services_bg.png) no-repeat right top
}
	#services_title {
		background-position: 0px 0px
	}
	
	#services_list {
		position: relative;
		height: 255px;
		background: url(img/services_list_bg.png) no-repeat right
	}
		#services_list dt a.replace {
			width: 220px;
			height: 30px;
			background-image: url(img/services_list_menu.png)
		}
			a#cc {
				background-position: 0px 0px
			}
			a#sm {
				background-position: -220px 0px
			}
			a#ws {
				background-position: -440px 0px
			}
			a#pm {
				background-position: -660px 0px
			}
			a:hover#cc, dt.selected a#cc {
				background-position: 0px -30px
			}
			a:hover#sm, dt.selected a#sm {
				background-position: -220px -30px
			}
			a:hover#ws, dt.selected a#ws {
				background-position: -440px -30px
			}
			a:hover#pm, dt.selected a#pm {
				background-position: -660px -30px
			}
		
		#services_list dd {
			position: absolute;
			top: 0px;
			right: 120px;
			bottom: 0px;
			left: 300px;
			display: none
		}
			#services_list dd h3.replace {
				height: 60px;
				margin-bottom: 0px;
				background-image: url(img/services_list_titles.png)
			}
			#cc_title {
				background-position: 0px 0px
			}
			#sm_title {
				background-position: 0px -60px
			}
			#ws_title {
				background-position: 0px -120px
			}
			#pm_title {
				background-position: 0px -180px
			}
		
		
		#services_list .service-selected {
			display: block
		}
		#services_select {
			position: absolute;
			top: 20px;
			left: 240px;
			display: block;
			height: 30px;
			width: 30px;
			background: url(img/services_selected.png) no-repeat
		}

/* 7. People */
#people {
}
	#people_title {
		margin-bottom: 0px;
		background-position: 0px -60px
	}
	#people h3.replace {
		margin-bottom: 0px;
		background-image: url(img/people_titles.png);
		background-image: url(img/people-titles.png);
	}
		#pt {
			background-position: 0px 5px
		}
		#mt {
			background-position: 0px -20px
		}
		#cf {
			background-position: 0px -45px
		}
	

/* 8. Clients */
#clients {
	background: url(img/clients_bg.jpg) no-repeat left 130px;
	height:600px;
}
	#clients_title {
		background-position: 0px -120px
	}
	#clients .grid_5 {
		margin-top: 45px
	}

/* 9. Contact */
#contact-us {
}
	#contact-us_title {
		background-position: 0px -180px
	}
	#contact-us h3.replace {
		margin-bottom: 0px;
		background-image: url(img/contact-us_titles.png)
	}
		#pu {
			background-position: 0px 0px
		}
		#eu {
			background-position: 0px -30px
		}
		#wu {
			background-position: 0px -60px
		}
	
	
	fieldset {
		display: block
	}
		label {
			height: 30px;
			margin-bottom: 15px;
			line-height: 30px
		}
		input, textarea {
			height: 24px;
			margin-bottom: 15px;
			padding: 2px 4px;
			font-size: 12px;
			font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif;
			border: 1px solid #b4aa91;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px
		}
		textarea {
			height: 131px;
			line-height: 15px
		}
		input:focus, textarea:focus {
			border-color: #8c0a4b
		}
		button {
			width: 100px;
			height: 30px;
			margin-left: -10px;
			cursor: pointer;
			background-image: url(img/contact-us_button.png)
		}
		#ferror {
			text-indent: 10px;
			line-height: 30px
		}

	#dt {
		height: 195px;
		background-image: url(img/contact-us_quote.png)
	}
		#dt p {
			display: none
		}

/* 10. Social */
#social {
	height: 120px;
}
	a.social {
		float: left;
		padding: 28px 4px
	}
	a.social span {
		display: block;
		width: 64px;
		height: 64px;
		background-position: 0px 0px
	}
	a.social:hover span {
		background-position: 0px -64px
	}
	#st span {
		background-image: url(img/social_twitter.png); behavior: url("/css/iepngfix.htc")
	}
	#sf span {
		background-image: url(img/social_facebook.png); behavior: url("/css/iepngfix.htc")
	}
	#sl span {
		background-image: url(img/social_linkedin.png); behavior: url("/css/iepngfix.htc")
	}

/* 11. Footer */
#footer {
	height: 30px;
	overflow: hidden;
	font-size: 9px;
	color: #f0f0dc;
	background: url(img/footer_bg1.png)
}
	#footer .grid_16 {
		background: url(img/footer_bg2.png)
	}
	#footer p {
		margin: 0 0 0 10px;
		line-height: 30px;
	}
	#top {
		width: 220px;
		height: 30px;
		background-image: url(img/footer_top.png)
	}