html {	color:#666;
  background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
body, html {
	margin:0;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
body {
	font-size:14px;
	font-weight:300;
	line-height:150%;
	/*font-family: 'EB Garamond', serif;*/
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.03em;
}

header { max-width:960px;margin-left:auto;margin-right:auto;min-height:100px;background: url(images/tran1.png) top left repeat;}

div.column {
	max-width:960px;
	margin:0px auto;
	background-color:#FFF;
}
div.column img {width: 100%;}

div.column-inner {float:left;width: 100%;margin-top:0px;background: url(images/tran1.png) top left repeat;}


p {font-family: Arial, Helvetica, sans-serif;text-align:justify;width:95%;}
h1{color:#889340;}
h2 {text-align:left;margin-left:8%;color:#889340}
.padding1 {padding:2%;}
.padding2 {padding:20px 0 10px 0;}
.padding3 {padding:0px 0 10px 0;}
.padding4 {padding-left:2%;}
.padding5 {padding:0 2% 2% 2%;}
.title { font-size:1.4em;font-weight:normal;margin:0;padding:0;color:#8c973e}
.title2 { font-size:1.2em;font-weight:normal;color:#ff6600}
.strong {color:#000;font-family: Arial, Helvetica, sans-serif; font-size:120%}
.strong2 {color:#06ccd5;font-family: Arial, Helvetica, sans-serif; font-size:120%}
.spacer {width:100%;padding-top:9px;margin-bottom:10px;border-bottom: 1px #7b2712 dashed;}
.tel {font-size:70%;padding-top:10px}
.nav {padding:0 5px 0 5px}
.nav a{ text-decoration:none}
.nav a:hover{ color:#7b2712;text-decoration:none}
.spacer2{width: 100%;border-top: 1px #7b2712 dashed;margin-top:4%;float:left;}
.press-container{float:left;width:100%;margin-bottom:2%;}
/*.contact-header{position:relative;width:350px;margin:0 auto}*/
.contact-header{float:left;width:100%;}
.margintop1 {margin-top:12px!important;}
.headertoprow{float:left;width:100%}
.headerbottomrow{float:right;width:95%;text-align:right;margin:-30px 5% 0 0;font-size:120%}
.topmargin {background-color:rgba(255,255,255,1.0);margin-top:2%;border-radius: 20px;}

.underline {
/*background-image:url(images/underline.png);
background-repeat:repeat-x;
background-position:0px 15px;
padding-bottom:5px;
color:#000;*/
background-color:#775959;
border-radius:3px;
color:#fff;
padding:10px;
}


ul.maindot 	{ 	line-height: 18px; list-style-type: none; padding: 0; margin: 20px 0 20px 0px;}
li.maindot 	{ 	background-image: url(images/dot.png); background-repeat: no-repeat; background-position: 15px 8px; padding: 5px 10px 5px 45px;text-align:left;font-style:italic}


/* Nav */
.nav1menu{float:right;width:100%;text-align:center;padding: 0 5px 0 5px;}

header nav {
float: left;
margin-top: 10px;
margin-bottom: 0px;
margin-left:-25px;
border:0px #f30 solid;
width:100%;
}
header nav ul { padding-left:0}

header nav li {
display: inline;
margin-left: 40px;
}
header nav a {color:#775959;text-decoration:none}
header nav a:hover {color:#333;text-decoration:none}


/* Logo H1 */
header h1 {
height: 200px;
width: 200px;
float: left;
display: block;
background-image:url(images/logo.png);
/*background-position:0 0;*/
background-position:center;
background-repeat:no-repeat;
text-indent: -9999px;
margin:20px 0 20px 0;
}

/*#wrapper {
float:left;
width: 80%;
max-width:1650px;
min-width:320px;
margin: auto;
}
#wrapper img {width: 100%;height: auto;}*/

#wrapper {
	min-height:100%;
	position:relative;
}

div.aff		 {		font-size:230%;
					color:#ff6600;
					padding-left:5px;
					clear:both;	
					margin-top:30px;
					line-height:40px;
}

.spacer {float:left;width:100%;height:9px;border-bottom:1px #ccc dotted;padding-bottom:10px;}


/* 1 column */
.onecol {
	width: 92%;
	margin:  0% 0% 0% 0%;
	float: left;
}
.onecol img {width: 100%;height: auto;}

.onecol2 {
	width: 92%;
	margin:  0% 0% 0% 0%;
	float: left;
}
.onecol2 img {width: 100%;height: auto;}
.onecol2 p {margin-left:8%}

/* 2 column */
.twocolA {
	float: left;
	width: 45%;
	margin:  2% 0% 0% 0%;
	border:0px #f30 solid;
}
.twocolB {
	float: right;
	width: 46%;
	margin:  2% 0% 0% 2%;
	border:0px #f30 solid;
}

/* 2 column */
.twocolAA {
	float: left;
	width: 37%;
	margin:  5% 0% 0% 0%;
	border:0px #f30 solid;
	padding-left:7%;
}
.twocolAA p {margin-left:8%}
.twocolBB {
	float: right;
	width: 46%;
	margin:  2% 0% 0% 2%;
	border:0px #f30 solid;
}

/* 4 column */
.fourcol {
	float: left;
	/*width: 23.29%;*/
	width:40%;
	margin:  2% 1% 0% 5%;
	border:0px #f30 solid;
}
.fourcol p {margin:0 0 5px 20px;font-size:100%;color:#000;}
.fourcol a {margin:0 0 5px 20px;padding:0px;font-size:100%;color:#ccc;text-decoration:none;}
.fourcol a:hover {color:#fff;text-decoration:none;}


.begin { margin-left: 5%;}
.end { margin-right: 0%;}

.footer{float:left;width:100%;min-height:100px;background-color:#40480d; padding-bottom:2%;border-radius:0 0 20px 20px;}
.footer p {color:#fff}
#paginationfooter{ 	float:left;width: 100%;min-height:100px;background-color:#40480d;padding-bottom:30px;border-top:1px #775959 solid;}
#footercontent {
width: 100%;
margin: auto;
color:#fff;
padding:10px 0 30px 0;
}
#footercontent img {width:40px;padding:0px 0px 0 20px}
#footercontent a {margin:0 0 5px 20px;padding:0px;font-size:100%;color:#ccc;text-decoration:none;}
#footercontent a:hover {color:#fff;text-decoration:none;}

div.folio_thumbs2 {
	float: left;
	width: 100px;
	margin-left:0%;
}

div.folio_thumbs2 img {
	display:inline;
	margin-right:20px;
	border: 0px #ccc solid;
}

div.folio_thumbs2 a {
   outline: none;
}

.testimonials{
	width:100%;float:left;margin-top:2%;
}

button {
  	color:#333;
	font-family: 'EB Garamond', serif;
	font-size:1em;
	letter-spacing:0.07em;
  padding:5px 0 5px 0;
  border:none;
  background-color:#fff;
  cursor:pointer;
 }
button:hover {text-decoration:underline }

.row {float:left;width:100%;margin-bottom:20px;border:0px #f30 solid;}
.row a {color:#8c973e;text-decoration:none;}
.row a:hover {color:#7b2712;text-decoration:none;}

.quotes {display: none;}
#quote{color:#775959;line-height:150%;font-style:italic;font-size:90%}
.initials{font-size:85%;}

.gallery-item{
	float:left;
	width:29.333%;
	margin:2% 4% 0% 0%;
}

.heading20 {display:inline-block; height:30px; width:100%; margin-left:8%;background:url("images/arrow-right2.png"); background-repeat:no-repeat; line-height:30px; border:0px #f30 solid;margin-bottom:10px}
.heading20.open{background:url("images/arrow-down2.png");background-repeat:no-repeat;}
.heading20 a {font-size: 130%; color: #666; text-decoration: none;}
.heading20 p {display:inline;line-height:30px;margin:20px 0 20px 50px;}
.heading20 img {display:inline;vertical-align:middle;margin-right:20px;margin-top:-6px}
.content20 {display:none;width:80%;margin-left:8%;/*background-color:#f1f1f1;*/padding:10px;border-radius: 10px 10px 10px 10px;	}
.content20 p {padding:3%;}
.content20 ul { line-height: 1.4em; list-style-type: none; padding: 0; margin: 5px 0 0 40px;font-size:1.4em;}
.content20 li { background-image: url(images/dot.png); color:#a34816;background-repeat: no-repeat; background-position: 0 5px; padding: 0 0 5px 25px;}


table.pricetable {
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.pricetable th {
	text-align:left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.pricetable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/* Media Queries */
@media screen and (max-width: 480px) {
header nav {
float: left;
clear: left;
margin: 0 0 0px;
width: 100%;
}
header nav li {
margin: 0;
background: #f1f1f1;
display: block;
margin-bottom: 3px;
margin-left:0px;

}
header nav a {
display: block;
padding: 10px;
text-align: center;
color:#666;
}
}


@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
.onecol { width:96%}
.twocolA {width:96%}
.twocolB {width:96%}
.twocolAA { width:96%}
.twocolBB { width:96%}
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
.onecol { width:96%}
.twocolA {width:96%}
.twocolB {width:96%}
.twocolAA { width:96%}
.twocolBB { width:96%}
.fivecol {width:100%}
.gallery-item{width:96%;margin:2%}
.contact-header{font-size:0.9em;width:100%;text-align:center;}
.contact-header img{margin-left:0px!important;}
.centre{text-align:center}
.footer1{float:left; width:98%;margin-left:2%;text-align:center;}
.footer2{float:left; width:98%;margin-left:2%;margin-top:2%;text-align:center;}

}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
.topmargin {margin-top:0%;}
div.column {width:96%;margin:25px auto;padding:0 2% 0 2%}
.onecol { width:96%}
.onecol2 { width:96%}
.onecol2 p {margin-left:2%}
.twocolA {width:98%}
.twocolB {width:94%;margin-left:3%}
.twocolAA { width:96%}
.twocolBB { width:96%}
.fourcol {width:100%}
.fourcol p {font-size:100%;}
.fourcol a {font-size:100%;}
.well {width:90%;}
#footercontent img {padding:20px 0px 20px 20px}
.padding1 {padding:2%;}
header h1 {margin:5px 0 20px 2%;}
.spacer {display:none;}
div.aff	{font-size:150%}
.gallery-item{width:96%;margin:2%}
.contact-header{font-size:0.9em;width:100%;text-align:center;}
.contact-header img{margin-left:0px!important;}
.centre{text-align:center}
.footer1{float:left; width:98%;margin-left:2%;text-align:center;}
.footer2{float:left; width:98%;margin-left:2%;margin-top:2%;text-align:center;}
.headerbottomrow img{max-width:98%}
.headerbottomrow{float:left;width:100%;text-align:left;margin:20px 0 0 0}
h2 {margin-left:2%;}
.heading20 {margin-left:2%;}

}