html { -webkit-text-size-adjust: none; }
body { background-color: #000000; margin: 0; padding: 0;}

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; margin: 0; padding: 0; }

#layout { z-index: 3; position: relative; width: 959px; margin: 0 auto 30px auto; min-height: 655px; }

#layout .left { background-color: #FFFFFF; width: 274px; height: 274px; float: left; margin: 0; padding: 0; -webkit-border-bottom-left-radius: 60px; -moz-border-radius-bottomleft: 60px; border-bottom-left-radius: 60px; }

#layout .left .logo { width: 230px; height: 74px; margin: 10px auto 0 auto; padding: 0; }
#layout .left .logo a { display: block; background-image: url(../images/logo.jpg); background-repeat: none; width: 230px; height: 74px; }
#layout .left .logo a span { display: block; text-indent: -2500%; position: absolute; outline: none; }

#layout .left .navigation { margin: 36px 0 0 85px;}

#layout .content { background-color: #FFFFFF; width: 685px; min-height: 300px; float: left; margin: 0; padding: 0; -webkit-border-bottom-right-radius: 60px; -moz-border-radius-bottomright: 60px; border-bottom-right-radius: 60px; }
#layout .content .line { width: 645px; height: 2px; background-color: #0c5aa0; font-size: 1px; line-height: 1px; overflow: hidden; display: block; margin: 40px 0 0; padding: 0; }
#layout .content .padding { padding: 40px; }

/* Diff Top Margins for each page */
#layout .content-home { display: block; text-indent: -2500%; position: absolute; outline: none; }
#layout .content.about { margin-top: 137px; }
#layout .content.gallery { margin-top: 169px; }
#layout .content.contact { margin-top: 201px; }

#footer { width: 100%; z-index: 3; position: relative;  height: 60px; background: url(../images/bg_85opacity.png) repeat; margin: 0; padding: 0; }
#footer .footer { width: 960px; margin: 0 auto; }
#footer .footer .footer-left {width: 685px; float: left; margin: 0; padding: 20px 0; text-align: left; }
#footer .footer .footer-right {width: 274px; float: right; margin: 0; padding: 20px 0; text-align: right; }

#background { width: 100%; z-index: 1; }
#background .opacity { z-index: 2; position: fixed; top: 0; margin: 0; padding: 0; background: url(../images/bg_40opacity.png) repeat; width: 100%; height: 100%;  }
#background .images { text-align: center; position: fixed; top: 0; left: 50%; margin: 0 0 0 -754px; padding: 0; }
#background .images div { margin: 0 auto; white-space: nowrap; }