/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
	display: block;
}
a {
	
}
a:link, a:visited {
	text-decoration:none
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}
ul {
	margin:0	
}
li {
	/*
  For IE6 + IE7.
*/
	list-style:none;
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9.
*/
	overflow: hidden;
}
.hidetext {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.break {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.ellipsis {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis; /* Required for IE8 */
	-o-text-overflow: ellipsis; /* Required for Opera */
	text-overflow: ellipsis;
}
.hide {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* Main Layout
----------------------------------------------------------------------------------------------------*/

.container, #header, .content, #footer {
	display:block;
	min-width:950px
}

.container, .content, #footer {
	position:relative
}

.container {
	width:100%
}

.content.gallery {
	width:960px	
}

#header-wrapper {
	position:fixed;
	background-color:#534741;
	z-index:100
}

#header, .content, #footer {
	width:950px;
	margin:0 auto	
}

#footer {
	padding:50px 0 20px	
}

/* Background Options */

.bg-home {
	background:url(../images/bg-home.jpg) center top
}

.bg-footer {
	background:url(../images/bg-footer.jpg) repeat-x center top
}

.bg-grey {
	background-color:#F2F2F2	
}

/* Global
----------------------------------------------------------------------------------------------------*/

/* Fonts
----------------------------------------------------------------------------------------------------*/

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#000
}

h1, h3 {
	font-family: 'Lato', sans-serif;
	font-weight:700
}

h1 {
	font-size:50px;
	color:#F7931E;
	margin-bottom:10px	
}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:100;
	line-height:28px;
	margin-bottom:20px
}

h2.lato {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:24px;
	color:#603813
}

h3 {
	font-size:18px;
	line-height:25px;
	margin-bottom:5px	
}

p {
	line-height:20px;
	margin-bottom:15px	
}

p strong {
	font-weight:bold
}

p a {
	color:#F7931E	
}

/* Header
----------------------------------------------------------------------------------------------------*/

#header {
	height:100px
}

#header a#logo-sml {
	float:left;
	margin:25px 10px	
}

/* Content
----------------------------------------------------------------------------------------------------*/

/* Home Content CSS */

.bg-home .container {
	text-align:center
}

.content #logo {
	text-align:center;
	margin:110px 0 85px	
}

/* Home Navigation */

ul#home-navigation {
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:250px
}

ul#home-navigation li {
	display:inline-block;
	margin:0 15px;
	text-align:center
}

ul#home-navigation li.last {
	margin:0;
	width:100%;
	clear:both
}

ul#home-navigation li a img {
	display:inline-block;
	margin-bottom:20px	
}

ul#home-navigation li a {
	display:block;
	width:130px;
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff
}

ul#home-navigation li a:hover {
	color:#F7931E
}

ul#home-navigation li a:hover img.default-img,
ul#home-navigation li a img.swapped-img {
	display:none
}

ul#home-navigation li a img.default-img,
ul#home-navigation li a:hover img.swapped-img {
	display:inline-block
}

/* Fixed Navigation */

ul#fixed-navigation {
	margin:35px 0 0 10px	
}

ul#fixed-navigation,
ul#fixed-navigation li,
ul#fixed-navigation li a {
	position:relative;
	display:block;
	float:left	
}

ul#fixed-navigation li {
	margin-left:20px	
}

ul#fixed-navigation li img,
ul#fixed-navigation li a {
	float:left
}

ul#fixed-navigation li img {
	margin-right:5px	
}

ul#fixed-navigation li a {
	height:28px;
	line-height:28px;
	font-family: 'Quicksand', sans-serif;
	font-size:14px;
	font-weight:700;
	color:#fff
}

ul#fixed-navigation li.active a,
ul#fixed-navigation li a:hover {
	color:#F7931E
}

ul#fixed-navigation li.active a img.default-img,
ul#fixed-navigation li a:hover img.default-img,
ul#fixed-navigation li a img.swapped-img {
	display:none
}

ul#fixed-navigation li.active a img.swapped-img,
ul#fixed-navigation li a img.default-img,
ul#fixed-navigation li a:hover img.swapped-img {
	display:block
}

/* Content Info Pages */

.container.info {
	padding:175px 0 40px;
	min-height:400px	
}

/* Content Info Pages - Contact Box */

#contact-box {
	display:block;
	background-color:#423834;
	padding:15px 20px	
}

#contact-box h3 {
	color:#C7B299
}

#contact-box p {
	color:#998675	
}

#contact-box a.link-btn-brown {
	display:block;
	background-color:#534741;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#C7B299;
	padding:0 15px;
	height:40px;
	line-height:40px
}

#contact-box a.link-btn-brown:hover {
	background-color:#2D2624;
	color:#fff	
}

/* Content Info Pages - Masonry Box Sizing CSS */

.item {
	margin:0 5px 10px
}

.item img {
	width:100%
}

.one-eights {
	width:110px
}

.two-eights {
	width:230px
}

.three-eights {
	width:350px
}

.four-eights {
	width:470px
}

.five-eights {
	width:590px
}

.six-eights {
	width:710px
}

.seven-eights {
	width:830px
}

.eight-eights {
	width:950px
}

/* Content Info Pages - Product List */

.product-list-wrapper {
	position:relative;
	display:block;
	width:80%;
	padding:0 10%
}

.product-list-wrapper ul.product-list {
	display:block;
	margin:0 10px 20px
}

.product-list-wrapper ul.product-list li {
	display:block;
	clear:both;
	border-bottom:1px solid #D2D2D2;
	padding:8px 10px 5px
}

.product-list-wrapper ul.product-list li.stripe {
	background-color:#F5F5F5	
}

.product-list-wrapper ul.product-list li.heading {
	padding-left:30px;
	text-align:center;
	color:#FBB03B
}

.product-list-wrapper ul.product-list li span {
	display:block;
	line-height:16px;
	max-width:50%
}

.product-list-wrapper ul.product-list li span.size {
	float:left;
	text-align:left
}

.product-list-wrapper ul.product-list li.heading span.price {
	text-align:center
}

.product-list-wrapper ul.product-list li span.price {
	min-width:140px;
	text-align:right;
	float:right
}

/* Content Info Pages - Product List - Triple Column */

.product-list-wrapper ul.product-list.triple-column {
	width:100%	
}

.product-list-wrapper ul.product-list.triple-column li span {
	width:33%;
	float:left;
	text-align:center
}

.product-list-wrapper ul.product-list.triple-column li:first-child {
	border-top:1px solid #D2D2D2
}

.product-list-wrapper ul.product-list.triple-column li span:first-child {
	text-align:left
}

.product-list-wrapper ul.product-list.triple-column li span:last-of-type {
	text-align:right !important	
}

/* Content Info Pages - Simple Image List */

ul.simple-image-list li {
	display:block;
	float:left;
	width:30%;
	text-align:center;
	margin:0 1.5% 1.5%	
}

ul.simple-image-list li img {
	margin-bottom:15px	
}

/* Content Info Pages - Contact Info */

.contact-info span {
	display:block;
	width:55px;
	float:left	
}

/* Google Maps */

#map-canvas {
	position:relative;
	display:block;
	width:100%;
	height:500px
}


/* Enquiry Form */

#enquiryform {
	margin:0 auto	
}
#enquiryform {
	width:68%
}
#enquiryform fieldset {
	width:100%	
}
#enquiryform .container {
	position:relative;
	text-align:left;
	width:100%;
	padding-bottom:20px;
	min-width:inherit
}
#enquiryform label {
	display:block;
	height:40px;
	width:75px;
	text-align:right;
	margin-right:5px;
	line-height:40px;
	float:left;
	font-size:16px;
	color:#000	
}
#enquiryform input {
	height:40px;
	width:450px;
	background: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #F4F4F4, #FFFFFF 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #F4F4F4, #FFFFFF 50%); /* Standard syntax */
	border:1px solid #ccc;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:100;
	padding:0 15px;
	float:left;
	line-height:40px;
	color:#666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px
}
#enquiryform input:focus,
#enquiryform textarea:focus,
#enquiryform select:focus {
	border-color:#EF5A1A	
}
#enquiryform .select-moz {
	width:250px;
	height:40px;
	float:left;
	margin-bottom:26px;
	padding:0;
	background:url(../images/icon-select-arrow.png) no-repeat center right, -webkit-linear-gradient(top, #F4F4F4, #FFFFFF 50%);
	background:url(../images/icon-select-arrow.png) no-repeat center right, -o-linear-gradient(top, #F4F4F4, #FFFFFF 50%);
	background:url(../images/icon-select-arrow.png) no-repeat center right, -moz-linear-gradient(top, #F4F4F4, #FFFFFF 50%);
	background:url(../images/icon-select-arrow.png) no-repeat center right, linear-gradient(top, #F4F4F4, #FFFFFF 50%);
}
#enquiryform select {
	color:#666;
	width:250px;
	padding:12px 10px 12px 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:100;
	margin-bottom:20px;
	-webkit-appearance: none;
	-moz-appearance: window;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px
}
@-moz-document url-prefix() {
.select-moz{
	background-color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	border:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:0 !important
}
}
/* IE Hide Select Arrow */
#enquiryform select::-ms-expand {
    display: none
}
#enquiryform textarea {
	width:500px;
	height:150px;
	padding:15px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#666;
	float:left;
	resize:none;
	border:1px solid #ccc;
	background: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF 15%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #F4F4F4, #FFFFFF 15%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF 15%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #F4F4F4, #FFFFFF 15%); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px
}
#enquiryform #scaptcha-label {
	margin-left:80px;
	width:auto
}
#enquiryform #scaptcha {
	width:70px
}
#enquiryform div#spamtrap {
	visibility:hidden
}
#enquiryform .container-error-all {
	position:relative;
	display:block;
	height:auto !Important;
	margin-bottom:10px
}
#enquiryform .container-error-all span {
	height:auto !important	
}
#enquiryform .error {
	float:left;
}
#enquiryform .error, #enquiryform .error-all {
	font-size: 14px;
	font-weight:100;
	color:#f00
}
#enquiryform .error-all {
	padding:0;
	line-height:22px;
	margin:0
}
#enquiryform .error {
	position:relative;
	display:block;
	margin:0 0 0 80px;
	padding:0;
	z-index:2
}
#enquiryform .error div {
	height:38px;
	line-height:38px;
	background:url(../images/icon-arrow-up.png) no-repeat center right;
	margin:0;
	padding-right:20px;
}
#enquiryform .error div img {
	position:absolute;
	display:block;
	width:18px;
	height:12px;
	bottom:-14px;
	right:60px;
	z-index:100
}
#enquiryform .error div span {
	display:block;
	font-size:14px;
	font-weight:100;
	height:25px;
	line-height:25px;
	padding:0;
	margin:0
}
#enquiryform fieldset#antispam {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}
#enquiryform fieldset#antispam legend {
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
}
#enquiryform .short_explanation {
	display:block;
	height:40px;
	line-height:40px;
	float:none;
	clear:both;
	margin:0;
	font-size: 14px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
	color:#000;
	padding-left:80px
}
#enquiryform .short_explanation a {
	color:#0071bc
}
#enquiryform div img {
	background-color:#fff;
	margin-left:80px
}
#enquiryform .button {
	display:block;
	color:#C7B299;
	float:left;
	padding:0 25px;
	width:auto;
	height:40px;
	line-height:40px;
	font-size:18px;
	background:#534741;
	margin-left:80px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	border:none;
	cursor:pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius:0
}
#enquiryform .button:hover {
	background-color:#2D2624;
	color:#fff
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/

#enquiryform .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
#fg_crdiv p {
	display:none;
}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer p {
	font-size:12px;
	color:#CCCCCC;
	text-align:center;
	line-height:30px	
}

#footer p span,
#footer p a {
	color:#7A706C
}