.float-left {float:left;}
.float-right {float:right;}

body {background-color:white;}
.center {position:relative;width:1024px;height:auto;margin:0px auto;padding:0px 0px;}
.header {height:29px;border-bottom:1px solid gray;background-color:#393D49;color:white;line-height:29px;}
.header-menu {position:absolute;right:0px;bottom:0px;height:100%;}
.header-menu li {display:inline-block;margin:0px 0px 0px 20px}
.header-menu li a {color:white;}

.logo-menu {position:relative;width:100%;height:120px;}
.logo-lg {position:absolute;width:240px;height:120px;}
.menu-nav {position:absolute;right:0px;bottom:0px;height:40px;line-height:40px;font-size:18px;}
.menu-nav a {display:inline-block;padding:0px 20px 0px 20px}
.menu-nav a:hover {background-color:#1899c0;color:white}

#top-canvas {position:relative;width:100%;height:400px;}
.top-canvas-content {position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:30;color:#1899c0;}
#canvas {position:absolute;z-index: -1;}
.top-canvas-content-title {font-size:64px;margin-top:40px;}

#grid-middle {height:160px;}
.grid-item-title {padding: 15px;font-size: 32px;font-weight: bold;}
.grid-item-title-text {position: relative;width: 100%;border-bottom: 1px gray solid;}
.grid-item-title-text {position: relative;width: 100%;border-bottom: 1px gray solid;}
.grid-item-content {position: relative;width: 100%;height: auto;}
.grid-item-content-image {position: absolute;width: 64px;height: auto;padding: 0px 15px;}
.grid-item-content-image img {position: relative;width: 100%;height: 100%;}
.grid-item-content-text {position: absolute;left: 64px;width: auto;height: auto;padding: 0px 15px 0px 30px;}

#grid-bottom {margin-bottom:15px;}
.bottom-item-title {padding:5px 15px;fond-size:24px;font-weight:bold;}
.bottom-item-text {padding:0px 15px;display:block;}
.bottom-item-image img {margin-top: 5px;width: 96px;height: 96px;padding-left:15px;}

.footer {background-color:gray;padding:10px 0px;}
.footer-content {text-align:center;}