body { background: #000204 url(images/bg_water.jpg) top repeat-x; }
h1 span { background: transparent url(images/logo_water.jpg) no-repeat; }
#navi { background: transparent url(images/nav_water.jpg) no-repeat; }

.nav-home a:hover { background: url(images/nav_water.jpg) 0 -45px no-repeat; }
.nav-home-hover { background: url(images/nav_water.jpg) 0 -45px no-repeat; }
.nav-work a:hover { background: url(images/nav_water.jpg) -116px -45px no-repeat; }    
.nav-work-hover { background: url(images/nav_water.jpg) -116px -45px no-repeat; }
.nav-blog a:hover { background: url(images/nav_water.jpg) -205px -45px no-repeat; }
.nav-blog-hover { background: url(images/nav_water.jpg) -205px -45px no-repeat; }
.nav-info a:hover { background: url(images/nav_water.jpg) -296px -45px no-repeat; }
.nav-info-hover { background: url(images/nav_water.jpg) -296px -45px no-repeat; }
#stage img { margin-top: 40px; }

h3 { font-size: 1.8em; color: #46b5e7; margin: 1em 0 15px; line-height: 1em; border-bottom: 1px solid #46b5e7; padding: 0 0 0.5em 5px; }
#content p { font-size: 1.2em; color: #ccc; line-height: 1.667em; margin: 0 0 1em 5px; }
#content p em { font-weight: bold; }
#content p a { color: #ccc; text-decoration: underline; outline: none; }
#content p a:hover { color: #46b5e7; text-decoration: none; } 
div.left-col { float: left; width: 400px; margin-right: 40px; }
div.cen-col { float: left; width: 280px; margin-right: 40px; }
div.cen-col ul { margin: 0 5px; }
div.cen-col ul li { margin-bottom: 25px; }
div.cen-col ul li strong { font-size: 1.2em; margin-top: 5px; line-height: 1.5em; font-weight: bold; } 
div.cen-col a { display: block; font-size: 1.2em; line-height: 1.5em; color: #aaa; text-decoration: none; outline: none; }

div.cen-col img { float: left; display: block; margin: 0 20px 7px 0; }       
div.right-col { float: left; width: 200px; }
div.right-col ul { margin: 0 5px; }
div.right-col ul li a { display: block; color: #a5a6a7; text-decoration: none; font-size: 1.2em; line-height: 1.667em; outline: none; }
div.cen-col a:hover, div.right-col ul li a:hover { color: #fff; text-decoration: underline; }
div.right-col ul li span { display: block; color: #595b5c; font-size: 1.1em; margin: 3px 0 0.818em; } 

#footer { background: url(images/bg_water_footer.jpg) repeat-x; }
#footer h5 span { background: url(images/bg_water_footer_gap.jpg) no-repeat; }
.fr { float: right; margin-left: 15px; }
.fl { float: left; margin-right: 15px; }