﻿html {
	width: 100%;
}
body {
	background-color: rgb(166, 184, 204);
}
.big_divider {
	margin-top: 30px;
}
#demo-content {
	border-radius: 10px; width: 900px; font-family: "Oswald", sans-serif; margin-right: auto; margin-left: auto; position: relative; box-shadow: 0px -15px 35px -30px; -webkit-box-shadow: 0px -15px 35px -30px; -moz-box-shadow: 0px -15px 35px -30px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.bg1 {
	background-color: rgb(166, 184, 204);
}
.bg2 {
	background: url("../images/background/pattern/royal_line/royal_wall.jpg");
}
.bg3 {
	background: url("../images/background/pattern/royal_line/royal_green.jpg");
}
.bg4 {
	background: url("../images/background/pattern/damask/royal_dark.jpg");
}
.bg5 {
	background: url("../images/background/textures/w_07.jpg");
}
.bg6 {
	background: url("../images/background/abstract/g_09.jpg");
}
.border1 {
	background-color: rgb(0, 0, 0);
}
.border2 {
	background: url("../images/background/pattern/basic/pattern_1b.png");
}
.border3 {
	background: url("../images/background/pattern/damask/simple_med.png");
}
.border4 {
	background: url("../images/background/pattern/basic/pattern_02b.png");
}
.border5 {
	background: url("../images/background/pattern/basic/pattern_10.png");
}
.border6 {
	background: url("../images/background/pattern/damask/simple_grey.png");
}
.borderstyleselector {
	color: rgb(166, 184, 204); font-family: "Oswald", sans-serif; font-size: 12px; margin-top: 10px;
}
.rounded {
	color: rgb(31, 33, 32); margin-left: 12px; float: left;
}
.square {
	margin-right: 10px; float: left;
}
.photo {
	margin-right: 0px; margin-left: 5px; float: left;
}
.normal {
	color: rgb(31, 33, 32); margin-right: 10px; float: left;
}
.seperator {
	margin-right: 5px; margin-left: 5px; float: left;
}
#rounded:hover {
	color: rgb(31, 33, 32); cursor: pointer;
}
#square:hover {
	color: rgb(31, 33, 32); cursor: pointer;
}
#photo:hover {
	color: rgb(31, 33, 32); cursor: pointer;
}
#normal:hover {
	color: rgb(31, 33, 32); cursor: pointer;
}
.shadowselector {
	color: rgb(166, 184, 204); font-family: "Oswald", sans-serif; font-size: 12px; margin-top: 5px; margin-left: 5px;
}
#shadow1 {
	margin-left: 7px; float: left; cursor: pointer;
}
#shadow2 {
	margin-left: 0px; float: left; cursor: pointer;
}
#shadow3 {
	margin-left: 0px; float: left; cursor: pointer;
}
#demo-content #grey_head {
	left: 0px; top: 0px; width: 100%; height: 58px; position: absolute; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: rgb(232, 232, 232); -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-toprleft: 10px; -webkit-border-top-left-radius: 10px;
}
.demo-toolbox {
	padding: 5px 10px; width: auto; margin-top: 10px; margin-right: 100px; margin-bottom: 20px; float: right; position: relative; z-index: 10; background-color: rgb(0, 140, 186);
}
.demo-toolbox .divider {
	width: 2px; height: 28px; overflow: hidden; margin-right: 10px; margin-left: 10px; float: left; background-image: url("../images/navigation/toolbar_separator.png");
}
#demo-content #sourcecode-headline {
	margin: 30px; color: rgb(0, 0, 0); clear: both; font-family: "Oswald", sans-serif; font-size: 16px;
}
#demo-content #sourcecode {
	border: 1px dotted rgb(180, 184, 189); border-image: none; color: rgb(51, 51, 51); margin-right: 30px; margin-left: 30px; background-color: rgb(242, 248, 255);
}
.left_info {
	height: 25px; text-align: center; color: black; line-height: 25px; padding-top: 14px; font-size: 12px; margin-bottom: 30px; vertical-align: middle;
}
#home_header_container {
	margin-top: -50px; position: relative;
}
#home_header_container #homeCarousel .item {
	background-position: top; height: 400px; background-repeat: no-repeat; background-size: cover;
}
@media all and (min-width:1200px)
{
#home_header_container #homeCarousel .item {
	height: 400px;
}
}
#home_header_container #home_header {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
#home_header_container #home_header h1 {
	text-align: center; line-height: 1.3em; letter-spacing: 0.1em; padding-top: 20px; font-size: 38px; font-weight: bold; margin-top: 60px; margin-bottom: 20px; max-width: 450px;
}
#home_header_container #home_header h1 span {
	text-shadow: 1px 1px 0px #fff; background-color: rgba(255, 255, 255, 0.75);
}
#home_header_container #home_header h1 .home_header_title-date {
	text-align: center; text-transform: capitalize; line-height: 2em; font-size: 28px; margin-top: 20px;
}
@media all and (min-width:1200px)
{
#home_header_container #home_header h1 {
	line-height: 2em; padding-top: 40px; font-size: 48px; margin-top: 60px; margin-bottom: 60px;
}
#home_header_container #home_header h1 span {
	padding: 10px;
}
}