/*Award Badge Styles*/
#awwwards{
position:					fixed;
top:						20px;
right:						0px;
z-index:					9999;
}

#awwwards a{
width:						69px;
height:						105px;
text-indent:				-8000px;
display:					block;
background:					url(../Images/wwwBadge.png) no-repeat;
overflow:					hidden;
}

#cssda{
position:					fixed;
top:						145px;
right:						0px;
z-index:					9999;
}

#cssda a{
width:						69px;
height:						164px;
text-indent:				-8000px;
display:					block;
background:					url(../Images/cssda.png) no-repeat;
overflow:					hidden;
}

/*Global Styles*/
* {
	margin:					0;
	padding:				0;
	border:					0;
}

body {
	background:				#C3DAD5;
	color:					#AB9281;
	font-family:			'Droid Serif', serif;
	font-size:				12px;
}

header, nav, footer, section, figure, figcaption, aside {
	display:				block;
}
	

section:first-of-type>:nth-child(2) {
	border-top:				1px solid #C4D1C3;
	padding-top:			20px;
}

.columns {
	border-top:				1px solid #C4D1C3;
	margin-top:				3px;
	padding-top:			20px;
	zoom:					1;
}

.columns:after {
	clear:					both;
	content:				"";
	display:				block;
}

.column {
	float:					left;
	margin-right:			20px;
	width:					260px;
}

.column:last-of-type {
	margin-right:			0;
}

/*Global Image Styles */
figure img {
	background:				#FFF;
	-webkit-box-shadow: 	0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:   		0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow:         	0px 0px 4px rgba(0, 0, 0, 0.1);
	margin-bottom:			20px;
	padding:				8px;
}

figcaption {
	color:					#8AB0AA;
	font-size:				16px;
	font-style:				italic;
}

figcaption span {
	color:					#AB9281;
	display:				block;
	font-size:				14px;
}

/* Global Text Styles*/
p {
	margin-bottom:			10px;
	line-height:			16px;
}

q {
	color:					#AB9281;
	font-size:				14px;
}

q span {
	color:					#8AB0AA;
}

strong {
	color:					#8AB0AA;
	font-size:				16px;
	font-style:				italic;
	font-weight:			normal;
}

/*Global Link Styles*/
p a {
	font-size:				12px;
	font-style:				normal;
}

a {
	color:					#8AB0AA;
	font-size:				16px;
	font-style:				italic;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

/*Global Heading Styles*/

h1, h2 {
	background:				url(../Images/HeadingBackground.jpg) no-repeat top right;
	border-bottom:			3px solid #C4D1C3;
	color:					#8AB0AA;
	font-size:				34px;
	font-weight:			normal;
	line-height:			30px;
	margin-bottom:			3px;
	padding:				10px 0 20px;
	text-transform:			uppercase;
}

h1 span, h2 span {
	color:					#D4B49A;
	display:				block;
	font-size:				20px;
}

h3 {
	color:					#8AB0AA;
	font-size:				16px;
	font-style:				italic;
	font-weight:			normal;
	margin-bottom:			13px;
}

/*Candy Stripe Wrapper Styles*/
#background-wrapper {
	background:				url(../Images/WrapperBackground.png);
	margin:					150px auto;
	position:				relative;
	width:					990px;
	zoom:					1;
}

#background-wrapper:after {
    clear: 					both;
    content: 				"";
    display: 				block;
}

#wrapper-top {
	background:				url(../Images/WrapperTop.png) no-repeat;
	height:					105px;
	left:					0;
	position:				absolute;
	top:					-105px;
	width:					990px;
}

#wrapper-bottom {
	background:				url(../Images/WrapperBottom.png) no-repeat;
	height:					105px;
	left:					0;
	position:				absolute;
	bottom:					-105px;
	width:					990px;
}

/*Template Wrapper Styles*/
#wrapper {
	background:				#FDFAF4;
	-webkit-box-shadow: 	0px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:   		0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow:         	0px 0px 5px rgba(0, 0, 0, 0.4);
	float:					left;
	margin:					-60px 45px;
	padding-bottom:			40px;
	position:				relative;
	width:					900px;
	z-index:				999;
	zoom:					1;
}

#wrapper:after {
	clear:					both;
	content:				"";
	display:				block;
}

/*Header Styles*/
header {
	margin-bottom:			30px;
	zoom:					1;
}

header:after {
    clear: 					both;
    content: 				"";
    display: 				block;
}

#logo {
	background:				url(../Images/Logo.png) no-repeat;
	float:					left;
	height:					115px;
	margin:					-40px 0 0 -20px;
	text-indent:			-999em;
	width:					234px;
}

header nav {
	border-top:				3px solid #BCDADD;
	float:					right;
	margin:					35px 20px 0 0;
	width:					660px;
}

header nav ul {
	border-top:				1px solid #D4E5E4;
	margin-top:				3px;
	padding:				20px 0 0 0;
	text-align:				right;
}

header nav ul li {
	background:				url(../Images/NavDivider.gif) center right no-repeat;
	display:				inline;
	list-style:				none;
	padding:				0 18px 0 12px;
}

header nav ul li:last-child {
	background:				none;
	padding-right:			0;
}

header nav ul li a {
	color:					#AB9281;
	font-size:				12px;
	font-style:				normal;
	text-decoration:		none;
	text-transform:			uppercase;
}

header nav ul li a:hover, header nav ul li a.selected {
	color:					#8CB6BB;
	text-decoration:		none;
}

/*Banner Styles*/
figure[role=banner] {
	margin:					0 auto;
	width:					860px;
}

/*Content Styles*/
.content {
	padding:				0 40px;
}

/*Homepage Styles*/
#homepage section>:nth-child(2) {
	border-top:				1px solid #C4D1C3;
	padding-top:			20px;
}

#homepage h1, #homepage h2 {
	background:				none;
	border-bottom:			3px solid #C4D1C3;
	color:					#8AB0AA;
	font-size:				34px;
	font-weight:			normal;
	line-height:			30px;
	margin-bottom:			3px;
	padding-bottom:			20px;
	text-transform:			uppercase;
}

#homepage h1 span, #homepage h2 span {
	color:					#D4B49A;
	display:				block;
	font-size:				20px;
}

#homepage section {
	float:					left;
	margin-right:			20px;
	width:					260px;
}

#homepage section:last-of-type {
	margin-right:			0;
}

#homepage section:last-of-type ul {
	border-top:				1px solid #C4D1C2;
	list-style:				none;
	margin-top:				20px;
	padding-top:			20px;
}

#homepage section:last-of-type ul li:nth-child(odd) {
	color:					#AB9281;
	font-size:				14px;
	font-style:				italic;
}

#homepage section:last-of-type ul li:nth-child(even) {
	color:					#8AB0AA;
	margin-bottom:			20px;
	font-size:				18px;
	font-style:				italic;
}

#homepage section:last-of-type ul li a {
	font-size:				18px;
}

/*About Page Styles*/
#testimonial {
	border-bottom:			3px solid #C4D1C3;
	zoom:					1;
}

#testimonial:after {
	clear: 					both;
    content: 				"";
    display: 				block;
}

#testimonial figure {
	float:					right;
	margin:					0 0 0 40px;
}

#testimonial q {
	color:					#DCA8A0;
	font-size:				22px;
}

#testimonial p, #testimonials p {
	color:					#DCA9A1;
	font-style:				italic;
	margin-top:				20px;
}

#testimonial p span, #testimonials p span {
	color:					#AB9281;
	display:				block;
	font-size:				14px;
}

/*Pricing Page Styles*/
#pricing form {
	border-bottom:			3px solid #C4D1C3;
	padding-bottom:			20px;
	zoom:					1;
}

#pricing form:after {
	clear:					both;
	content:				"";
	display:				block;
}

#pricing fieldset {
	background:				#E8EFED;
	border:					10px solid #FFFDF9;
	-webkit-box-shadow: 	0px 0px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:   		0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         	0px 0px 2px rgba(0, 0, 0, 0.15);
	height:					45px;
	padding:				10px;
	width:					216px;
}

#pricing select {
	color:					#AB9281;	
	display:				block;
	font-family:			'Droid Serif', serif;
	font-size:				12px;		
	outline:				none;
	width:					216px;
}

#pricing label {
	display:				block;
	height:					57px;
	margin:					-30px 0 0 -30px;
	position:				relative;
	text-indent:			-999em;
	width:					147px;
}

#pricing label.size {
	background:				url(../Images/SizeLabel.png) no-repeat;
	
}

#pricing label.flavour {
	background:				url(../Images/FlavourLabel.png) no-repeat;
}

#pricing label.price {
	background:				url(../Images/PriceLabel.png) no-repeat;
}

#pricing input#price {
	background:				none;
	border:					none;
	color:					#6E8581;
	font-family:			'Droid Serif', serif;
	font-size:				30px;
	font-style:				italic;
	font-weight:			bold;
	margin-top:				-10px;
	width:					200px;
}

#pricing section section {
	border-bottom:			3px solid #C4D1C3;
	border-top:				1px solid #C4D1C3;
	margin-top:				3px;
	padding:				20px 0;
}

#pricing section section:last-of-type {
	border-bottom:			none;
	padding-bottom:			0;
}

#pricing h2 {
	background:				url(../Images/ColoursHeading.png) no-repeat;
	border:					none;
	height:					58px;
	margin:					0;
	padding:				0;
	text-indent:			-999em;
}

#pricing ul {
	border:					none;
	zoom:					1;
}

#pricing ul li {
	float:					left;
	height:					110px;
	list-style:				none;
	margin-right:			16px;
	text-align:				center;
	width:					60px;
}

#pricing ul li:nth-child(11) {
	margin-right:			0;
}

#pricing ul li img {
	display:				block;
	margin:					0 auto 10px;
}

#pricing ul:after {
	clear:					both;
	content:				"";
	display:				block;
}

/*Gallery Styles*/
#gallery h2 {
	background:				url(../Images/FilterHeading.png);
	border:					none;
	height:					62px;
	margin-left:			-10px;
	padding:				0;
	text-indent:			-999em;
	width:					135px;
}

#gallery nav {
	float:					left;
	margin-right:			20px;
	width:					130px;
}

#gallery nav ul li {
	border-bottom:			1px solid #E6EAE0;
	list-style:				none;
	padding:				10px 0;
}

#gallery nav ul li:last-of-type {
	border-bottom:			none;
}

#gallery nav ul li a {
	font-size:				14px;
	font-style:				normal;
	text-decoration:		none;
}

#gallery nav ul li a:hover, #gallery nav ul li a.selected {
	color:					#DCA8A0;
}

#gallery #images {
	border:					none;
	float:					left;
	margin-right:			-20px;
	padding:				0;
	position:				relative;
	width:					690px;
}

ul#portfolio {
	float: 					left;
	list-style:				none;
	width: 					690px;
}

ul#portfolio li {
	float:					left;
	height: 				230px;
	margin:					0 20px 20px 0;
	width:					200px;
}

/*Testimonial Styles*/
#testimonials .columns:first-of-type {
	border-top:				1px solid #C4D1C3;
	margin-top:				3px;
	padding-top:			20px;
}

#testimonials .columns {
	border-top:				none;
	padding-top:			0;
	margin-top:				0;
	border-bottom:			1px solid #E6EAE0;
	margin-bottom:			20px;
	padding-bottom:			10px;
}

/*Contact Styles*/
#contact form {
	background:				#E8EFED;
	border:					10px solid #FFFDF9;
	-webkit-box-shadow: 	0px 0px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:   		0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         	0px 0px 2px rgba(0, 0, 0, 0.15);
	float:					left;
	margin:					20px 20px 0 0;
	padding:				20px 20px 10px 20px;
	width:					400px;
	zoom:					1;
}

#contact form:after {
	clear:					both;
	content:				"";
	display:				block;
}

#contact form>label:first-of-type {
	background:				url(../Images/EmailLabel.png);
	display:				block;
	float:					none;
	height:					74px;
	margin:					-45px 0 10px -35px;
	width:					169px;
	text-indent:			-999em;
}

#contact form label {
	color:					#DCA8A0;
	float:					left;
	font-size:				14px;
	margin-top:				12px;
}

#contact form input, #contact form textarea {
	background:				#FDFAF4;
	border:					1px solid #D0D7D5;
	-webkit-border-radius:	5px;
	-mox-border-radius:		5px;
	border-radius:			5px;
	color:					#AB9281;
	float:					right;
	font-family:			'Droid Serif', serif;
	font-size:				12px;
	margin-bottom:			5px;
	outline:				none;
	padding:				5px;
	width:					265px;
}

#contact form input:focus, #contact form textarea:focus {
	border-color:			#FDD4CA;
}

#contact form input {
	height:					24px;
}

#contact form textarea {
	height:					90px;
}

#contact form input[type=image] {
	background:				none;
	border:					none;
	cursor:					pointer;
	height:					54px;
	width:					98px;
	text-indent:			-999em;
}

#contact ul li {
	font-size:				14px;
	font-style:				italic;
	list-style:				none;
}

#contact ul li:nth-child(2) {
	font-size:				18px;
}

#contact ul li:nth-child(odd) {
	color:					#AB9281;
}

#contact ul li:nth-child(even) {
	color:					#8AB0AA;
	margin-bottom:			20px;
}

#contact ul li a {
	font-size:				18px;
}

#contact figure {
	margin-top:				20px;
}

#success, #error {
	color:					#FFF;
	padding:				10px;
}

#success a, #error a {
	color:					#FFF;
	float:					right;
}

#success {
	background-color:		#A2BCBA;
}

#error {
	background-color:		#D2A79D;
}

/*Sitemap Styles*/
#sitemap ul {
	padding-left:			20px;
}

#sitemap ul li {
	margin-bottom:			10px;
}

#sitemap ul li ul {
	margin-top:				5px;
}

#sitemap ul li ul li {
	margin-bottom:			0;
}

#sitemap ul li ul li a {
	font-size:				14px;
}


/*Footer Styles*/
footer {
	color:					#FBF9F2;
	margin:					-55px auto 50px;
	position:				relative;
	width:					770px;
	zoom:					1;
}

footer:after {
    clear: 					both;
    content: 				"";
    display: 				block;
}

footer p {
	float:					left;
}

footer a {
	color:					#6A908D;
	font-size:				12px;
	font-style:				normal;
}

footer ul {
	float:					right;
	list-style:				none;
}

footer ul li {
	display:				inline;
	margin-right:			20px;
}

footer ul li:last-child {
	margin-right:			0;
}

footer ul li a {
	color:					#FBF9F2;
	text-decoration:		none;
}

footer ul li a:hover, footer ul li a.selected {
	color:					#6A908D;
	text-decoration:		none;
}