/*-----------------------Main-------------------------------*/ body {margin: 0px; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; text-align: center;} #maincontainer {text-align: left; background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 780px!important; width: 814px; padding: 0px 17px 0px 17px;} #content {float: left; width: 320px!important; width: 350px; line-height: 18px; padding: 30px 15px 30px 15px; } #content_long {float: left; width: 535px!important; width: 565px; line-height: 18px; padding: 30px 15px 30px 15px; } p {margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px;} p.skip {position: absolute; left: -9999px; width: 0px; overflow: hidden;} .blue_bg {background-color: #F2F8FE; padding: 7px 11px 7px 11px; color: #003366;} .top {display: none;} .biography {float: right; text-align: right; width: 190px; margin-bottom: 20px;} .biography img {border: 3px solid #003366; margin: 0px 0px 5px 0px;} .image {float: left; margin: 8px 10px 0px 0px;} /*------------------------------------------------------*/ /*-----------------------Footer-------------------------------*/ #footer {display: none;} #footer a:link, #footer a:visited, #footer a:active {padding: 0px 3px 0px 3px; color: #666666; text-decoration: underline; font-weight: normal;} #footer a:hover {color: #000000; text-decoration: underline; font-weight: normal;} #footer p {margin: 2px 0px 2px 0px; padding: 2px 0px 2px 0px;} /*------------------------------------------------------*/ /*-----------------------Titles-------------------------------*/ h1 {letter-spacing: 0.6px; color: #003366; font-size: 20px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: normal; } h2 {color: #2B9908; font-size: 16px; font-weight: normal; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; line-height: normal;} h3 {color: #000000; font-size: 14px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; line-height: 20px;} .font_dark_blue {color: #003366;} .font_light_blue {color: #97C0E6} .font_grey {color: #666666;} .font_small_grey {color: #666666; font-size: 10px;} /*------------------------------------------------------*/ /*-----------------------Links-------------------------------*/ a:link, a:visited, a:active {color: #2B9908; text-decoration: underline; font-weight: bold;} a:hover {color: #003366; text-decoration: underline; font-weight: bold;} h1 a:link, h1 a:visited, h1 a:active {display: block; color: #FFFFFF; text-decoration: none; font-weight: bold;} h1 a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;} h2 a:link, h2 a:visited, h21 a:active {display: block; color: #FFFFFF; text-decoration: none; font-weight: bold;} h2 a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;} /* #navigation {text-align: center; font-size: 12px; height: 14px!important; height: 42px; padding: 14px 0px 14px 0px; background-image: url(../images/button_bg.gif); background-repeat: repeat-x;} #navigation a:link, #navigation a:visited, #navigation a:active {padding: 14px 16px 14px 16px; border-right: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold;} #navigation a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #navigation a.on:link, #navigation a.on:visited, #navigation a.on:hover, #navigation a.on:active {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #navigation a.home:link, #navigation a.home:visited, #navigation a.home:active {padding: 14px 16px 14px 16px; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold;} #navigation a.home:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #navigation a.home_on:link, #navigation a.home_on:visited, #navigation a.home_on:hover, #navigation a.home_on:active {border-left: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} */ #menuwrapper {display: none;} #p7menubar, #p7menubar ul {padding: 0; margin: 0; list-style: none;} #p7menubar a {display: block; padding: 14px 17px 14px 17px; border-right: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold;} #p7menubar a.on {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #p7menubar a.home {display: block; padding: 14px 17px 14px 17px; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold;} #p7menubar a.home_on {border-left: 2px solid #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #p7menubar li {float: left;} #p7menubar li ul, #p7menubar ul li {width: 14em;} #p7menubar ul li a {text-align: left; color: #FFFFFF; border: 0px; padding: 7px 6px 7px 6px; background-image: url(../images/button_bg.gif); background-repeat: repeat-x;} #p7menubar li ul {position: absolute; display: none; background-color: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {color: #FFFFFF; text-decoration: none; font-weight: bold; background-image: url(../images/button_bg_hover.gif); background-repeat: repeat-x;} #p7menubar li:hover ul, #p7menubar li.p7hvr ul {display: block;} #p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #FFFFFF; background-color: transparent;} #p7menubar ul a:hover {background-color: #003366!important; color: #FFFFFF!important; background-image: url(../images/button_bg.gif); background-repeat: repeat-x;} /* The single backslash \ character inside this comment causes IE5 Mac to ignore the following rule, which allows other browsers to render top-level menu items to their natural width. Do not edit this rule in any way. */ #p7menubar li {width: auto;} /*-----------------------End Navigation-------------------------------*/ /*-----------------------Testimonials-------------------------------*/ .quote {padding: 0px 2px 0px 2px; font-size: 20px; position: relative; top: 4px; font-family: "Courier New", Courier, mono; font-weight: bold; color: #2B9908;} .testimonial_light_blue {float: right; margin: 4px 0px 0px 30px;} .testimonial_light_blue div {font-size: 18px; color: #003366; line-height: 26px; padding: 20px 17px 20px 17px; width: 196px!important;width: 230px; height: 128px!important;height: 168px; background-image: url(../images/testimonial_light_blue.jpg); background-repeat: no-repeat;} .testimonial_dark_blue {float: left; margin: 4px 30px 0px 0px;} .testimonial_dark_blue div {font-size: 18px; color: #FFFFFF; line-height: 26px; padding: 20px 17px 20px 17px; width: 196px!important;width: 230px; height: 128px!important;height: 168px; background-image: url(../images/testimonial_dark_blue.jpg); background-repeat: no-repeat;} /*------------------------------------------------------*/ /*-----------------------Bullets-------------------------------*/ #content ul, #content_long ul, #content_full_width ul {list-style-type: none; margin: 8px 0px 8px 20px; padding: 0px 0px 0px 0px;} #content li, #content_long li, #content_full_width li {color: #003366; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 16px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 5px;} /*------------------------------------------------------*/ /*-----------------------Horizontal Rule-------------------------------*/ hr {border: 0px; border-bottom: 1px; color: #CCCCCC; border-bottom-style: solid; height: 0px; clear: both; margin: 0px 0px 10px 0px!important; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px!important; padding: 0px 0px 0px 0px;} /*------------------------------------------------------*/ /*-----------------------Forms-------------------------------*/ form {padding: 0px; margin: 20px 0px 0px 0px;} form p {margin: 7px 0px 7px 0px; padding: 0px;} form p label {float: left; width: 135px; color: #003366;} form input {color: #000000; background-color: #FFFFFF; border-top: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; border-bottom: 4px solid #97C0E6; width: 450px;} form textarea {color: #000000; background-color: #FFFFFF; border-top: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; border-bottom: 4px solid #97C0E6; width: 450px; height: 170px; font-family: Arial, Tahoma, sans-serif; font-size: 12px;} form select {height: 21px; background-color: #FFFFFF; border-top: 1px solid #003366; border-right: 1px solid #003366; border-left: 1px solid #003366; border-bottom: 1px solid #97C0E6; font-size: 12px;} form input.checkbox {color: #000000; background-color: #FFFFFF; border: 1px solid #003366; width: 18px;} form input.submit {font-weight: bold; width: 60px; margin-left: 135px!important;margin-left: 138px; color: #FFFFFF; background-color: #97C0E6; border: 1px solid #003366; padding: 1px 5px 1px 5px; font-size: 12px;} /*------------------------------------------------------*/ /*-----------------------Tables-------------------------------*/ table, tr, td {font-family: Arial, Tahoma, sans-serif; font-size: 11px;} table {border-collapse: collapse; margin: 10px 0px 10px 0px;} td {text-align: left; padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC;} th {font-weight: bold; text-align: left; padding: 8px 5px 8px 5px; border: 1px solid #CCCCCC;} /*------------------------------------------------------*/ /*-----------------------Home Layout-------------------------------*/ #content_full_width {padding: 30px 25px 30px 25px; width: 730px!important;width: 780px; line-height: 18px; } #home_left h1 {line-height: normal; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 28px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #home_left {line-height: 14px; font-size: 11px; margin-bottom: 40px!important; margin-bottom: 15px; float: left; width: 324px!important; width: 354px; height: 240px!important; height: 250px; padding: 10px 15px 0px 15px; background-image: url(../images/light_blue_bg.jpg); background-repeat: no-repeat; color: #003366;} #home_left p a:link, #home_left p a:visited, #home_left p a:active {display: block; color: #003366; text-decoration: none; font-weight: normal;} #home_left p a:hover {color: #003366; text-decoration: none; font-weight: normal;} #home_right h1 {line-height: normal; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 28px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #home_right {line-height: 14px; font-size: 11px; margin-bottom: 40px!important; margin-bottom: 15px; float: right; width: 324px!important; width: 354px; height: 240px!important; height: 250px; padding: 10px 15px 0px 15px; background-image: url(../images/dark_blue_bg.jpg); background-repeat: no-repeat; color: #FFFFFF;} #home_right p a:link, #home_right p a:visited, #home_right p a:active {display: block; color: #FFFFFF; text-decoration: none; font-weight: normal;} #home_right p a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal;} a.read_more_dark_blue:link, a.read_more_dark_blue:visited, a.read_more_dark_blue:active {position: relative; left: 225px; top: -18px; color: #FFFFFF; text-decoration: none; font-weight: bold; display: block; width: 92px!important; width: 100px; height: 19px!important; height: 27px; padding: 8px 0px 0px 8px; background-image: url(../images/read_more_dark_blue.gif); background-repeat: no-repeat;} a.read_more_dark_blue:hover {color: #003366; text-decoration: none; font-weight: bold;} a.read_more_light_blue:link, a.read_more_light_blue:visited, a.read_more_light_blue:active {position: relative; left: 225px; top: -18px; color: #FFFFFF; text-decoration: none; font-weight: bold; display: block; width: 92px!important; width: 100px; height: 19px!important; height: 27px; padding: 8px 0px 0px 8px; background-image: url(../images/read_more_light_blue.gif); background-repeat: no-repeat;} a.read_more_light_blue:hover {color: #003366; text-decoration: none; font-weight: bold;} #home_bottom {border: 1px solid #CCCCCC; padding: 20px 20px 20px 20px!important; padding: 10px 20px 20px 20px; clear: both; line-height: 18px;} #home_bottom .left {float: left; width: 322px!important;width: 322px; padding-right: 20px;} #home_bottom .right {float: right; width: 322px!important;width: 342px; padding-left: 20px; border-left: 3px solid #CCCCCC;} #home_bottom h2 {color: #003366; font-size: 18px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 15px 0px 9px 32px; line-height: normal; background-position: left; background-repeat: no-repeat;} #home_bottom h2.title_articles {background-image: url(../images/title_articles.gif);} #home_bottom h2.title_testimonials {background-image: url(../images/title_testimonials.gif);} #home_bottom h3 {font-size: 12px; font-weight: normal; margin: 2px 0px 2px 0px; padding: 2px 0px 2px 0px; line-height: normal;} /*------------------------------------------------------*/ /*-----------------------Left-------------------------------*/ #left {padding: 30px 0px 30px 25px; display: inline; float: left; width: 190px!important; width: 215px; } #left div {border: 1px solid #CCCCCC; padding: 10px; margin-bottom: 10px;} #left h2.dark_blue {background-image: url(../images/title_bg_dark_blue.jpg); background-repeat: no-repeat; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 9px 0px 9px 9px; line-height: normal; } #left h2.light_blue {background-image: url(../images/title_bg_light_blue.jpg); background-repeat: no-repeat; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 9px 0px 9px 9px; line-height: normal; } #left a:link, #left a:visited, #left a:active {padding: 0px 0px 8px 16px; display: block; background-image: url(../images/nav_arrow.gif); background-position: -187px 0px; background-repeat: no-repeat; color: #003366; text-decoration: none; font-weight: normal; font-size: 13px;} #left a:hover {color: #2B9908; text-decoration: underline; font-weight: normal; background-position: 0px 0px;} #left a.on:link, #left a.on:visited, #left a.on:hover, #left a.on:active {color: #2B9908; text-decoration: underline; font-weight: normal; background-position: 0px 0px;} /*------------------------------------------------------*/ /*-----------------------Right-------------------------------*/ #right {padding: 30px 25px 30px 0px; width: 190px!important; width: 215px; float: left; } #right div {border: 1px solid #CCCCCC; margin-bottom: 12px; font-size: 11px; color: #666666; line-height: 18px;} #right h2 {background-color: #FFFFFF; color: #003366; font-size: 18px; font-weight: bold; margin: 10px 10px 0px 10px; padding: 15px 0px 9px 32px; background-position: left; background-repeat: no-repeat;} #right h2.title_portfolio {background-image: url(../images/title_portfolio.gif);} #right h2.title_articles {background-image: url(../images/title_articles.gif);} #right h2.title_testimonials {background-image: url(../images/title_testimonials.gif);} #right p {margin: 0px 5px 4px 5px; padding: 0px 5px 4px 5px;} #right a.white_light:link, #right a.white_light:visited, #right a.white_light:active {padding: 5px 10px 5px 10px; color: #FFFFFF; text-decoration: underline; font-weight: bold;display: block; background-color: #96C0E6;} #right a.white_light:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;} #right a.white_dark:link, #right a.white_dark:visited, #right a.white_dark:active {padding: 5px 10px 5px 10px; color: #FFFFFF; text-decoration: underline; font-weight: bold;display: block; background-color: #02478C;} #right a.white_dark:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;} /*------------------------------------------------------*/ /*-----------------------Articles-------------------------------*/ a.highlight:link, a.highlight:visited, a.highlight:active {margin-bottom: 7px; display: block; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 15px;} a.highlight:hover {background: url(../images/listhover.gif) no-repeat right 50%; text-decoration: none;} a.highlight span.intro {color: #000000; text-decoration: none; font-weight: normal; font-size: 12px;} a.highlight:hover span.intro {color: #333333; text-decoration: none; font-weight: normal;} a.highlight span.article_grey, a.highlight:visited span.article_grey, a.highlight:active span.article_grey, a.highlight:hover span.article_grey {color: #666666; text-decoration: none; font-weight: normal; font-size: 10px; padding: 0px 5px 0px 0px;} .category {color: #666666; font-size: 10px; padding: 0px 10px 0px 10px;} .pagecount {text-align: right; font-size: 10px; color: #666666; clear: both;} a.pagecount_highlight {background-color: #2B9908; padding: 2px; color: #FFFFFF;} #bookmarks {border: 1px solid #CCCCCC; font-size: 10px; padding: 10px 10px 8px 10px;} #bookmarks h3 {float: left; color: #2B9908; font-size: 12px; font-weight: normal; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; line-height: normal;} #bookmarks a:link, #bookmarks a:visited, #bookmarks a:active {padding: 4px 15px 4px 19px; background-repeat: no-repeat; color: #2B9908; text-decoration: underline; font-weight: bold;} #bookmarks a:hover {color: #003366; text-decoration: underline; font-weight: bold;} a.delicious:link, a.delicious:visited, a.delicious:hover, a.delicious:active {background-image: url(../images/bookmark_delicious.gif);} a.facebook:link, a.facebook:visited, a.facebook:hover, a.facebook:active {background-image: url(../images/bookmark_facebook.gif);} a.reddit:link, a.reddit:visited, a.reddit:hover, a.reddit:active {background-image: url(../images/bookmark_reddit.gif);} a.stumbleupon:link, a.stumbleupon:visited, a.stumbleupon:hover, a.stumbleupon:active {background-image: url(../images/bookmark_stumbleupon.gif);} a.digg:link, a.digg:visited, a.digg:hover, a.digg:active {background-image: url(../images/bookmark_digg.gif);} /*------------------------------------------------------*/ /*-----------------------Portfolio-------------------------------*/ #portfolio_left h1 {line-height: normal; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 15px; font-weight: bold; margin: 3px 0px 7px 0px; padding: 3px 0px 0px 0px;} #portfolio_left {margin-left: 60px!important;margin-left: 40px; line-height: 14px; font-size: 11px; margin-top: 15px; margin-bottom: 60px!important; margin-bottom: 15px; float: left; width: 227px!important; width: 257px; height: 171px!important; height: 181px; padding: 10px 15px 0px 15px; background-image: url(../images/portfolio_light_blue_bg.jpg); background-repeat: no-repeat; color: #003366;} #portfolio_right h1 {line-height: normal; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 15px; font-weight: bold; margin: 3px 0px 7px 0px; padding: 3px 0px 0px 0px;} #portfolio_right {margin-right: 60px!important;margin-right: 40px;line-height: 14px; font-size: 11px; margin-top: 15px; margin-bottom: 60px!important; margin-bottom: 15px; float: right; width: 227px!important; width: 257px; height: 171px!important; height: 181px; padding: 10px 15px 0px 15px; background-image: url(../images/portfolio_dark_blue_bg.jpg); background-repeat: no-repeat; color: #FFFFFF;} a.view_portfolio_dark_blue:link, a.view_portfolio_dark_blue:visited, a.view_portfolio_dark_blue:active {position: relative; left: 115px; top: -19px; color: #FFFFFF; text-decoration: none; font-weight: bold; display: block; width: 113px!important; width: 121px; height: 20px!important; height: 27px; padding: 7px 0px 0px 8px; background-image: url(../images/view_portfolio_dark_blue.gif); background-repeat: no-repeat;} a.view_portfolio_dark_blue:hover {color: #003366; text-decoration: none; font-weight: bold;} a.view_portfolio_light_blue:link, a.view_portfolio_light_blue:visited, a.view_portfolio_light_blue:active {position: relative; left: 115px; top: -19px; color: #FFFFFF; text-decoration: none; font-weight: bold; display: block; width: 113px!important; width: 121px; height: 20px!important; height: 27px; padding: 7px 0px 0px 8px; background-image: url(../images/view_portfolio_light_blue.gif); background-repeat: no-repeat;} a.view_portfolio_light_blue:hover {color: #003366; text-decoration: none; font-weight: bold;} .portfolio_box h1 {color: #FFFFFF; font-size: 14px; background-image: url(../images/portfolio_h1_bg.jpg); background-repeat: no-repeat; letter-spacing: normal; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 10px; height: 18px!important; height: 34px; line-height: normal;} .portfolio_box h1.light {color: #003366; font-size: 14px; background-image: url(../images/portfolio_h1_light_bg.jpg); background-repeat: no-repeat; letter-spacing: normal; font-weight: bold; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 10px; height: 18px!important; height: 34px; line-height: normal;} .portfolio_box {width: 256px; float: left; display: inline; margin: 15px 0px 10px 0px;} .portfolio_box_inner {border: 1px solid #CCCCCC; padding-top: 3px;} .portfolio_more_info {font-size: 10px; height: 22px!important; height: 34px; padding: 6px; background-image: url(../images/portfolio_see_more_bg.jpg); background-repeat: no-repeat; color: #FFFFFF;} .portfolio_more_info_open p {margin: 4px 5px 0px 5px; padding: 4px 5px 4px 5px;} .portfolio_more_info_open {color: #003366; background-image: url(../images/content_bottom_bg.gif); background-position: bottom; background-repeat: repeat-x;} .portfolio_more_info_arrow {float: left; margin: 0px 2px 0px 0px;} .portfolio_image {background-image: url(../images/portfolio_img_bg.gif); background-repeat: no-repeat; padding: 13px 13px 13px 13px;} /*-----------------------Lightbox-------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ padding: 0px 10px 20px 0px; float: right; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #003366; } /*------------------------------------------------------*/