@import url("fonts/droidsans.css");
@import url("fonts/texgyre.css");

@font-face {
    font-family: bodyfont;
    src: url(fonts/Asap-Regular.ttf);
}

@font-face {
    font-family: mainheadingh1;
    src: url(fonts/Cantarell-Bold.ttf);
}

@font-face {
    font-family: handwriting;
    src: url(fonts/qp.otf);
}

* {
	padding:0;
	margin:0;
}
.clear {
	clear:both;
}
.clear:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
html {
	 background:#FAFAFA url(images/htmlbg.jpg) repeat; 
	width:100%;
	height:100%;
}
body {
	/* DISABLED TOP BACKGROUND background:url(images/topbg.jpg) repeat-x; */
	font-family :'DroidSansRegular', Verdana, Geneva, sans-serif;
	font-size:62.5%;
	color:#5a5143;
}
a, a:link, a:visited, a:active {
	color:#1c5f75;
}

.normaltext {
	font-size:15px;
        font-family:bodyfont;
}

.salespush {
	font-size:35px;
        font-family:bodyfont;
}


#wrap {
	width:1032px;
	margin:0 auto;
	padding-top:0px;
}
h1, h2, h3 {
	font-family:'mainheadingh1', Arial, sans-serif;
        color:#646464;
}
h4, h5 {
	font-family:"mainheadingh1", Arial, Helvetica, sans-serif;
        color:#646464;
}
nav, section, header, footer, article {
	display:block;
}
#mainnav {
	height:100px;
        /*position:fixed;*/
      }
#homeheader {
	background:url(images/mainheader.png) no-repeat;
	height:330px;
}
#page {
	width:962px;
	margin:auto;
	padding:0 20px;
}
.mainheading {
	background:url(images/graybgtop.gif) center bottom no-repeat;
	height:60px;
	line-height:60px;
	text-align:center;
	margin:0 0 1px 0!important;
	color:#251f1b!important;

}
.introhead {
	font-size:1.7em;
}
#introcol {
	background:url(images/introcolsbg.jpg) no-repeat;
	height:211px;
}
#introcol .leftcol {
	width:270px;
	padding:25px;
	float:left;
}
#introcol .rightcol {
	width:265px;
	padding:25px;
	float:right;
}
#introcol .midcol {
	margin:0 320px 0 330px;
	padding:25px 20px;
}
#content p {
	font-size:1.3em;
	line-height:1.8em;
        font-family:bodyfont;
}
#introcol h3 {
	font-size:2.0em;
	color:#d35537;
	text-shadow:#fff 1px 1px 1px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#fourcols .col {
	width:195px;
	float:left;
	padding:20px 22px;
	margin-bottom:15px;
}
#fourcols h3 {
	font-size:1.6em;
	color:#1c5f75;
	margin-bottom:15px;
}
#content a {
	text-decoration:none;
}
a:hover, #content a:hover {
	color:#d35537;
	text-decoration:underline!important;
}
footer {
	background:#504842 url(images/bottombg.jpg) repeat-x;
	color:#666;
}
#mainnav h1 {
	float:left;
	padding:20px 0 0 25px;
	font:bold 3.2em '', Arial, sans-serif;
	color:#d35537;
	text-shadow:#fff 1px 1px 1px;
	text-transform:uppercase;
}
#mainnav h1 span {
	font-weight:normal!important;
	color:#191512!important;
}
#mainnav ul {
	float:right;
	width:650px;
	font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif;
	padding-top:25px;
}
#mainnav ul li {
	display:inline;
	text-shadow:#fff 1px 1px 1px;
}
#mainnav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	margin:0 10px;
	padding-bottom:5px;
}
#mainnav ul li a:hover {
	color:#d35537;
	text-decoration:none!important;
}
#mainnav ul li.active a {
	color:#d35537;
	border-bottom:solid 3px #191512;
	text-decoration:none;
}
#homeheader h2 {
	display:block;
	width:450px;
	float:left;
	padding:85px 0 0 40px;
	color:#fff;
	font:normal 1.4em 'DroidSansRegular', Verdana, Geneva, sans-serif;
	line-height:1.8em;
}

#homeheader h1 {
	display:block;
	width:450px;
	float:left;
        font-family:handwriting;
	padding:85px 0 0 40px;
	color:#303030;
	font:normal 1.6em 'bodyfont', Verdana, Geneva, sans-serif;
	line-height:1.8em;
}


#homeheader h1 span {
	display:block;
	font:bold 1.8em 'mainheadingh1', Arial, sans-serif!important;
	color:#89260f;
	text-shadow:#f98465 1px 1px 1px;
	line-height:1em!important;
	margin-bottom:20px;
}

#homeheader h2 span {
	display:block;
	font:bold 1.6em 'mainheadingh1', Arial, sans-serif!important;
	color:#89260f;
	text-shadow:#f98465 1px 1px 1px;
	line-height:1em!important;
	margin-bottom:20px;
}
#homeheader .headerimg {
	float:right;
	padding:55px 80px 0 0;
}
#bottom {
	width:960px;
	margin:auto;
	padding:30px 0;
	text-align:center;
        font-size:15px;
        font-family:bodyfont;
}
#credits {
	background:#2d2724;
	padding:10px;
	text-align:center;
	color:#ccc;
        font-size:13px;
        font-family:bodyfont;
        
}
footer a, #bottom a, #credits a {
	color:#fff;
	text-decoration:none!important;
}
.normalpage {
	background:url(images/normalpagebg.png) center top no-repeat;
	padding-top:13px;
}
.normalpage .subhead {
	background:url(images/graybgtop.gif) center bottom no-repeat;
	height:60px;
	line-height:60px;
	text-align:center;
	margin:0 0 1px 0!important;
	color:#251f1b!important;
}
.subhead h2 {
	font-size:1.8em!important;
}
.post {
	padding:10px 25px;
	background:url(images/graybgtop.gif) center bottom no-repeat;
	margin-bottom:15px;
}
.post h3 {
	font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif;
	color:#d35537;
	margin-bottom:15px;
}
.post p {
	margin-bottom:15px;
}
.imageholder {
	float:left;
	width:258px;
}
.imageholder img {
	display:block;
	background:#fff;
	padding:5px;
	border:solid 1px #ccc;
}
.entry {
	width:640px;
	float:right;
}
.normalpage #fourcols h3 {
	color:#d35537!important;
}

.boldheadings {
font:normal 1.4em 'DroidSansRegular', Verdana, Geneva, sans-serif;
font-weight:bold;
margin-bottom:10px;
}

.bigh2 {
font-family:bodyfont;
font-size:35px;
color:#F44336;
margin-top:10px;
}

#feedback { 
  height: 104px; 
  width: 104px; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a { 
  display: block; 
  background: #f00; 
  height: 15px; 
  width: 110px; 
  padding: 8px 16px;
  color: #fff; 
  font-family: bodyfont,Arial, sans-serif; 
  font-size: 17px; 
  font-weight: bold; 
  text-decoration: none; 
  border-bottom: solid 1px #333;
  border-left: solid 1px #333;
  border-right: solid 1px #fff;
}

#feedback a:hover { 
  background: #06c; 
}

.textbox{
  height:50px;
  width:100%;
  border-radius:2px;
  border:#646464 1px solid;
  box-sizing:border-box;
  padding:10px;
  margin-bottom:30px;
font-size:18px;
font-family:bodyfont;
font-weight: bold;
color:#646464;
}

.textbox:focus{
  outline:none;
   border:#F44336 2px solid;
   color:#F44336;
}


.submitbutton{
  height:50px;
  width:100%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:10px;
  margin-bottom:30px;
  background:#F44336;
  color:#FFF;
  font-family:bodyfont;
  font-weight:bold;
  font-size: 20px;
  transition:background .4s;
  cursor:pointer;
}

.submitbutton:hover{
  background:#E53935;
  
}

.contactformheading {
padding-top:5px;
vertical-align:middle;
height:50px;
width:350px;
font-family:bodyfont;
font-size:25px;
color:#FFFFFF;
background:#646464;
}
.contactform{
text-align:center;
border: 1px solid #ccc;
width: 350px;
padding: 0px 70px 15px;
box-shadow: 0 0 10px;
border-radius: 6px;
float:left;
}