/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.btnstyle {
	padding: 10px;
	background: #777;
	border-bottom: 2px solid #fa6500;
	text-align: left;
	font-size: 120%;
	letter-spacing: .05em;
}
.btnstyle a {
	color: #fff;
}


/* #Page Styles
================================================== */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #fa6500; /* Set a background color */
  color: #fff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 50px; /* Rounded corners */
  font-size: 30px; /* Increase font size */
}

#myBtn:hover {
  background-color: #ff700f; /* Add a dark-grey background on hover */
}

.wrapper {
   
   width:100%;
   margin:0 auto;
   position:relative;
   padding: 0;
}
.wrapper p { font-size: 120%; color: #fa6500; }
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
   font:400 12px/12px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
   padding:0;
}
#contact-form h3 {
   color:white;
   display:block;
   font-size:28px;
   padding-top: 10px;
}
#contact-form h4 {
   margin:5px 0 15px;
   display:block;
   font-size:13px;
}
#contact-form label span {
   cursor:pointer;
   display:block;
   margin:5px 0;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
   width:100%;
   box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
   -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
   -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
   border:1px solid #CCC;
   margin:0 0 5px;
   padding:10px 5px 10px 5px;
   border-radius:2px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
   -webkit-transition:border-color 0.3s ease-in-out;
   -moz-transition:border-color 0.3s ease-in-out;
   transition:border-color 0.3s ease-in-out;
   border:1px solid #AAA;
}
#contact-form textarea {
   height:100px;
   max-width:100%;
}
#contact-form button[type="submit"] {
   cursor:pointer;
   width:100%;
   border:none;
   background: #fa6500;
   color:#FFF;
   font-size: 120%;
   letter-spacing: .1em;
   margin:15px 0 30px;
   padding:20px;
   border-radius:2px;
   text-shadow: none;
}
#contact-form button[type="submit"]:hover {
   background: #d05400;
}
#contact-form button[type="submit"]:active {
   box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
   outline:0;
   border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/