/*
Theme Name: CREATIVE CREATURES
Version: 1.0
Description: Custom website for Creaive Creatures
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/
html {height:100%;}
body {margin:0px; padding:0; line-height:1.5em; height:100%; background:#8ba4a8 url(images/bg3.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
body,td,th {/*color:#fff;*/ color: rgba(255,255,255,0.7); font-family: 'Corben', cursive; font-size: 14px; font-weight: 700;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, p, span {padding:0; margin:0; text-decoration:none; font-weight:700; list-style:none; border:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0; padding: 0;}
img { margin: 0 0 -7px 0; padding:0; outline:none; border:0;}
h1, h2, h3, h4, h5, h6 { line-height: 1.2em;}

input[type="button"],input[type="submit"] {-webkit-appearance: none;}
a { /*color:#cf483e;*/ color: #fff; outline:none; text-decoration:none; cursor:pointer;}
a:hover { color:#ec2415;}
.clear {clear:both;}
.gap { height: 20px;}
.hidden { overflow: hidden;}
::selection {background: #f1f1f1; color:#333;}
::-moz-selection {background: #f1f1f1; color:#333;}
*:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}

/************************************/
/*************** MAIN ***************/

#content { padding: 40px 0; width:800px; margin:0 auto;}
.copyright { position:fixed; bottom: 0; right: 0; font-size: 10px; padding: 10px; color: rgba(255,255,255,0.5); font-family: sans-serif; font-weight: 400;}
.copyright a { color: rgba(255,255,255,0.7); font-weight: 400;}

.facebook { position: absolute; top: 15px; right: 15px;}
.instagram { position: absolute; top: 15px; right: 130px;}

#footer { background: #fff; display: block; padding: 40px 0;}
.logos { text-align: center; max-width: 1100px; margin: 0 auto;}
.logos li { display: inline-block; width: 140px; height: 80px;}
.logos li a { display: block;}
.logos li img {}

/************************************/
/*************** MENU ***************/

#menu { padding: 15px 100px 11px 0; width:800px; margin:0 auto; position: relative;}
#menu ul { text-align: center;}
#menu ul li { display: inline-table; position: relative;}
#menu ul li a { font-family: 'helvetica', arial; font-weight: 300; font-size: 13px; margin:0 10px; line-height: 1em; color: #fff; display: block; text-transform: uppercase;}
#menu ul li a:hover {}
#menu ul li.current-menu-item a, #menu ul li.current-menu-parent a {}
#menu ul li.hover a {}
/*#menu ul li a:after { content: "/"; position: absolute; right: -2px; top: 0;}
#menu ul li:last-child a:after {content: "";}*/

/************************************/
/*********** TEXT STYLING ***********/

.text { line-height:1.5em; display:block; text-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.text p { padding:0 0 18px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 20px;}
.text a {}
.text h6 { font-size:14px; font-family: Arial; font-style:normal; line-height: 1.3em;}
.text h5 { font-size:14px; line-height:1.6em;}
.text h4 { font-size:16px;line-height:1.6em; color:#99cc00}
.text h3 { font-size:24px;}
.text h2 { font-size:80px; color:#e51a05; padding: 30px 0; }
.text h1 { font-size:36px;}

.wpcf7 span.wpcf7-form-control-wrap {display: block;}
input, textarea { margin:0; padding:10px 5%; border:none; background:#fff; border: 1px solid #ddd; color:#333; width: 90%; font-size:14px; font-family:'Sintony', sans-serif !important; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px;}
textarea { height:120px; }
input:focus, textarea:focus { background:#f9f9f9;}
input[type="button"],input[type="submit"] { width:auto; border:none; background:#fff; color:#999; border: 2px solid #999; font-size:14px; cursor:pointer; t