html {
	overflow: none;
}

h2{
	font-weight: normal !important;
}
#delimiter {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	cursor: default;
	position: relative;
}
.linksToExternal{
	float: left;
	width: 100%;
}
#container {
	width: 895px;
	height: 768px;
	font-family: Avenir, Calibri, Arial, sans-serif !important;
	font-size: 16px;
	position: absolute;
	left: 69px;
	top: 0;
}

#logo_placeholder {
	min-height: 90px;
	padding-top: 5px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
#logo_placeholder img { border: 0; }

#menu_placeholder {
	width: auto;
	color: #8b8c8b;
	font-size: 14px;
	text-transform: uppercase;
	background: none;
	position: absolute;
	right: 0px;
	top: 90px;
}
#menu_placeholder .menuLink {
	margin-right: 25px;
	cursor: pointer;
}
#menu_placeholder .menuLink.active { cursor: default; }
#menu_placeholder #menuLiner {
	position: absolute;
	left: 0;
	opacity: 0;
}
#menu_placeholder #menuLiner #linerLeft {
	width: 3px;
	height: 5px;
	background: #ec9e00;
	-webkit-border-top-left-radius: 2.5px;
	-moz-border-radius-topleft: 2.5px;
	border-top-left-radius: 2.5px;
	-webkit-border-bottom-left-radius: 2.5px;
	-moz-border-radius-bottomleft: 2.5px;
	border-bottom-left-radius: 2.5px;
	float: left;
}
#menu_placeholder #menuLiner #linerBody {
	width: 87px;
	height: 5px;
	background: #ec9e00;
	float: left;
}
#menu_placeholder #menuLiner #linerRight {
	width: 3px;
	height: 5px;
	background: #ec9e00;
	-webkit-border-top-right-radius: 2.5px;
	-moz-border-radius-topright: 2.5px;
	border-top-right-radius: 2.5px;
	-webkit-border-bottom-right-radius: 2.5px;
	-moz-border-radius-bottomright: 2.5px;
	border-bottom-right-radius: 2.5px;
	float: left;
}

#animation {
	width: 910px;
	height: 293px;
	margin: 120px auto 0;
	position: relative;
}

#animation img { border: 0; }
#animaFade {
	width: 910px;
	height: 293px;
	margin: -293px auto 0;
	position: relative;
	z-index: 1;
}

#title {
	min-height: 45px;
	font-size: 25px;
	color: #ec9e00;
	background: url('../imgs/trace.png') no-repeat center bottom;
	position: relative;
	left: 0;
	top: -50px;
	z-index: 2;
}

#contents {
	width: 895px;
	height: 350px;
	position: relative;
	left: 0px;
	top: -45px;
	overflow: hidden;
}

#slider {
	width: 6265px;
	position: absolute;
}

.content {
	width: 895px;
	font-family: Avenir, Calibri, Arial;
	font-size: 16px;
	float: left;
}
.col2{
	width: 50%;
	float: left;
}
.content .subtitle {
	font-size: 22px;
	color: #3A2613;
	float: left;
}
.content .size50 {
	width: 50%;
	height: 320px;
	float: left;
}
.content .size100 {
	width: 100%;
	height: 320px;
}
.content pre {
	padding-right: 15px;
	font-family: Avenir, 'Avenir Medium', Calibri, Arial;
	font-size: 16px;
	color: #484948;
}
.content #wind { background: url('../imgs/cake_thumb.jpg') no-repeat center center; }
.content #sun { background: url('../imgs/cake_thumb.jpg') no-repeat center center; }
.content .round_border {
	padding: 10px;
	margin: 23px 0 0 87px;
	border: 1px dashed #ec9e00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
}
.content .round_item {
	width: 273px;
	height: 273px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	cursor: default;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.content .round_item:hover {
	box-shadow: inset 0 0 0 140px rgba(0,0,0,0.5);
	cursor: pointer;
}
.content .round_item .round_info,
.content .round_item:hover .round_info {
	padding: 129px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.content .round_item .round_info {
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden;
}
.content .round_item:hover .round_info {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

.content .title_elements,
.content .title_tasks {
	font-weight: bold;
	font-size: 16px;
	color: #3A2613;
	text-align: center;
	float: left;
	width: 295px;
}
.content .title_tasks { margin-left: 150px; }
.content .rounded_sqr {
	margin-top: 15px;
	border: 1px dashed #ec9e00;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 20px;
	color: #3A2613;
	text-align: center;
	float: left;
	width: 290px;
	height: 90px;
}
.numberBox{
	margin-top: 18px;
}
.content .dashed_line {
	width: 21px;
	height: 30px;
	margin-top: 15px;
	border-bottom: 1px dashed #ec9e00;
	float: left;
}
.content .rounded_rct {
	width: 530px;
	border: 1px dashed #ec9e00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 15px;
	font-family: Avenir, Calibri, Arial;
	font-size: 16px;
	color: #484948;
	text-align: left;
	position: relative;
	float: left;
	margin-top: 20px;
}
.content .rounded_rctSmall {
	height: 117px;
}
.content .rounded_rctBig {
	height: 140px;
}
.content .rounded_rct pre {
	padding: 0;
	margin: 6px;
}
.content .rounded_rct img {
	position: absolute;
	bottom: 5px;
	right: 5px;
	border: 0;
	cursor: pointer;
}

.content .viewport {
	height: 100%;
	overflow: hidden;
}
.content .viewport .pre {
	position: relative;
	top: 0px;
}
.content .viewport .pre pre { padding: 0; }
.content .viewport pre .highlight {
	font-size: 14px;
	color: #105b59;
}
.content .viewport pre a {
	color: #484948;
	text-decoration: none;
}
.content .scrollbar {
	width: 7px;
	height: 320px;
	position: relative;
	float: right;
}
.content .scrollbar .track {
	width: 3px;
	height: 100%;
	border-right: 1px solid #3A2613;
	position: absolute;
}
.content .scrollbar .slider {
	width: 7px;
	height: 44px;
	background: #3A2613;
	position: absolute;
	cursor: pointer;
}

.content pre .point {
	color: #edac3a;
}

.copyright {
	font-family: Avenir, 'Avenir Medium', Calibri, Arial;
	font-size: 16px;
	color: #484948;
	position: absolute;
	bottom: -15px;
	right: 0px;
}

.clear { clear: both; }
.stepsContainer {
margin-top: 20px;
}