/* Grid and Clearing Tools--------*/
.clearfix:before,.clearfix:after,.grid-block:before,.grid-block:after,.deepest:before,.deepest:after{content: "";display: table;}
.clearfix:after,.grid-block:after,.deepest:after {clear: both;}
.grid-box {float: left;}
/* Grid Units */
.width16{width: 16.666%;}
.width20{width: 20%;}
.width25{width: 25%;}
.width33{width: 33.333%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width66{width: 66.666%;}
.width75{width: 75%;}
.width80{width: 80%;}
.width100{width: 100%;}
[class*='width'] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* Create new Block Formatting Contexts */
.bfc-o {overflow: hidden;}
.bfc-f {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;float: left;}
/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }
/* Grid Gutter */
.grid-gutter.grid-block { margin: 0 -15px; }
.grid-gutter > .grid-box > * { margin: 0 15px; }
.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }
/* Layout Defaults--------*/
/* Center Page */
.wrapper {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: auto;}
/* Header */
#toolbar .float-left .module,
#toolbar .float-left > time {margin: 0 15px 0 0;float: left;}
#toolbar .float-right .module {margin: 0 0 0 15px;float: right;}
#headerbar .module {max-width: 300px;margin-right: 0;float: right;}
#logo, #logo > img, #menu {float: left;}
#search {float: right;}
#logo > img{margin:5px 0;margin-top: -5px;}
#logo{padding:10px 50px 0 7px;}
#banner {position: absolute;top: 10px;right: 20px;}
/* Footer */
#footer {position: relative;text-align: center;}
/* Absolute */
#absolute {position: fixed;z-index: 15;}

/* Spacing----------------------------*/
.wrapper {padding: 0 0px;}
.module,#header,#content,#footer {margin: 5px;}
#breadcrumbs {margin-bottom: 10px;}
#menu .module {margin: 15px;}
#toolbar {text-shadow: 0 1px 0 #fff;font-size: 11px;margin: 10px 20px 0 20px;width: 630px;}
#headerbar {margin: 10px 20px;}
#footer .module {margin: 0;}
/* Layout-------------------*/
#header {position: relative;margin-top: 0px;border: 1px solid;border-color: rgba(0,0,0,0.1);border-bottom-color: rgba(0,0,0,0.2);border-top: none;background: #f7f7f7;background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);background: -o-linear-gradient(top, #f7f7f7, #f4f4f4);background: linear-gradient(to bottom, #f7f7f7, #f4f4f4);background-clip: padding-box;border-radius: 0 0 5px 5px;}
#toolbar .float-right > time { float: right; }
#menubar {clear: both;padding-top: 1px;border-radius: 0 0 4px 4px;box-shadow: inset -1px 0 0 rgba(255,255,255,0.8);background: url(../images/menubar_bg.png) repeat-x;}
#menu {border: 0 solid #fff;border-right-width: 1px;}
#search {margin: 5px 10px 0 0;}
#content {padding: 30px;border: 1px solid;border-color: rgba(0,0,0,0.1);border-bottom-color: rgba(0,0,0,0.2);border-radius: 5px;background: #f7f7f7;background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);background: -o-linear-gradient(top, #f7f7f7, #f4f4f4);background: linear-gradient(to bottom, #f7f7f7, #f4f4f4);background-clip: padding-box;box-shadow: inset 0px 1px 0 rgba(255,255,255,1);min-height:450px;}
#footer {text-shadow: 0 1px 0 rgba(255,255,255,0.7);}
#totop-scroller {display: block;position: absolute;top: 0;right: 0;z-index: 1;width: 20px;height: 21px;background: url(../images/totop_scroller.png) 0 0 no-repeat;text-decoration: none;}
#totop-scroller:hover { background-position: 0 -30px;}
#totop-scroller:active { background-position: 0 -60px;}