/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 22, 2014 */
@font-face { font-family: 'WebSymbols'; src: url("font/WebSymbols-Regular.otf") format("opentype"); src: url('font/websymbols-regular-webfont.eot'); src: url('font/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/websymbols-regular-webfont.woff') format('woff'), url('font/websymbols-regular-webfont.ttf') format('truetype'), url('font/websymbols-regular-webfont.svg#web_symbolsregular') format('svg'); font-weight: normal; font-style: normal; }
/* CSS reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
html,
body { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { border: 0; }
input { border: 1px solid #b0b0b0; padding: 3px 5px 4px; color: #979797; width: 190px; }
address,
caption,
cite,
code,
dfn,
th,
var { font-style: normal; font-weight: normal; }
ol,
ul { list-style: none; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
/* General Demo Style */
body { font-family: 'Jura', Arial, "Times New Roman", Times, serif; background: #111; font-weight: 400; font-size: 15px; color: #aa3e03; height: 100%; margin-bottom: 99px; }
.ie7 body { overflow: hidden; }
section a { color: #444; text-decoration: none; }
footer a { color: #666; text-decoration: none; margin-right: 10px; font-size: 12px; }
.container { position: relative; text-align: center; overflow: auto; height: 100%; }
.clr { clear: both; }

/*HEADER */
.container > header { padding: 30px 30px 10px 20px; margin: 0px 20px 10px 20px; position: relative; display: block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: left; }
.container > header h1 { font-family: 'Jura', Arial, "Times New Roman", Times, serif; font-size: 22px; line-height: 35px; position: relative; font-weight: 700; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding: 0px 0px 5px 0px; }
.container > header h1 span { font-weight: 700; display: block; font-size: 30px }

/*FOOTER */
.container > footer { color: #f8f8f8; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); position: fixed; bottom: 0px; display: block; background: #111; width: 100%; overflow: hidden; margin: 0; z-index: 100001; height: 40px; padding-top: 20px; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; }
footer:hover { height: 80px; }

.container > footer h2,
.container > footer h3 { font-family: 'Jura', Arial, "Times New Roman", Times, serif; }
.container > footer h3 { font-size: 18px; padding-bottom: 20px; }
.container > footer p { font-size: 12px; }
.container > footer a { margin-top: 8px; }
.container > footer a:hover { color: #ccc; }

/* Media Queries */
@media screen and (max-width: 767px) {
.container > header { }
}
 @media screen and (min-width:240px) and (max-width:568px), screen and (min-device-width:240px) and (max-device-width:568px) {
.container > header { padding: 30px 10px 30px 37px; margin: 0; background: #111 }
.container > header h1 { font-size: 16px; line-height: normal; font-weight: 400; color: #999 }
.container > header h1 span { margin-bottom: 10px; display: block; font-size: 22px; color: #fff; font-weight: 700; }
.container > header h2,
p.info { font-size: 14px; margin-top: 30px; display: block; }
.container > footer { font-size: 16px; }
.container > footer h3 { font-size: 14px; margin-top: 10px; }
.container > footer a { display: block; }
.inspiration { }
footer:hover { height: 280px; }
#accordion { margin: 10px 10px 100px 10px; width: auto; }
}