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

@import url(../../../warp/css/layout.css);


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

.module,
#breadcrumbs,
#content { margin: 20px; }

#menu .module { margin: 10px 5px; }

#toolbar,
#headerbar {  margin: 2px 12px; }

#headerbar .module {
	margin-top: 15px;
	margin-bottom: 15px;
}

#footer .module { margin: 0; }


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

/* Background */
body#page {
	padding: 20px 0;
}
body#page {
  background: url("../images/bg.jpg") no-repeat fixed center center #FFFFFF;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

.wrapper > div {
	margin: 0 20px;
	border: 1px solid #ddd;
	background: #FFF;
	border-radius: 6px;
}

/* Header */
#menubar {
	border-bottom: 1px solid #1e5799;
	background: #0087C8; /* Old browsers */

}

#menu { margin-bottom: -1px; }

#search { margin: 6px 6px 0 0; }

/* Block Separators */
#header { border-bottom: 1px solid #ddd; }
#top-a,
#top-b,
#innertop { border-bottom: 1px solid #eee; 
background: #cccccc;
}

#bottom-a,
#bottom-b,
#innerbottom { border-top: 1px solid #000; 
-moz-box-shadow: inset 0 11px 16px -16px #000;
-webkit-box-shadow: inset 0 11px 16px -16px #000;
box-shadow: inset 0 11px 16px -16px #000;


}
#footer { border-top: 1px solid #ddd; 

}

/* System Output Disabled */
#header + #bottom-a,
#header + #bottom-b,
#top-a + #bottom-a,
#top-a + #bottom-b,
#top-b + #bottom-a,
#top-b + #bottom-b { border-top: none; }

/* Sidebar Backgrounds */
#sidebar-a,
#sidebar-b {
	position: relative;
	z-index: 0;
}

#sidebar-a:before,
#sidebar-b:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	border: 0 solid #eee;
}

.sidebar-a-right #sidebar-a:before,
.sidebar-b-right #sidebar-b:before { border-width: 0 0 0 1px; }

.sidebar-a-left #sidebar-a:before,
.sidebar-b-left #sidebar-b:before {
	right: -1px;
	border-width: 0 1px 0 0;
}

/* Footer + Toolbar */
#footer,
#toolbar {
	font-size: 12px;
	line-height: 18px;
}

#footer {
 background: none repeat scroll 0 0 #0086C7;
    border-radius: 0 0 6px 6px;
    color: #FFFFFF;
    padding: 20px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0086C7;

}
#logo {
padding-left: 20px;

}

/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	width: 21px;
	height: 21px;
	border: 1px solid #ddd;
	background: #fff url(../../../images/totop_scroller.png) 50% 50% no-repeat;
	border-radius: 4px;
	text-decoration: none;
}

#totop-scroller:hover {
	border-color: #ddd;
	background-color: #EEE;
}