@charset "iso-8859-2";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700|Cinzel:400,700);
/* typography */


a:link, a:visited, a:active {
	color: #621a1c;
	text-decoration: none;
}

a:hover {
	color: #ab4c48;
}

p, li, td {
font-size: 14pt;
line-height: 22pt;
color:#333333;	
font-weight: 300;
margin-top: 0px;
margin-bottom: 12px;
}
li, td, th, input, select { margin: 0; }

ul.arrowlist { list-style-type: none; }

ul.arrowlist li:before {
	position: relative;
	float: left;
	content: '';
	width: 0;
	height: 0;
	top: 8px;
	border: 8px solid transparent;
	border-left-color: #D1A292;	
	color: #621a1c;
}

h1 {
	font-family: 'Cinzel', serif;
	font-size: 20pt;
	line-height: 24pt;
	font-weight: normal;
	color: #ab4c48;
	text-transform: capitalize;
	padding-bottom: 10px;	
	margin-top: 14px;
	margin-bottom: 5px;
}

 
h2 {
	font-family: 'Cinzel', serif;
	font-size: 16pt;
	line-height: 20pt;
	font-weight: normal;
	color: #621a1c;
	text-transform: capitalize;
	margin-top: 20px;
	margin-bottom: 3px;

}

h3 {
	font-family: 'Oxygen', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	text-transform: uppercase;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;
}


hr {
height: 130px; 
border:none; 
color:#fff; 
background-color:#fff;	
background-image: url(../elements/imagebreak.jpg);
background-position: center;
position: relative;
width: 200%;
left: -50%;
}


/* layout */

html, body  {
	height: 100%;	
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	font-family: 'Oxygen', sans-serif;
}


#container {
	position: relative;
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	
}

	header {
		position: relative;
		width: 1400px;
		margin: 0 auto;
		height: 80px;
		z-index: 500;
		box-shadow: 0 25px 22px -22px black;
	}
	#logo { 
		position: absolute;
		left: 10px;
		top: 10px;
				
		}
	#logo img { 
		height: 60px;
	}
	#menu {
		position: absolute;
		right: 10px;
		bottom: 0px;
		z-index: 500;
		}


		
	#homegallery {
		position: relative;
		width: 100%;
		max-width: 1800px;
		margin: 0 auto;
		height: 350px;
			background-color: #D1A292;
	
	}
	#overlay { 
	position: absolute;
	width: 400px;
	height: auto;
	right: 100px;
	top: -163px;
	z-index: 499;
	}

	section {
		position: relative;
		margin: 0 auto;
		width: 1340px;
		padding: 30px;
		padding-top: 10px;
		padding-bottom: 70px;
		min-height: 250px;
	}
	section.withfeature {	padding-bottom: 350px; }
	
	.home {
	position: relative;
	float: left;
	width: 70%;
	margin-right: 5%;
	}
	.sidebar { 
		position: relative;
		float: left;
		width: 20%;
		top: 200px;
		border-left: 1px solid #ab4c48;
	}


#featurespread {
	position: relative;
	bottom: 40px;
	width: 100%;
	min-height: 250px;
	padding-bottom: 40px;
	background-image: url(../elements/pattern-01.jpg);
	background-repeat: repeat;
	box-shadow: inset 0 8px 6px -6px black;

}
	#featureblock {
	position: relative;
	margin: 0 auto;
	width: 1400px;
	display: flex;
	justify-content: space-between;	

}

#featureblock .feature {
	flex-basis: 350px;
	flex-wrap: no-wrap;
	flex-shrink: 1;
	background-color: #d1a292;
	border: 1px solid #fff;
	border-top: 0;
	position: relative;
	padding: 10px;
	padding-top: 0;
	margin: 3px 20px 0 20px;
}

#featureblock .feature p { color: #fff;  }	
#featureblock .feature h2 {
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	box-shadow: inset 0 12px 14px -14px black;
	 }	

	
	
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height:40px;
		background-color: #621a1c;
		box-shadow: inset 0 8px 6px -6px black;
	}
	footer.noshadow { 	box-shadow: none; }

	footer p {
		position: relative;
		width: 1340px;
		margin: 0 auto;
		padding: 8px 30px 8px;
		font-size: 10pt;
		text-align: right;
		padding-right: 30px;
	}
	footer span {
	    text-align:left;
	    float: left;
	}
	footer img {
	    width: 30px;
	    height: 30px;
	}

	footer p a:link, footer p a:visited, footer p a:active { color: #fff }
	footer p a:hover { text-decoration: underline;}




/* incidentals */

a img { 	border: none; }


.clear { clear: both; }

.quote { 	width: 350px; color: #621a1c; padding-left: 20px; }
.quote:before { 
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: relative;
	float: left;
	top: 14px;
	border-width: 8px;
	margin-top: -8px;
	border-left-color: #ab4c48;
	}
	

	
#landing {
	position: relative;
	margin-top: 20px;
		  display: flex;
		  display: -webkit-flex;
		  justify-content: flex-start;
		  -webkit-justify-content:	flex-start;
		  flex-wrap: wrap;  
		  -webkit-flex-wrap: wrap; 
}
.landingitem {
	position: relative;
	width: 30%;
	flex-basis: 30%;
	flex-grow: 0;
	flex-shrink: 0;
	 -webkit-flex-basis: 30%;
	 -webkit-flex-grow: 0;
	 -webkit-flex-shrink: 0;
	border: 1px solid #666;
	margin: 0 auto;
	margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 400;
}

.landingitem img {
	width: 100%;
	height: auto;
	margin-bottom: -6px;
}
  .landingitem h2 {
	position: absolute;
	top: -0;
	z-index: 500;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 90px;
	margin: 0;
    color: transparent;
}
  .landingitem h2 a {
  }
    .landingitem h2:hover  {
	  color: #621a1c;
  }

  .landingitem h2:hover {
	  background-color: #fff;
	  opacity: 0.8;
	  color: #621a1c;
  }





	#products {
		position: relative;
		margin: auto;
		min-height: 200px;
		width: auto;
		padding-left: 20px;
		
	}
	.productbrief	 {
		postition: relative;
		float: left;
		margin-right: 00px;
		padding-right: 10px;
		padding-left: 10px;
		width: 230px;
		overflow: hidden;
		text-align: center;
		border-right: 1px solid #dcdcdd;
		height: 380px;
	}
	#products img {
		position: relative;
		margin:auto;
		width: auto;
		height: 150px;
	}

.productbrief	h2 {
	color: #000;
	font-size: 13pt;
	line-height: 18pt;
}

.productbrief	h2 a { 	 text-decoration: none; }
.productbrief	h2 a:hover { 	 text-decoration: underline; }


#productdetail img { max-width: 300px; height: auto; float: right; padding:0 0 20px 20px ;}
#cartcontents { 
	text-align: centre;
	width: 250px;
	padding: 10px;
	background-color: #D1A292;
	margin-top: -10px;
	margin-bottom: 50px;
 }
#cartcontents a { 	color: #fff; }

input[type="submit"] { 
		background-color: #D1A292;
		color: #fff;
		border: 1px solid #D1A292;
		font-size: 12pt;
		padding: 3px;
		cursor: pointer;
 }
 
#productdetail input[type="submit"] { float: right; }


.checkout {
	postion: relative;
	float: left;
	width: 45%;
	margin-right: 3%;
	padding: 0;
	
}

.checkout th {
text-align: left;
font-weight: normal;
color:#8d282e;	
border-collapse: collapse;

}
.checkout td, .checkout th {
border-bottom: 1px solid #eee;
}
.checkout table { width: 100%; } 



/* adjustments for responsive design */



@media only screen and (min-width: 1700px)  { 
	#homegallery { height: 460px; }

}

@media only screen and (max-width: 1500px)  { 
header, #featureblock { width: 1300px;  }
section { width: 1240px;  }
footer p { width: 1270px; }

}

@media only screen and (max-width: 1300px)  { 
header, #featureblock { width: 1100px;  }
section { width: 1040px;  }
footer p { width: 1070px; }
}


@media only screen and (max-width: 1100px)  { 
header, #featureblock { width: 100%;  }
section { width: 90%; padding-left: 0; padding-right: 0;  }
#overlay { right:  -10px; }
footer p { width: 95%; padding-right: 0;}


}

@media only screen and (max-width: 1024px)  { 

  .landingitem h2 { background-color: #fff; opacity: 0.7; color: #621a1c;  }
  .landingitem h2  a {	  color: #621a1c;  }
	.sidebar, .home { float: none; width: auto; top: 0; margin-right: 0; }

}

@media only screen and (max-width: 850px)  { 
	#overlay { display: none; }
.landingitem {	margin-bottom: 10px; 	margin-right: 10px; }
.checkout { width: 100%; }
  .landingitem h2 { font-size: 14pt; padding-top: 40px; }

}

@media only screen and (max-width: 750px)  { 
	#featureblock { 
	flex-wrap: wrap; justify-content: space-around;	
	-webkit-flex-wrap: wrap; -webkit-justify-content: space-around;	 }
	#featureblock .feature { 
	flex-shrink: 0; flex-basis: 80%; margin-bottom: 20px;
	-webkit-flex-shrink: 0; -webkit-flex-basis: 80%; }
	#featureblock .feature h2 { box-shadow: none; }
	#featureblock .feature:first-of-type h2 { box-shadow: inset 0 12px 14px -14px black;}
	section.withfeature {	padding-bottom: 650px; }
	section img { float: none !important; max-width: 100%; height: auto;  }
}
@media only screen and (max-width: 550px)  { 
	section.withfeature {	padding-bottom: 750px; }
	#landing { display: block; }
	.landingitem {	margin: 10px auto; width: 90%; height: auto; }
.landingitem img {	width: 100%; 	height: auto; }
  .landingitem h2 { padding-top: 90px; }

.quote { 	width: 80%;} 
.productbrief { border-right: none;  border-bottom: 1px solid #ccc; padding-top: 20px;}
#products { padding-left: 0; }

}

@media only screen and (max-width: 300px)  { 
#logo img { height: 50px; }


}