@font-face {
    font-family: 'sofia_prolight';
    src: url('fonts/SofiaProLight-webfont.eot');
    src: url('fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SofiaProLight-webfont.woff2') format('woff2'),
         url('fonts/SofiaProLight-webfont.woff') format('woff'),
         url('fonts/SofiaProLight-webfont.ttf') format('truetype'),
         url('fonts/SofiaProLight-webfont.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
html { font-size: 100%; }
body { 	color: #dddddd;  }
body, th, td, input, textarea, select, option, label, legend, .hastext, p,  li, h1, h2, h3, h4, h5, h6 {  font-family:  'sofia_prolight', Calibri, "Segoe UI", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif  !important;
font-size: 1em; line-height: 1.5em;   text-align: left;             }
p {   margin: 0 0 1.2em 0;   }
p, li { 	}

a:focus {	outline: 1px dotted invert; }



hr { 	border-color: #ccc; 	border-style: solid; 	border-width: 1px 0 0; 	clear: both; 	height: 0; }

/* anchors ------- */
a, a:hover {	color: #ffffff; 	font-weight:normal; 	text-decoration: none; }
a:link, a:visited  { color: #ffffff; text-decoration: none; 
border-bottom: 1px dotted #ccc; }
a:active,  a:hover {  color: #fff; text-decoration: none; 
border-bottom: 1px solid #fff;  }
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: 2em;}
h1.maintitle, h2 { font-size: 1.6em;  }
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em; font-weight: bold;}
h6 { font-size: 1em; font-weight: bold; }
h1, h2, h3, h4, h5, h6 {color: #ffffff /*#bfb1a3 */ ; margin: 0.5em 0 0.5em 0;  line-height: 100%; padding-bottom: 0.3em; 
border-bottom: 0px solid #888077; border-top: 0px solid #888077;
 }
h1.maintitle, h2 {   border-bottom: 1px solid #cccccc;   }
h1, h2, h3, h4 { font-weight: normal;}
h1.nomargintop, h2.nomargintop, h3.nomargintop {  margin-top: 0;  }

p.summary  {  margin: 1em 0; border: 1px solid #cccccc; display: block; padding: 0.6em;   }

h2#subbranding { /* display: none;  text-indent: -9999em; */	display: block;  font-size: 18px; line-height: 140%;
margin: 0% 0 10% 0%;
	font-weight: normal;
	letter-spacing: 0px;
	text-align: left;
	color: #ffffff;
	font-style: normal;
	background: transparent;
	padding:0px 0px;
border: 0px solid #333; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.9);  
}
h2#branding { color: #ffffff;
	font-weight:normal;
	font-size: 40px;
	line-height: 140%;
	font-style: normal;
	text-align:left; border-bottom: 0;  
	margin: 1% 0 0 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}
p.contactdetails {  clear: both; display: block; position: absolute;  left: 0; bottom: 40px; text-align: left; margin: 0; color: #ffffff; font-size: 110%;  font-weight: bold;  }

.sectionaside ul{   margin: 0 0 1em 0em; padding: 0;  }
.sectionaside ul 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; }
.sectionaside ol li {   list-style-type: lower-alpha;  margin: 0 0 0.5em 0; padding: 0 0 0 0;    line-height: 1.4em;  }

p.more {clear: both;  font-style: italic; text-align: right; margin: 4px 0 10px 0;}
p.more a { border: 1px solid #333333; background: #4a4a4a; color: #ffffff;padding: 4px 14px;font-weight: bold; }
p.more a:hover { border: 1px solid #000; background: #161616; color: #ffffff;padding: 4px 14px;font-weight: bold; }


#footermain, #footermain p, #footermain a, #footermain h3 { color: #e0e2e1;  }
#footermain h3 {  font-weight: normal; border-bottom: 1px dotted #e4e1d2; }
#footermain p a:link, #footermain p a:visited /*, #footermain li a:link, #footermain li a:visited */ { color: #c9cdca; text-decoration: none; 
border-bottom: 1px solid #c9cdca; }
#footermain p a:active, #footermain p a:hover/*, #footermain li a:active, #footermain li a:hover */ {  color: #fff; text-decoration: none; 
border-bottom: 1px solid #ffffff; }


#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: 140%;  font-size: 90%;margin:0;padding:0;}
#vbottom a, #vbottom p {  color:#c6cecb;}

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-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.button2 {
	display: inline-block;
	cursor: pointer;
	margin: 5px 0 15px 0;
	padding: 5px 13px;
	border: 1px solid #6b7543;
	border-bottom-color: #616c33;
	color: white !important;
	font: bold italic 14px Georgia, Times, serif;
	text-align: center;
	text-shadow: 1px 1px 0 hsla(0,0%,0%,.6);
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #828c59; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #828c59),
					color-stop(1, #6b7543)
				);
	background: -moz-linear-gradient(
					center top,
					#828c59 20%,
					#6b7543 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

.larger {font-size: 120%;}
.smaller {font-size: 60%;} 
.alignright {text-align: right;}
.italic { font-style: italic; }
p.center { 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) {
h2#subbranding { display: block; font-size: 14px; line-height: 130%;
margin: 0 0 10% 0; text-align: center; }
		p.contactdetails {  font-size: 13px; bottom: 15px;  }
}
@media screen and (max-width: 560px) {
h2#subbranding {  display: none;  }
}