/*****ITEMS NOT TO PRINT*****/

/******PRINTABLE******/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, header{
margin:0;
padding:0;
border:0;
}
header, footer, section, nav, article {/*add any html5 elements you use*/
display: block;
}
body{
background:#fff;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#000;
}
#wrapper{
width:100%;
}
nav#main{
width: 100%;
text-align: center;
font-weight: 700;
text-transform: uppercase;
}
nav#main ul{
list-style-type:none;
}
nav#main li{
display: inline-block;
margin: 0 0.8em;
top: 0;
font-size:1em;
position: relative;
-moz-transition: top .15s ease-in-out;
-webkit-transition: top .15s ease-in-out;
-o-transition: top .15s ease-in-out;
-ms-transition: top .15s ease-in-out;
transition: top .15s ease-in-out;
}
nav#main li:first-child{
margin-left:0;
}
nav#main li:last-child{
margin-right:0;
}
nav#main li a{
position: relative;
display: block;
text-decoration: none;
color:#e7e1aa;
top: 3px;
padding: 3px 0.8em 3px 0.8em;
border-radius:6px;
-moz-transition: all .075s ease-in-out, color .03s ease-in-out;
-webkit-transition: all .075s ease-in-out, color .03s ease-in-out;
-o-transition: all .075s ease-in-out, color .03s ease-in-out;
-ms-transition: all .075s ease-in-out, color .03s ease-in-out;
transition: all .075s ease-in-out, color .03s ease-in-out;
}
nav#main li:hover{
top: -3px;
}
nav#main li.now:hover{
top:0;
}
nav#main a:focus{
outline:0;
color:#952255;
}
nav#main li:hover a{
background: #4fa3ad;
color: #fff;
box-shadow: 0 0 0 4px #4fa3ad, 0 6px 4px rgba(0,0,0,.5);
}
nav#main li.now a{
background: #8a2919;
color: #fff;
box-shadow: 0 0 0 4px #8a2919;
}
nav#main li.now a:focus{
color:#952255;
}

/********
HEADER
********/
header{
margin:10px 0 20px 0;
}
header h1{
font-family: 'Arvo', serif;
font-weight: 700;
color: #5ba8a8;
text-shadow: 0.05em 0.075em 0px rgba(0, 0, 0, 0.1);
font-size: 3.4em;
letter-spacing: 7px;
text-transform:uppercase;
}
header h1 a{
color: #5ba8a8;
text-decoration:none;
}
header h1 a:hover, header h1 a:focus{
color: #c3ba6d;
outline:0;
}
header h1 span.tag{
display:block;
color:#959595;
font-size:35%;
letter-spacing:-1px;
word-spacing:2px;
text-shadow: none;
font-weight:normal;
margin-left:-2em;
}

/********
WELCOME
********/
#welcome{
clear:both;
width:960px;
overflow:hidden;
margin:50px 0 50px 0;
background:#ededec;
padding:10px;
border-radius:10px;
}
#welcome .logo{
width:600px;
float:left;
text-align:left;
}
#welcome .logo h2{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.6em;
}
#welcome .logo p{
font-size:1.2em;
margin:5px 10px 5px 0;
line-height:1.3em;
color:#6b6b6b;
}
#welcome a{
color:#438288;
text-decoration:none;
}
#welcome a:hover, #welcome a:focus{
color:#952255;
}
#welcome ul{
width:250px;
float:right;
margin:15px 50px 10px 20px;
}
#welcome li{
list-style-type:none;
margin-bottom:20px;
text-align:left;
text-indent:20px;
}
#welcome li i{
text-indent:0;
}
#welcome li:last-child{
margin-bottom:0;
}
#welcome li a{
display:block;
text-decoration:none;
color:#fff;
background:#4fa3ad;
font-size:1.3em;
padding:6px 15px;
border-radius:0 25px 25px 0;
box-shadow: 0 0 4px rgba(0,0,0, .65);
}
#welcome li a:hover, #welcome li a:focus{
background: #c93261;
color: #fff;
}

/********
PRODUCTS
*********/
#products{
width:100%;
overflow:hidden;
margin:20px auto 40px auto;
}
.left, .centre, .right{
float:left;
width:296px;
margin:10px 10px 10px 10px;
background:#ededec;
border-radius:5px;
padding:5px 5px 10px 5px;
}
#products h2{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.4em;
letter-spacing:-.05em;
}
#products h2 span.sub{
display:block;
font-size:80%;
color:#7a7a7a;
text-transform:lowercase;
}
#products p{
font-size:1.1em;
margin:5px 10px 5px 0;
line-height:1.4em;
color:#585858;
text-align:justify;
}
#products img{
margin:10px 0;
box-shadow: 1px 1px 6px rgba(0,0,0,.3);
}
#products img:hover, #products img:focus{
box-shadow: 1px 1px 2px rgba(0,0,0,.3);
opacity:.8;
}
#products a{
color:#3a8384;
text-decoration:none;
outline:0;
}
#products a:hover, #products a:focus{
color:#952255;
text-decoration:underline;
}
#products a:focus img{
outline:1px solid #952255;
}
#products h2 a{
color:#4f676a;
text-decoration:none;
}
#products h2 a:hover{
color:#952255;
}

/*************
MAIN CONTENT
*************/
#main-content{
text-align:left;
}
#main-content h2{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.6em;
letter-spacing:-.05em;
margin:10px 0 5px -10px;
}
#main-content h3{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.3em;
letter-spacing:-.05em;
margin:20px 0 5px -10px;
}
#main-content p{
line-height:1.4em;
margin-bottom:10px;
color:#333;
font-size:1.1em;
}
#main-content ul{
margin-left:20px;
}
#main-content ul.awesome{
list-style-type:none;
}
#main-content li{
line-height:1.2em;
margin-bottom:5px;
color:#333;
font-size:1.1em;
}
#main-content ul.awesome{
margin-left:10px;
}
#main-content ul.awesome i{
padding-right:10px;
}
#main-content a{
color:#168382;
}
#main-content a:hover, #main-content a:focus{
color:#952255;
text-decoration:none;
}
/**********
FOOTER
**********/
footer{
overflow:hidden;
background:#e9e9e8;
margin:50px 0 20px 0;
padding:0;
}
#footwrap{
width:980px;
margin:0 auto;
}
footer h2{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.6em;
letter-spacing:-.05em;
margin:0 0 5px 0;
}
footer h3{
font-family: 'Open Sans Condensed', serif;
color:#4f676a;
text-transform:uppercase;
font-size:1.3em;
letter-spacing:-.05em;
margin:20px 0 5px -10px;
}

/************
FEEDBACK FORM
************/
#feedback{
width:450px;
float:left;
background:#e9e9e8;
text-align:left;
border-right:10px solid #f6f5f1;
padding:10px 0;
}
#feedback form{
width: 400px;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
padding:10px 15px;
margin:10px 0;
border-radius:5px;
}
#feedback label{
display:none;
}
#feedback input, #feedback textarea{
display:block;
width:80%;
padding:5px;
border-radius:5px;
border:1px solid #ccc;
margin-bottom:10px;
background:#f6f5f1;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
color:#5C5C5C;
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
#feedback input#AntiSpam{
display:inline-block;
width:50px;
}
#feedback input:focus, #feedback textarea:focus{
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
::-webkit-input-placeholder {
color:#807d72;}
::-moz-placeholder {color:#807d72;} 
:-moz-placeholder {color:#807d72;}
:-ms-input-placeholder {color:#807d72;
}
#feedback input#form_submit_button{
cursor:pointer;
margin-top:5px;
padding:2px 10px;
background:#c93261; 
border:none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
color:#f3f3f3;
font-size:1.1em;
}
#feedback input#form_submit_button:hover{
background:#ac3359;
color:#fff;
-webkit-box-shadow: inset 0px 1px 0px #9a2a4d, 0px 2px 0px 0px #912446, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #9a2a4d, 0px 2px 0px 0px #912446, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #9a2a4d, 0px 2px 0px 0px #912446, 0px 2px 5px #999;
}
#feedback input#form_submit_button:focus{
background:#4fa3ad;
color:#fff;
-webkit-box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #999;
}
.antispammessage{
font-size:.9em;
color:#555;
}
.formcredit{
text-align:right;
padding-top:10px;
font-size:80%;
color:#7e7e7e;
}
.formcredit a{
color:#826c73;
}
.formcredit a:hover, .formcredit a:focus{
color:#8b1b3e;
}
/******FOOTER NAVIGATION LINKS******/
nav#footnav{
width:450px;
float:right;
text-align:left;
margin:0 10px 0 30px;
padding:10px 0;
}
nav#footnav ul{
list-style-type:none;
}
nav#footnav li{
display:inline-block;
padding:5px 10px;
margin:0 0 10px 0;
line-height:1.3em;
font-size:1.2em;
color:#8a787d;
width:200px;
}
nav#footnav a{
text-decoration:none;
color:#6e6e6e;
position:relative;
}
nav#footnav li:hover, nav#footnav li:focus, nav#footnav a:hover, nav#footnav a:focus{
color:#912744;
}
/*****FOOTER NAVIGATION SOCIAL*****/
nav#social{
float:right;
margin:10px 20px 10px 0;
width:450px;
text-align:right;
}
nav#social ul{
list-style-type:none
}
nav#social li{
display:inline-block;
margin:0 20px 0 0;
font-size:1.4em;
}
nav#social a{
color:#888888;
position:relative;
padding:5px 10px;
}
nav#social a:hover, nav#social a:focus{
color:#912744;
top:-3px;
}

/*********
BASE
**********/
#base{
padding:20px 0 30px 0;
color:#3d444b;
font-size:.8em;
}
#base a{
color:#2d6f7f;
}
#base a:active, #base a:hover, #base a:focus{
color:#832436;
text-decoration:underline;
}

/*********************************************************************************/
/* FONT AWESOME ADDITIONAL STYLING                                                                     */
/*********************************************************************************/
.fa{
text-decoration: none;
}
#welcome .fa{
margin-right:5px;
}
i.fa{
margin-left:5px;
}
.fa.smaller{
font-size:70%;
}
header .fa.smaller{
font-size:60%;
position:relative;
top:-.5em;
margin-left:-15px;
top:-10px;
}
.fa-1half{
font-size:1.5em;
}