@charset "utf-8";
body { margin: 0px; height: 100%; width: 100%; background-color: #000000; font-family: Helvetica, Arial, sans-serif; background-image: url(images/cms_site_bg.jpg); background-repeat: no-repeat; background-position: center top; }
#wrapper { width: 100%; margin: 0; text-align: center; position: relative; height: 100%; }
#parallax { position:relative; overflow:hidden; width:980px; height:450px; margin-top: 0px; margin-right: auto; margin-left: auto; top: 0px; margin-bottom: 0px; background-color: #000000; }
#parallax #flashfalls { position: absolute; height: 450px; width: 270px; left: 480px; top: 0px; }
#footer { text-align: right; position: relative; height: 50px; width: 1000px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #666666; padding-top: 30px; margin-right: auto; margin-left: auto; background-image: url(images/footer-logos.png); background-repeat: no-repeat; background-position: 25px 10px; }
#footer .leftlogos { background-image: url(images/asla_logo.gif); float: left; height: 85px; width: 215px; background-repeat: no-repeat; }
#footer a { text-decoration: none; color: #F57B41; text-transform: lowercase; font-size: 14px; }
#footer a:hover { color: #FFFFFF; }
#logo { position: absolute; left: 0px; top: 25px; background-image: url(images/cms_logo.png); height: 36px; width: 303px; background-repeat: no-repeat; }
#header { position: relative; height: 90px; width: 1000px; top: 0px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
/* Clearing without structural markup */
.clear { display: inline-block; }
#content { position: relative; height: 400px; width: 100%; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #384D63; border-right-color: #384D63; border-bottom-color: #384D63; border-left-color: #384D63; top: 0px; z-index: 2; }
#copycontainer { height: 400px; width: 1000px; margin-right: auto; margin-left: auto; position: relative; top: 0px; margin-top: 0px; margin-bottom: 0px; z-index: 3; }
#copycurtain { position:absolute; width:100%; height:400px; top: 0px; left: 0px; z-index:2; background-image: url(images/curtain-bg.png); }
#copy { top:0px; z-index:4; text-align: left; margin-right: auto; margin-left: auto; width: 1000px; margin-top: 0px; margin-bottom: 0px; height: 400px; position: absolute; left: 0px; color: #eee; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
.navboxright-1 { position: relative; top:0px; left:0px; }
.navboxright-2 { position: relative; top:0px; left:0px; }
.navboxright-3 { position: relative; top:0px; left:0px; }
.navboxright-4 { position: relative; top:0px; left:0px; }
.navboxright-5 { position: relative; top:0px; left:0px; }
.navboxright-6 { position: relative; top:0px; left:0px; }
.navleft { width: 29px; height: 400px; float:right; border-left-style: solid; border-left-width: 1px; border-left-color: #1E2935; border-right-width: 1px; border-right-style: solid; border-right-color: #1E2935; background: url(images/menu-bg.jpg) no-repeat -30px top; margin-left: -1px; }
.navleft-gr { width: 29px; height: 400px; float:right; border-left-style: solid; border-left-width: 1px; border-left-color: #1E2935; border-right-width: 1px; border-right-style: solid; border-right-color: #1E2935; background: url(images/menu-bg-gr.jpg) no-repeat -30px top; margin-left: -1px; }
.nav { width: 29px; height: 400px; float:right; margin-left: -1px; border-left-style: solid; border-left-width: 1px; border-left-color: #1E2935; border-right-width: 1px; border-right-style: solid; border-right-color: #1E2935; background: url(images/menu-bg.jpg) no-repeat; display: inline; }
.nav a:link, .nav a:visited { position:absolute; top:0px; left:0px; width:100%; overflow: hidden; z-index: 10; }
.nav-gr { width: 29px; height: 400px; float:right; margin-left: -1px; border-left-style: solid; border-left-width: 1px; border-left-color: #1E2935; border-right-width: 1px; border-right-style: solid; border-right-color: #1E2935; background: url(images/menu-bg-gr.jpg) no-repeat; display: inline; }
.nav-gr a:link, .nav-gr a:visited { position:absolute; top:0px; left:0px; width:100%; overflow: hidden; z-index: 10; }
.nav .navboxright-1 a:link, .nav .navboxright-1 a:visited { width: 29px; }
.nav .navboxright-1 a:hover, .nav .navboxright-1 a:focus { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-1 a:active { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.current-navboxright-1 .navboxright-1 a:link, .current-navboxright-1 .navboxright-1 a:visited { background: url(images/menu-bg.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-1, .nav-navboxright-click-1 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav-navboxright-click-1 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-2 a:link, .nav .navboxright-2 a:visited { width: 29px; }
.nav .navboxright-2 a:hover, .nav .navboxright-2 a:focus { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-2 a:active { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.current-navboxright-2 .navboxright-2 a:link, .current-navboxright-2 .navboxright-2 a:visited { background: url(images/menu-bg.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-2, .nav-navboxright-click-2 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav-navboxright-click-2 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-3 a:link, .nav .navboxright-3 a:visited { width: 29px; }
.nav .navboxright-3 a:hover, .nav .navboxright-3 a:focus { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-3 a:active { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.current-navboxright-3 .navboxright-3 a:link, .current-navboxright-3 .navboxright-3 a:visited { background: url(images/menu-bg.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-3, .nav-navboxright-click-3 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav-navboxright-click-3 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-4 a:link, .nav .navboxright-4 a:visited { width: 29px; }
.nav .navboxright-4 a:hover, .nav .navboxright-4 a:focus { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-4 a:active { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.current-navboxright-4 .navboxright-4 a:link, .current-navboxright-4 .navboxright-4 a:visited { background: url(images/menu-bg.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-4, .nav-navboxright-click-4 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav-navboxright-click-4 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-5 a:link, .nav .navboxright-5 a:visited { width: 29px; }
.nav .navboxright-5 a:hover, .nav .navboxright-5 a:focus { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-5 a:active { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.current-navboxright-5 .navboxright-5 a:link, .current-navboxright-5 .navboxright-5 a:visited { background: url(images/menu-bg.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-5, .nav-navboxright-click-5 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav-navboxright-click-5 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.nav .navboxright-6 a:link, .nav .navboxright-6 a:visited { width: 29px; }
.nav .navboxright-6 a:hover, .nav .navboxright-6 a:focus { background: url(images/menu-bg-gr.jpg) no-repeat -30px top; }
.nav .navboxright-6 a:active { background: url(images/menu-bg-gr.jpg) no-repeat -30px top; }
.current-navboxright-6 .navboxright-6 a:link, .current-navboxright-6 .navboxright-6 a:visited { background: url(images/menu-bg-gr.jpg) no-repeat -30px top; cursor: default; }
.nav-navboxright-6, .nav-navboxright-click-6 { position: absolute; top: 0px; left: 0px; width: 29px; height: 400px; background: url(images/menu-bg-gr.jpg) no-repeat -30px top; }
.nav-navboxright-click-6 { background: url(images/menu-bg.jpg) no-repeat -30px top; }
.home-nav { background-image:url(images/menuhome-2-bg.png); background-repeat: no-repeat; position: absolute; z-index: 3; width: 180px; height: 450px; top: 0px; list-style-type: none; margin-top: 0px; padding: 0px; right: 50px; }
.home-nav li { margin: 0px; padding: 0px; }
.home-nav li a { position: absolute; height: 450px; top:0px; text-indent: -9000px; margin: 0px; overflow: hidden; z-index: 10; padding: 0px; }
.home-nav .panel1a a { left: 0px; width: 30px; }
.home-nav .panel1a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -180px 0px; }
.home-nav-panel1a { position:absolute; top:0px; left:0px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -180px 0px; }
.home-nav .panel2a a { left: 30px; width: 30px; }
.home-nav .panel2a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -210px 0px; }
.home-nav-panel2a { position:absolute; top:0px; left:30px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -210px 0px; }
.home-nav .panel3a a { left: 60px; width: 30px; }
.home-nav .panel3a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -240px 0px; }
.home-nav-panel3a { position:absolute; top:0px; left:60px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -240px 0px; }
.home-nav .panel4a a { left: 90px; width: 30px; }
.home-nav .panel4a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -270px 0px; }
.home-nav-panel4a { position:absolute; top:0px; left:90px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -270px 0px; }
.home-nav .panel5a a { left: 120px; width: 30px; }
.home-nav .panel5a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -300px 0px; }
.home-nav-panel5a { position:absolute; top:0px; left:120px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -300px 0px; }
.home-nav .panel6a a { left: 150px; width: 30px; }
.home-nav .panel6a a:hover { background: url(images/menuhome-2-bg.png) no-repeat -330px 0px; }
.home-nav-panel6a { position:absolute; top:0px; left:150px; width: 30px; height:450px; background: url(images/menuhome-2-bg.png) no-repeat -330px 0px; }
.imageboxleft { float: right; border: 1px solid #555555; background-color: #222222; text-align: right; color: #FFFFFF; text-transform: uppercase; font-size: 10px; padding: 5px; top: 0px; margin: 10px; line-height: 10px; }
.smalltext { font-size: 9px; color: #CCCCCC; }
.bigtype { font-size: 72px; color: #E75012; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear { height: 1%; }
.clear { display: block; }
#enterbox { visibility: hidden; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
a { outline: none; }
#work { top:0px; float: left; height: 400px; position: relative; }
.majorcontain { z-index: 20; width: 815px; overflow: auto; }
.fakework { top:0px; left:0px; padding: 0px; font-size: 14px; color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; margin: 0px; height: 60px; display: block; }
.fakework a { color: #CCC0B3; text-decoration: none; padding-left: 16px; padding-bottom: 3px; background-image: url(images/photo_icon.gif); background-repeat: no-repeat; background-position: left top; }
.fakework a:hover { color: #FFFFFF; text-decoration: none; border-left-color: #FFFFFF; }
.important { z-index:90 !important; }
#container { width:977px; height:600px; margin:0 auto; position:relative; }
.content { overflow:hidden; width:600px; position:relative; height:400px; margin:0px; float:left; }
h1 { text-indent: -9999px; height: 100%; }
h1 a { display: block; height: 100%; width: 100%; }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #A9BCDA; font-weight: normal; line-height: normal; margin-top: 10px; margin-bottom: 5px; }
h2 span.credentials { font-family: Helvetica, Arial, sans-serif; font-size: 70%; color: #A9BCDA; }
h3 { font-size: 14px; text-transform: uppercase; color: #999999; font-weight: bold; margin-bottom: 15px; }
.fakeh1 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #A9BCDA; font-weight: normal; line-height: 24px; }
.subtitle { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #00FFCC; letter-spacing: 2px; text-transform: lowercase; }
.subnav { float:left; clear:both; width:200px; list-style:none; margin: 0px; height: 390px; overflow: hidden; }
.subnav li { width: 180px; }
.subnav li,  .subnav a { display:block; float:left; clear:both; }
.subnav a { font-size:16px; text-decoration:none; color: #999999; margin: 5px 0 5px 10px; padding-right: 10px; display: block; width: 160px; }
.subnav a:hover { color: #FFFFFF; }
.subnav img { display:block; float:left; margin-right:10px; border:1px solid #fff; }
.subnav small { display:block; font-size:.5em; text-transform:uppercase; }
.subnav .aboutscrolling, .subnav .workscrolling { opacity:1; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #006699; color: #FFFFFF; }
.subnav ul { float:left; list-style:none; background-color: #132340; clear: both; margin-left: 20px; }
.subnav ul a { font-size:1em; line-height:1em; margin:0; color: #00CC99; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 20px; }
.section { width:6000px; position:relative; float:left; clear:both; }
.section ul { list-style:none; }
.section .sub { float:left; width:585px; height:400px; border-left-width: 1px; border-left-style: dotted; border-left-color: #006699; padding-right: 20px; padding-bottom: 0px; padding-left: 10px; position: relative; margin-bottom: 0px; overflow: hidden; }
#reference1, #reference2, #reference3, #reference4, #reference5 { height: 200px; width: 300px; right: 20px; overflow: hidden; bottom: 0px; display: block; float: right; margin-top: auto; margin-bottom: 0px; position: absolute; }
.section .sub ul { display: block; padding-left: 10px; list-style-position: inside; }
.section .sub ul li { color: #CCCCCC; margin-left: 15px; display: block; border-left-width: 3px; border-left-style: solid; border-left-color: #809CC8; margin-bottom: 5px; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; font-size: 11px; margin-right: 0px; float: left; width: 350px; }
.section .sub p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; }
.section .sub img { float: left; padding: 4px; margin-right: 15px; margin-bottom: 150px; background-color: #132340; display: block; margin-top: 8px; }
.section .sub img.bottom-margin {margin-bottom: 250px;}
.section .sub img.transparent { background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; }
.section .sub a { color: #CCC0B3; text-decoration: none; border-left-width: 5px; border-left-style: solid; border-left-color: #6C7CB0; padding-left: 5px; }
.section .sub a:hover { color: #FFFFFF; text-decoration: none; border-left-color: #FFFFFF; }
.section .subgallery { float:left; width:565px; height:385px; background-color: transparent; border-left-width: 1px; border-left-style: dotted; border-left-color: #006699; padding-right: 20px; padding-bottom: 0px; padding-left: 10px; position: relative; margin-bottom: 15px; margin-top: 0px; }
.subimage { float: left; color: #F38B5F; text-transform: uppercase; font-size: 10px; line-height: 18px; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 3px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
.subimage img { height: 58px; width: 58px; }
a.subimage { border-left-color: #6C7CB0; border-left-width: 4px; border-left-style: solid; text-decoration: none; }
a:hover.subimage { border-left-color: #FFFFFF; color: #FFFFFF; background-color: #225A8B; }
.subautoscroll { float:left; width:565px; height:385px; background-color: transparent; border-left-width: 1px; border-left-style: dotted; border-left-color: #E75012; padding-right: 20px; padding-bottom: 0px; padding-left: 10px; position: relative; margin-bottom: 15px; margin-top: 0px; overflow: auto; }
* { margin:0; border:0; padding:0; color:#FFFFFF; font:1em/1.5em Helvetica, Arial, Verdana, serif; }
.booktitle { font-size: 16px; color: #00CCFF; }
.bookpublisher { font-size: 11px; text-transform: uppercase; color: #999999; }
#tabcontainer { float: left; position: relative; }
#tabcontainer ul { display: block; float: left; width: 110px; height: 400px; list-style-type: none; position: relative; }
#tabcontainer li { display: block; }
/* Additional IE specific bug fixes... */
* html .home-nav li a { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html .home-nav li a { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }
.fineprnt { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #CCCCCC; display: block; }
.14ptcopy { font-size: 16px; }
.panelscrolling * { overflow:hidden; background-color: #000099; }
#projectstop { position: absolute; height: 20px; background-image: url(images/curtain-bg.png); top: 0px; right: 230px; z-index: 999; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #384D63; border-right-color: #384D63; border-bottom-color: #384D63; border-left-color: #384D63; }
#projectstop a { font-size: 10px; line-height: 20px; text-transform: uppercase; text-decoration: none; display: block; padding-right: 5px; padding-left: 5px; }