﻿html { font-size: 100%; }
body {
	/* sans-serif font-family:   'droid_sansregular', Calibri, Helvetica, Arial, FreeSans, sans-serif; */
	color: #4b423a;
}

a:focus {	outline: 1px dotted invert; }

@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* serif for titles */
@font-face {
    font-family: 'benthamregular';
    src: url('fonts/bentham-webfont.eot');
    src: url('fonts/bentham-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bentham-webfont.woff') format('woff'),
         url('fonts/bentham-webfont.ttf') format('truetype'),
         url('fonts/bentham-webfont.svg#benthamregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'notoswald';
    src: url('fonts/notoswald-regular-webfont.eot');
    src: url('fonts/notoswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notoswald-regular-webfont.woff') format('woff'),
         url('fonts/notoswald-regular-webfont.ttf') format('truetype'),
         url('fonts/notoswald-regular-webfont.svg#notoswald') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* for business name */
@font-face {
    font-family: 'notgreatvibes';
    src: url('fonts/notgtvibes-webfont.eot');
    src: url('fonts/notgtvibes-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notgtvibes-webfont.woff') format('woff'),
         url('fonts/notgtvibes-webfont.ttf') format('truetype'),
         url('fonts/notgtvibes-webfont.svg#notgreatvibes') format('svg');
    font-weight: normal;
    font-style: normal;
}


hr { 	border-color: #ccc; 	border-style: solid; 	border-width: 1px 0 0; 	clear: both; 	height: 0; }

/* anchors ------- */
a, a:hover {	color: #917962; 	text-decoration: none;  }
p a:link, p a:visited, .sectionaside li a:link, .sectionaside li a:visited  { color: #917962; text-decoration: none; 
border-bottom: 1px dotted #917962; }
p a:active, p a:hover, .sectionaside li a:active, .sectionaside li a:hover {  color: #881229; text-decoration: none; 
border-bottom: 1px solid #881229; }
p a.noborder:link, p a.noborder:visited, p a.noborder:active, p a.noborder:hover,
a.noborder:active, a.noborder:hover 
{  text-decoration: none; border-bottom: 0px solid #fff; }

/* Headings */
h1 { font-size: 2.4em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.25em;}
h5 { font-size: 1.125em; font-weight: bold;}
h6 { font-size: 1em; font-weight: bold; }
h1, h2, h3, h4, h5, h6 {color: #7a6a5a; margin: 0.5em 0 0 0; font-family: 'notoswald', helvetica, verdana, sans-serif;}
h1, h2, h3, h4 { font-weight: normal;}
h1.nomargintop, h2.nomargintop, h3.nomargintop {  margin-top: 0;  }

h2 { font-family:  'notoswald', helvetica, arial, sans-serif  ;
color: #7a6a5a; border-bottom: 1px dotted #aaa099; font-size: 1.8em; line-height: 34px; /*height: 40px; */ margin: 0 0 0.5em 0; padding: 0 0 4px 0;	letter-spacing: 0px; }
h3 { font-family:  'notoswald', helvetica, arial, sans-serif  ;
color: #7a6a5a; border-bottom: 1px dotted #aaa099; font-size: 1.6em; line-height: 34px; /* height: 40px;*/  margin: 0 0 0.5em 0; padding: 0 0 4px 0;	letter-spacing: 0px; }

p.summary  {  margin: 1em 0; border: 1px solid #cccccc; display: block; padding: 0.6em;   }


/* my p li settings */
p,   li,  label, input, legend, textarea, th, td,  .hastext {
font-family:   arial, sansserif; 
  font-size: 0.9em; line-height: 1.4em;   text-align: left;             }
p {   margin: 0 0 1em 0;   }
p, li { 	}

h2#branding { /* display: none; text-indent: -999em; */ 	 font-size: 50px; line-height: 100%;
margin: 0 0 1% 0;
font-family:   Bauhaus 93;
	font-weight: normal;
	letter-spacing: 0px;
	text-align: center;
	color: white;
	font-style: normal;
	background: transparent;
	padding:0px 0px;
border: 0px solid #333; 
}
h1#subbranding { color: lime;
	font-family:  Arial, Helvetica, sans-serif,  serif;
	font-weight:bold;
	font-size: 32px;
	line-height: 125%;
	font-style: italic;
	text-align:center;
		letter-spacing: 1px;
	margin:0px 2% 1% 2%;
	
}
.sectiondivision h3, .sectiondivision h4, .sectiondivision-h h3, .sectiondivision-h h4  { margin-top: 0.5em;  margin-bottom: 0.5em ;   border-bottom: 0px solid #770000;   }
.sectiondivision-h h3, .sectiondivision-h h4  {  margin-top: 0; padding: 6px 0; border-top: 1px solid #888077;   }

p.brandcontactdetails { /*display: block; position: absolute; bottom: 0; right: 0; */  color: #ccc; letter-spacing: 0em; text-align: right; margin: 18px  0px 0 0; border: 0px solid #990000; font-size: 14px; line-height: 14px; }
p.brandcontactdetails-right { display: inline-block; float: right;   color: #ccc; letter-spacing: 0em; text-align: right; margin: 24px  0px 0 0; border: 0px solid #990000; font-size: 0.9em; padding: 0px 0 0 0; line-height: 100%; }
p.brandcontactdetails-vtop { display: inline-block; float: right;   color: #ccc; letter-spacing: 0em; text-align: right; margin: 0px  0px 0 0; border: 0px solid #990000; font-size: 0.9em; padding: 0px 0 0 0; line-height: 100%; }
p.brandcontactdetails-vtop a, p.brandcontactdetails-vtop a:hover {  color: #ccc;}
a.button.smallbutton, p.brandcontactdetails, p.brandcontactdetails-right, p.brandcontactdetails a {   color: #c6bfb7; }

p a.headerbutton {    display: inline; margin-top: 0px; padding: 4px 8px; 
color: #eeeeee; background-color: #886A47;  border-color: #322f2b; font-size: 0.9em; 
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
line-height: 100%;
border-width: 1px;
border-style: solid; }
a.headerbutton:hover {   color: #881229;   }



.sectionaside ul{   margin: 0 0 1em 0em; padding: 0;  }
.sectionaside li {   list-style: none;   margin: 0 0 0.2em 0; padding: 0 0 0 0.8em;    line-height: 1.6em; background: url(../img/bulletbrown.png) no-repeat 0px 0.6em; }

p.more {clear: both;  font-style: italic; text-align:  center; margin: 10px 0;
}
p.more a { border: 1px solid #666055; background: #888077; color: #ffffff;padding: 3px 10px;font-weight: normal;
border-radius:4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
p.more a:hover { border: 1px solid #111106; background: #2a221c; color: #ffffff;}


#footermain, #footermain p, #footermain a, #footermain h3 { color: #80735e; }
#footermain h3 {  font-weight: normal; border-bottom: 1px dotted #80735e; }
#footermain p a:link, #footermain p a:visited /*, #footermain li a:link, #footermain li a:visited */ { color: #80735e; text-decoration: none; 
border-bottom: 1px solid #80735e; }
#footermain p a:active, #footermain p a:hover/*, #footermain li a:active, #footermain li a:hover */ {  color: #fff; text-decoration: none; 
border-bottom: 2px solid #ccc; }


#footermain p { line-height:1.3em;padding-left: 0px; }
#footermain ul { list-style-type:none; margin: 10px 0; padding: 0; }
#footermain li { padding:4px 0 4px 30px;border-top:0px solid #423a2e; border-bottom:1px solid #423a2e; line-height: 2em; background: url(../img/bullettrig.png) no-repeat 10px 10px;}
#footermain li.top {border-top:1px solid #423a2e;}
#footermain li.bottom {border-bottom:0; background:none;}
#footermain li a { font-weight:bold;border-bottom: none; }
#footermain li a:hover { border-bottom: none; color:#fff;}

#vbottom p { line-height: 23px;display:inline; font-size:70%;margin:0;padding:0;}
#vbottom a, #vbottom p {  color:#5f523d;}

p.price { display:inline; float: left; text-align: right; line-height: 42px; font-size: 23px; padding: 0 0.6em; color: #fff; font-weight: bold; background: #4974bd url(../img/pricebg.png) repeat-x; 
	border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; 
					box-shadow: 6px 6px 20px rgba(0, 0, 0, .5);
					-webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .5);
					-moz-box-shadow: 6px 6px 20px rgba(0, 0, 0, .5);
}

/* Foundation buttons */
.sectionaside a.button , .button, a.button, #footerrow a.button {
font-family:   'droid_sansregular', Calibri, Helvetica, Arial, FreeSans, sans-serif;
font-size: 2em;
line-height: 100%;
display: inline-block; margin-top: 10px;
padding: 4px 8px; 
background-color: #ffffff;
border-color: #ffffff;
border-width: 1px;
border-style: solid;
/* color: #917962; */
/*border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; */
  }

a.button.smallbutton {   background-color: #494036;  border-color: #837d76; font-size: 16px; line-height: 16px;  
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

}
a.button.smallbutton.fright { float: right;   }
  
.button:hover, .button:focus,  a.button:focus, a.button:hover, a.button.smallbutton:hover  {  color: #ffffff;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}
    

@media only screen {
  button, a.button {

   /* -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; */
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, a.button:active {
   /*   -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; */}
}

a.bookbutton { clear: both; color: #ffffff; background:#524b40; display: inline-block; float: left; width: auto; line-height: 120%; font-size: 16px; padding: 4px 10px; font-family: georgia, serif;  text-align:center;margin:10px  1% 20px 0; font-weight: normal; 
border:1px solid #1b1815;	/* border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; */
box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
}

a.bookbutton:hover { 	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
					-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
					-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); }

.larger {font-size: 120%;}
.smaller {font-size: 60%;} 
.alignright {text-align: right;}
.italic { font-style: italic; }
p.center { margin: 0 auto; text-align: center; }
p.caption {   margin: 2px 0  20px 0;}
/* paragraphs, quotes and lists
----------------------------------------------- */

blockquote {
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
	font-size:110%;
	padding:1em 1em 1em 1em; margin: 0.5em 0; margin-left: 0;
 background: #2a2a2a; color: #eee;
}
blockquote cite {
	font-size:.9em;
}
@media screen and (max-width: 800px) {
	/*	h1#branding { 	font-size: 50px; 	height: 50px;  } */
}
@media screen and (max-width: 560px) {
/*
	a.button.headerbutton {  display: block; min-width: 140px; width: 140px; max-width: 140px; margin: 10px auto; text-align: center;   }
	 p.brandcontactdetails {  margin: 10px  auto;  }
	h1#branding, h2#subbranding, p.brandcontactdetails {  text-align: center; }
	
p.brandcontactdetails-right { display: block; float: none;  text-align: center; margin: 10px auto;  }
h2#subbrandingleft { 	text-align: center; margin-left: 10px; margin-right: 10px;  }
p a.headerbutton {     }
*/
}  

