/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(layout1.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#content { margin: 0px auto 0;  }

#header,
#footer { margin: 0 15px; }

#breadcrumbs { margin: 0 0 15px 0; }

#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

body#page { /*background: #08080A;*/ background:#373108;  }

/* Blocks */
#block-toolbar {
	/*background:
		url(../images/toolbar_bg.png) 0 100% repeat-x,
		url(../images/toolbar.png) 0 0 repeat;*/
}

#block-header {
	position: relative;
	max-height: 259px;
	padding-bottom: 24px;
}

#block-main { margin: -172px 0 -54px 0; }
#block-main >  div > div { padding: 168px 0 74px 0; }

#block-bottom {
	padding: 102px 0 0 0;
	background: url(../image/bottom-b_t.png) 50% 0 no-repeat;
}
#block-bottom > div { background: url(../image/bottom-b.png) 0 0 repeat; }

#bottom-b {
	margin-top: -85px;
	padding-bottom: 10px;
}

#block-bottom + #block-footer { background: url(../image/footer_b.png) 0 0 repeat-x; }

#block-footer { background: url(../image/footer.png) 50% 0 no-repeat; }

/* Content */
#toolbar {
	padding: 5px 0;
	line-height: 24px;
	font-size: 11px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,1.0);
}

#headerbar { height: 92px; width:300px; margin-left:auto; margin-right:auto; padding-right:80px; }

#menubar {
	padding: 10px 0 0 0;
	height: 43px;
	margin-top:65px;
}

#menu { margin: 2px auto 0px auto; width:730px; text-transform: uppercase; }

#content {
	/*border-radius: 10px;
	background:
		url(../image/system_tl.png) 0 0 no-repeat,
		url(../image/system_tr.png) 100% 0 no-repeat,
		url(../image/system_bl.png) 0 100% no-repeat,
		url(../image/system_br.png) 100% 100% no-repeat,
		url(../image/system.png) 0 0 repeat;
	box-shadow:
		inset 0 0 0 1px rgba(183,183,183,0.06),
		0 0 0 1px rgba(183,183,183,0.9),
		inset 0 0 1px rgba(183,183,183,0.4),
		0 1px 1px rgba(183,183,183,0.5),
		0 1px 0 1px rgba(183,183,183,0.5);*/
}

#content > div { /*padding: 10px;*/ }

#footer {
	padding: 20px 0;
	text-align: left;
}

#footer a { text-shadow: 0 1px 1px rgba(0,0,0,1.0); }
#footer a:hover { text-shadow: 0 0 5px rgba(255,255,255,0.2); }

#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 4;
	width: 36px;
	height: 36px;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -50px; }


/* Content White
----------------------------------------------------------------------------------------------------*/

.content-whitebg #content {
	border-radius: 10px;
	box-shadow:
		0 3px 5px rgba(0,0,0,0.5),
		0 1px 0 1px rgba(69,69,71,1.0);
}

.content-whitebg #content > div {
	border-radius: 10px;
	box-shadow:
		inset 0 1 0 rgba(255,255,255,1.0),
		inset 0 0 0 1px rgba(255,255,255,0.6),
		0 0 0 1px rgba(0,0,0,0.9),
		inset 0 0 5px rgba(0,0,0,0.4);
	color: #47474E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.content-whitebg #content h1,
.content-whitebg #content h2,
.content-whitebg #content h3,
.content-whitebg #content h4,
.content-whitebg #content h5 {
	color: #111;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content small,
.content-whitebg #content #system .item > header .meta,
.content-whitebg #content #system .item > header .subtitle {
	color: #6B6C72;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content .module-title .color,
.content-whitebg #content strong,
.content-whitebg #content em,
.content-whitebg #content code {
	color: #131415;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.content-whitebg #content a:hover {
	color: #000;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.content-whitebg #content code,
.content-whitebg #content em.box,
.content-whitebg #content form.box button,
.content-whitebg #content form.short button,
.content-whitebg #content form.box input[type="button"],
.content-whitebg #content form.box input.button {
	border: 1px solid #bbb;
	border: 1px solid rgba(0,0,0,0.2);
	background: url(../image/code_metal.png) 0 0 repeat-x;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.35);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.content-whitebg #content form.box button:hover,
.content-whitebg #content form.short button:hover,
.content-whitebg #content form.box input[type="button"]:hover,
.content-whitebg #content form.box input.button:hover {
	border-color: #444;
	border-color: rgba(0,0,0,0.45);
	text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

.content-whitebg #content hr { border-top-color: #ddd; }

.content-whitebg #content pre {
	border: 1px solid #ddd;
	background: #fff;
}

.content-whitebg #content ins,
.content-whitebg #content mark { text-shadow: 0 1px 1px rgba(0,0,0,0.4); }




#Home-Page{
	border-radius: 10px;
	background: url( ../image/system_tl.png) 0 0 no-repeat, url(../image/system_tr.png) 100% 0 no-repeat, url( ../image/system_bl.png) 0 100% no-repeat, url( ../image/system_br.png) 100% 100% no-repeat, url( ../image/system.png) 0 0 repeat;
	box-shadow: inset 0 0 0 1px rgba(183,183,183,0.06), 0 0 0 1px rgba(183,183,183,0.9), inset 0 0 1px rgba(183,183,183,0.4), 0 1px 1px rgba(183,183,183,0.5), 0 1px 0 1px rgba(183,183,183,0.5);
	width:955px;
	height:auto;
	padding:10px 10px 5px;
}
#content-left{
	padding-right:30px;
	padding-left:35px;
}
#content-right{
	padding-left:30px;
	padding-top:30px
}