body { background-color: #dedde0; margin: 0; padding: 0; } #navcontainer { background-color: #000000; } #nav { width: 900px; height: 84px; margin: 0 auto; position: relative; } #nav img { float: left; margin-right: 20px; border: 0; } #nava, #navb { list-style: none; height: 42px; margin: 0; } #nava li, #navb li { display: block; float: left; } #nava li a, #navb li a { text-decoration: none; display: block; font-size: 14px; line-height: 18px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } #nava li a { color: #ffffff; padding: 12px 20px; } #nava li a:hover, #nava li.active a { background-color: #6167b0; } #navb li a { color: #6167b0; padding: 12px 20px 12px 0; } #navb li a:hover, #navb li.active a { color: #ffffff; } #nav form { width: 160px; height: 25px; display: block; position: absolute; top: 9px; right: 0px; background-color: #222222; } #nav form input { width: 130px; display: block; position: absolute; top: 5px; left: 6px; background-color: transparent; border: 0; padding: 0; margin: 0; color: #e0e0e0; font: 14px "Calibri", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } #nav button { background: url(./../../styles/quantico/img/searchbutton.png) no-repeat; display: block; width: 19px; height: 19px; border: none; position: absolute; top: 3px; right: 4px; } #nav input:focus{ outline: 0; } #center { width: 900px; padding: 0 40px; background: #dedde0 url(./../../styles/quantico/img/shadow.png) repeat-y; margin: 0 auto; } #eyecatcher { position: relative; overflow: hidden; } #eyecatcher img { position: absolute; display: block; border: 0; left: 0; opacity: 0; -webkit-transform: scale(1.2,1.2); -webkit-transition: all 0.8s; transform: scale(1.2,1.2); transition: all 0.8s; } #eyecatcher.loaded img { -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 1; } #bottom { width: 900px; height: 60px; padding: 0 40px; background: #dedde0 url(./../../styles/quantico/img/bottom.png) no-repeat; margin: 0 auto; } #caption { background-color: black; margin: 0; padding: 10px 40px; } #breadcrumbs { margin: 0; padding: 0; color: #dddddd; font-size: 90%; } #breadcrumbs a { text-decoration: none; color: #6167b0; -webkit-transition: all 0.3s; transition: all 0.3s; } #breadcrumbs a:hover { color: #dddddd; } #header { margin: 0; padding: 10px 40px; background: #f0f0f0; } #main { background: #ffffff; padding: 10px 40px; } #sidebarleft { float: left; margin-right: 40px; min-height: 1px; } #sidebarright { float: left; margin-left: 40px; min-height: 1px; } #content { float: left; } #footer { margin: 0; padding: 10px 40px; background: #f0f0f0; } #common { padding: 20px 20px 0 20px; color: #e0e0e0; text-align: center; font-size: 14px; text-transform: uppercase; } #common a { color: #e0e0e0; text-decoration: none; } #common a:hover { color: #ffffff; }