
/* ##### color globals RGB ##### */

/* ##### generals ##### */

html {
	min-height:100%;
}

body {
    margin:0;
    padding:0;
    background-color:rgb(255,255,255);
    text-align:center;
	font-size:10px;
	min-height:100%;
    overflow-y:scroll;
}

* {
	font-family: 'Open Sans', sans-serif;
    text-decoration:none;
    line-height:1.5em;
    padding:0;
    margin:0;
    border:0;
    text-align:left;
	font-weight:300;
}

a {
    outline:none;
}

img {
    display:block;
}

/* ##### layout basics ##### */

#wrap-page-960gs {
	margin:0 auto;
	width:940px;
	position:relative;
	padding:0 10px;
}

/* ##### header ##### */

#wrap-page-960gs header.page {
	overflow:auto;
	padding:20px 0 0 0;
}

#wrap-page-960gs header.page a.logo {
	display:block;
	float:left;
	width:220px;
	height:95px;
	margin:0 0 20px 0;
}

#wrap-page-960gs header.page a.logo img {
	width:220px;
	height:95px;
}

#wrap-page-960gs header.page nav.page {
	float:right;
	margin:0 0 20px 0;
}

#wrap-page-960gs header.page nav.page ul {
	list-style-type:none;
	padding:40px 0 0 0;
}

#wrap-page-960gs header.page nav.page ul li {
	float:left;
	list-style-type:none;
	margin:0 15px 0 0;
}

#wrap-page-960gs header.page nav.page ul li.last {
	margin-right:0;
}

#wrap-page-960gs header.page nav.page ul li a {
	float:left;
	list-style-type:none;
	text-transform:uppercase;
	font-size:2.2em;
	font-weight:600;
	color:rgb(88,88,90);
	display:block;
	background-repeat:no-repeat;
	background-position:center 37px;
	width:auto;
	height:50px;
}

#wrap-page-960gs header.page nav.page ul li a:hover,
#wrap-page-960gs header.page nav.page ul li.active a {
	color:rgb(88,88,90);
	background-image:url('../../img/bg-menu.png');
}

#wrap-page-960gs header.page section#page-moods {
	width:940px;
	height:400px;
	clear:both;
	overflow:hidden;
	position:relative;
}

#wrap-page-960gs header.page section#page-moods img.js-mood {
	width:940px;
	height:400px;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	display:none;
}

#wrap-page-960gs header.page section#page-moods div {
	position:absolute;
	width:70px;
	height:25px;
	bottom:0;
	left:50%;
	margin:0 0 0 -35px;
	overflow:hidden;
	z-index:30;
	display:none;
}

#wrap-page-960gs header.page section#page-moods div a {
	display:block;
	width:27px;
	height:10px;
	background-color:rgb(134,136,137);
	float:left;
	color:rgb(255,255,255);
	font-size:2.3em;
	font-weight:300;
	line-height:1px;
	text-align:center;
}

#wrap-page-960gs header.page section#page-moods div a:hover {
	font-weight:600;
}

#wrap-page-960gs header.page section#page-moods div a.mood-next {
	-webkit-border-top-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	border-top-right-radius: 35px;
	padding:15px 8px 0 0;
}

#wrap-page-960gs header.page section#page-moods div a.mood-prev {
	-webkit-border-top-left-radius: 35px;
	-moz-border-radius-topleft: 35px;
	border-top-left-radius: 35px;
	padding:15px 0 0 8px;
}

/* ##### main ##### */

#wrap-page-960gs main {
	padding-bottom:65px;
	display:block;
	overflow:auto;
}

#wrap-page-960gs main h1 {
	width:820px;
	height:88px;
	background-color:rgb(134,136,137);
	font-family:'Libre Baskerville', serif;
	font-weight:400;
	font-style:italic;
	color:rgb(255,255,255);
	font-size:4.0em;
	padding:32px 60px 0 60px;
	overflow:hidden;
	box-shadow: 0px 15px 15px -8px rgba(0, 0, 0, 0.4);
	overflow:auto;
}

#wrap-page-960gs main p {
	font-weight:300;
	font-size:1.3em;
	color:rgb(88,88,90);
	margin:0 0 20px 0;
}

#wrap-page-960gs main p a,
#wrap-page-960gs main ul li a {
	font-weight:300;
	font-size:1.0em;
	color:rgb(88,88,90);
	text-decoration:underline;
}

#wrap-page-960gs main p a:hover,
#wrap-page-960gs main ul li a:hover {
	color:rgb(88,88,90);
}

#wrap-page-960gs main a.btn {
	display:inline-block;
	padding:0 20px;
	font-weight:300;
	font-size:1.0em;
	text-transform:uppercase;
	color:rgb(255,255,255);
	background-color:rgb(134,136,137);
	text-decoration:none;
	margin:0 0 0 0;
}

#wrap-page-960gs main a:hover.btn {
	color:rgb(255,255,255);
	background-color:rgb(88,88,90);
}

#wrap-page-960gs main ul {
	padding:0 0 10px 15px;
}

#wrap-page-960gs main ul li {
	font-weight:300;
	font-size:1.3em;
	color:rgb(88,88,90);
	margin:0 0 5px 0;
	list-style-type:square;
}

#wrap-page-960gs main ul li span {
	color:rgb(88,88,90);
}

#wrap-page-960gs main h2 {
	font-weight:700;
	font-size:2.0em;
	color:rgb(88,88,90);
	margin:40px 0 20px 60px;
	font-style:italic;
}

#wrap-page-960gs main article.left-aside {
	width:400px;
	padding:40px 0 0 60px;
	float:left;
}

#wrap-page-960gs main article.left-aside h2,
#wrap-page-960gs main aside h2 {
	margin-left:0;
	margin-top:0;
}

#wrap-page-960gs main aside {
	width:340px;
	padding:40px 0 0 80px;
	float:left;
}

#wrap-page-960gs main article.left {
	width:400px;
	padding:0 0 0 60px;
	float:left;
	margin:0;
}

#wrap-page-960gs main article.right {
	width:400px;
	padding:0 0 0 20px;
	float:left;
	margin:0;
}

#wrap-page-960gs main article.left img,
#wrap-page-960gs main article.right img {
	width:400px;
	margin:0 0 20px 0;
}

#wrap-page-960gs main article.left-img {
	width:820px;
	padding:40px 60px 0 60px;
	float:left;
	margin:0;
}

#wrap-page-960gs main article.left-img p,
#wrap-page-960gs main article.left-img ul {
	margin-right:360px;
}

#wrap-page-960gs main article.left-img h2 {
	margin-left:0;
	margin-top:0;
	margin-right:360px;
}

#wrap-page-960gs main article.left-img img.aside {
	width:340px;
	float:right;
	margin:0;
}

#wrap-page-960gs main article.teaser {
	width:220px;
	float:left;
	margin:60px 20px 0 60px;
}

#wrap-page-960gs main article.teaser img {
	width:100px;
	margin:0 0 5px 60px;
}

#wrap-page-960gs main article.teaser h2 {
	font-weight:400;
	font-size:2.6em;
	text-transform:uppercase;
	text-align:center;
	color:rgb(88,88,90);
	margin:0 0 5px 0;
	font-style:normal;
}

#wrap-page-960gs main article.teaser p {
	font-weight:300;
	font-size:1.3em;
	text-align:center;
	color:rgb(88,88,90);
	margin:0 0 20px 0;
}

#wrap-page-960gs main article.teaser a.teaser-link {
	font-weight:300;
	font-size:1.3em;
	text-align:center;
	color:rgb(255,255,255);
	display:block;
	width:100px;
	height:20px;
	background-color:rgb(134,136,137);
	margin:0 auto 20px auto;
	text-transform:uppercase;
}

#wrap-page-960gs main article.teaser a:hover.teaser-link {
	background-color:rgb(88,88,90);
}

/* ##### footer ##### */

#wrap-page-960gs footer.page {
	height:25px;
	width:940px;
	background-color:rgb(134,136,137);
	position:fixed;
	bottom:0;
	left:50%;
	margin:0 0 0 -470px;
	overflow:hidden;
}

#wrap-page-960gs footer.page p {
	color:rgb(255,255,255);
	padding:4px 0 0 20px;
	float:left;
	font-weight:400;
	font-size:1.2em;
}

#wrap-page-960gs footer.page p a {
	color:rgb(255,255,255);
	font-weight:400;
	font-size:1.0em;
}

#wrap-page-960gs footer.page p a:hover {
	color:rgb(88,88,90);
}

#wrap-page-960gs footer.page a.wko {
	float:right;
	display:block;
	margin:3px 20px 0 0;
}

/* ##### live-css ##### */

.live-css-bold {
	font-family: 'Open Sans', sans-serif !important;
    font-weight:700 !important;
}

.live-css-italic {
	font-family: 'Open Sans', sans-serif !important;
    font-style:italic !important;
}

.live-css-justify {
	text-align:justify !important;
}

.live-css-highlight {
    color:rgb(44,130,68) !important;
}