/* ALL IMPORTS */
@import url(http://fonts.googleapis.com/css?family=Signika:400,300,600,700);

/* COMMON */
body,html { margin: 0; padding: 0; height: 100%; }
body { font-family: 'Myriad Pro', sans-serif; font-size: 14px;  color: #fff; line-height: 1.4; }
body { background: #aaaaa8; }



h1,h2,h3 { font-family: 'Myriad Pro', sans-serif; }
h1 { font-size: 18px; color: #6a6b6b;  }
h3 { font-size: 15px; color: #6a6b6b; font-weight: 700; }
h4, h4 a { font-size: 15px; color: #ea0402; margin-bottom: 5px; }
h4 a:hover { color: #ab0807; text-decoration: none; }
  
header { background: #aaaaa8; border-bottom: 5px solid #fff; }

.page { background: #fff; }

.logo { margin: 0 0 0 -1%; padding: 0; width: 102.2%;  }
.grayBg { background: #ababaa; }

.sf-menu { margin: 0; }
.sf-menu a { font-family: 'Myriad Pro', sans-serif; font-size: 12px; color: #fff; }
.sf-menu a { padding: 10px 16px; border: none;  }
.sf-menu a:hover, .sf-menu a:hover, .sf-menu a:focus { text-decoration: none; outline: none; background: #9d7504; }
.sf-menu li { background: none; }
.sf-menu > li:last-child { margin-right: -10px; }

.fordermaNav .sf-menu { margin: 0 6px; padding: 0; }
.fordermaNav .sf-menu a { font-family: 'Myriad Pro', sans-serif; font-size: 12px; color: #fff; }
.fordermaNav .sf-menu a { padding: 10px 16px; border: none; }
.fordermaNav .sf-menu a:hover, .sf-menu a:hover, .sf-menu a:focus { text-decoration: none; outline: none; background: #9d7504; }
.fordermaNav .sf-menu li { background: none; }
.fordermaNav .sf-menu > li:last-child { margin-right: -10px; }

.fordermaNav .sf-menu li ul  { background: #9d7504; }
.fordermaNav .sf-menu li ul li { border-bottom: 1px solid #fff; width: 220px;}

.forpublic .sf-menu { margin: 0 6px; padding: 0; }
.forpublic .sf-menu a { font-family: 'Myriad Pro', sans-serif; font-size: 12px; color: #fff; }
.forpublic .sf-menu a { padding: 10px 16px; border: none; }
.forpublic .sf-menu a:hover, .sf-menu a:hover, .sf-menu a:focus { text-decoration: none; outline: none; background: #9d7504; }
.forpublic .sf-menu li { background: none; }
.forpublic .sf-menu > li:last-child { margin-right: -10px; }

.forpublic .sf-menu li ul  { background: #9d7504; }
.forpublic .sf-menu li ul li { border-bottom: 1px solid #fff; width: 220px;}



.navigation { background: #dcdcd9; padding: 10px 0;}
.navigation .nav-item { background: #b48603; border-right: 1px solid #fff; padding: 10px 0; min-height: 100px; }
.navigation .nav-item.last { border: none; }
.navigation .nav-item h3 { color: #fff; margin: 0 0 5px 10px; padding: 0; }
.navigation .nav-item .menu { line-height: 14px; }
.navigation .subnavigation { background: #e0a701; padding: 10px; }

.alphaDerma { margin: 0 0 30px; padding: 0 0 30px; }
.alphaDerma li a { color: #9b6314!important; }
.alphaDerma li a:hover { color: #774a0b!important; text-decoration: none; }

.social { position: absolute; top: 5px; right: 30px; }
.social ul,.social ul li { margin: 0; padding: 0; }
.social ul li { list-style: none; float: left; margin: 0 3px; }

.sidebar { background: #edece9; padding: 0 25px 25px; }
.sidebar .findDerma { margin-bottom: 25px; }
.sidebar .findDerma { margin: 0; padding: 0; }
.sidebar .findDerma li { float: left; padding: 0 5px; list-style: none; }
.sidebar .findDerma li a { color: #817d7d; }

.sidebar .forderma { padding: 20px; margin-bottom: 15px;  }
.sidebar .forderma { margin: 0 0 30px; padding: 0; }
.sidebar .forderma li { padding: 2px 0; list-style: none; }
.sidebar .forderma li a { color: #817d7d; }

.sidebar > h3 { background: #f22523; padding: 10px; color: #fff; }

.sidebar .quantum-leap { width: 184px; margin: 0 auto 15px; }
.sidebar .quantum-leap ul { margin: 10px 0 0 10px; padding: 0; }
.sidebar .quantum-leap ul li { list-style-type: square; color: #6a6b6b; }
.sidebar .quantum-leap ul li a { color: #6a6b6b; text-decoration: none; }

.sidebar .paypal-donate { width: 186px; margin: 0 auto; border: 1px solid #f9a521;  }

.sidebar .sections { padding: 10px 20px; margin-bottom: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.sidebar .sections { 
background: rgb(168,168,167); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(168,168,167,1) 0%, rgba(211,210,210,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,167,1)), color-stop(100%,rgba(211,210,210,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(168,168,167,1) 0%,rgba(211,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(168,168,167,1) 0%,rgba(211,210,210,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(168,168,167,1) 0%,rgba(211,210,210,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(168,168,167,1) 0%,rgba(211,210,210,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a7', endColorstr='#d3d2d2',GradientType=0 ); /* IE6-9 */
}

.sidebar .sections h3 { color: #fff; font-size: 14px; font-weight: normal; margin: 0; padding: 0; }


.content { padding: 10px 10px; color: #6a6b6b; }
.content .news { color: #6a6b6b; }
.content .news .item { margin-bottom: 25px; }
.content .paypal-donate { width: 100%; margin: 0 auto; }
.content .paypal-donate img { border: 1px solid #f9a521; }

.content .quantum-leap { width: 100%; margin: 0 auto 15px; }
.content .quantum-leap ul { margin: 10px 0 0 20px; padding: 0; }
.content .quantum-leap ul li { list-style-type: square; }
.content .quantum-leap ul li a { color: #6a6b6b; }

.content h1 { color: #F22523; }

.content a { color: #F22523; }
.content a:hover { color: #771b11; text-decoration: none; }


hr { display: block; border-width: 1px; border-color: #fff; } 

footer { background: #aaaaa8; font-size: 12px; text-align: right; color: #888; }
footer > .container { background: #dcdcd9; padding: 20px;  }

.add-bottom { padding-bottom: 30px; }

/** Membership **/
#membership-wrapper legend { font-size: 18px; color: #F22523; }
#membership-wrapper input:focus, #membership-wrapper textarea:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(0, 0, 0, 0.6);
}

.blue { color: #fff; border: none; background: #F22523; font-family: 'Myriad Pro', sans-serif; }

.blue:hover { color: #fff; border: none; background: #F22523; font-family: 'Myriad Pro', sans-serif; }

a.blue, a.blue:hover { color: #fff; }

.button { display: inline-block; vertical-align: baseline; margin: 0px 2px; outline: medium none; cursor: pointer; text-align: center; text-decoration: none; font-family: 'Myriad Pro', sans-serif;  padding: 0.5em 2em 0.55em !important; text-shadow: none; border-radius: 0 !important; box-shadow: 0; }

div.pricebox { border: none; }
.topbar { display: none; }

div.priceboxes div.bottombar span.link { float: left; margin-right: 10px; }

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery img {
	border: 1px solid #ddd;
	height: auto;
	padding: 4px;
}

.gallery img:hover {
	border: 1px solid #999;
}