/* colors link blue text #9ae4e8 header blue #35739d main text gray #353f45 */ /* * RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} /* * GENERAL */ html{ font-size:16px;} body { line-height: 1;} ol, ul{ list-style: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} input[type=hidden]{ display:none;} blockquote, q{ quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} /* * BASIC TAGS */ body{ font:12px Verdana, Geneva, sans-serif; color:#333; background: #001a2c;} h1{ font-size:1.7em; margin-bottom:1em;} p{ margin-bottom:10px;} hr{ border:none; border-bottom:1px solid #C2D5E1;} a { color:#9ae4e8; text-decoration:none;} a:hover { color:#9ae4e8; text-decoration:underline;} /* * STRUCTURE */ #container{ width:796px; margin:0 auto; overflow:hidden;} #header{ background:url(../images/site/bg-header.jpg) no-repeat; width:796px; height:121px;} #header *{ display:none;} /* * NAVIGATION */ #nav{ width:796px; height:34px; background: url(../images/site/bg-nav.jpg) no-repeat;} #nav li{ float:left;} #nav a{ height:34px; display:block; text-decoration:none; color:#fff; font-weight:bold; background: url(../images/site/bg-nav2.jpg) no-repeat;} #nav a *{ display:none;} #nav li:hover, #nav li.selected{ border-color:#333; cursor:pointer;} #nav a.home{ background-position: 0 0; width:63px;} #nav a.firm{ background-position: -63px 0; width:101px;} #nav a.portfolio{ background-position: -164px 0; width:79px;} #nav a.design-services{ background-position: -243px 0; width:129px;} #nav a.resources{ background-position: -372px 0; width:90px;} #nav a.employment{ background-position: -462px 0; width:105px;} #nav a.contact{ background-position: -567px 0; width:73px;} #nav a.home:hover{ background-position: 0 -34px;} #nav a.firm:hover{ background-position: -63px -34px;} #nav a.portfolio:hover{ background-position: -164px -34px;} #nav a.design-services:hover{ background-position: -243px -34px;} #nav a.resources:hover{ background-position: -372px -34px;} #nav a.employment:hover{ background-position: -462px -34px;} #nav a.contact:hover{ background-position: -567px -34px;} /* * SLIDESHOW */ #slideshow{ width:768px; height:388px; padding:14px; background:#fff;} #slideshow object{ width:768px; height:388px; background:#000;} /* * CONTENT */ #home-content{ background:url(../images/site/bg-home-content.jpg) no-repeat; width:796px; padding:24px 0 0 0; color:#fff; font:12px Verdana, Geneva, sans-serif; overflow:hidden;} #home-content h2{ font:bold 18px Verdana, Geneva, sans-serif; text-transform:uppercase; margin-bottom:15px;} #home-content .about-col{ width:265px; float:left; line-height:15px;} #home-content .about-col .project_img{ border:5px solid #fff; margin-bottom:5px;} #home-content .contact-col{ width:211px; float:left; padding:0 10px 0 44px; line-height:15px;} #home-content .contact-col .address{ width: 115px; float:left; margin-bottom:15px;} #home-content .contact-col .map{ background:url(../images/site/bg-home-map-icon.gif) no-repeat; width:68px; height:52px; float:right; clear:right;} #home-content .contact-col .general-info{ clear:both;} #home-content .test-col{ width:225px; float:right; padding: 0 0 0 37px;} #home-content .test-col div.test{ width:205px; padding:10px; font-size:12px; line-height:16px; background-color:#263c4b; background: rgb(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);} #home-content .test-col div.test-bot{ background:url(../images/site/bg-test-bot.gif) bottom right no-repeat; height:20px; } /* ------------------------------------------ */ #content{ background:url(../images/site/bg-content-grid.jpg) no-repeat #fff; width:768px; min-height:400px; _height:400px; padding:14px; overflow:hidden;} #content h2{ font:bold 18px Verdana, Geneva, sans-serif; color:#35739d; text-transform:uppercase; margin-bottom:15px;} #content h3{ font:bold 14px Verdana, Geneva, sans-serif; color:#35739d; margin-bottom:10px;} #content p{ font:12px/20px Verdana, Geneva, sans-serif; margin-bottom:20px;} #content .col1{ width:563px; padding-right:40px; float:left;} #content .col1 h2.breadcrumb { font-size:15px;} #content .col1 a{ color:#35739d; text-decoration:underline} #content .col1 a.breadcrumb { color:#888; text-decoration:underline;} #content .col1 a.breadcrumb:hover { color:#9ae4e8; text-decoration:none;} #content .col1 ul li{ list-style:outside disc; margin-left:24px; margin-bottom:5px;} #content .col1 ol li{ list-style:outside decimal; margin-left:24px; margin-bottom:5px;} #content .col2{ width:165px; float:right;} #content .col2 .col2-header{ padding:5px 0; text-align:center; border-top:1px solid #99b9cd; border-bottom:1px solid #99b9cd; font:bold 12px/15px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#35739d; margin-bottom:20px; background-color:#ECF2F6; background: rgb(194, 213, 225, 0.3); background: rgba(194, 213, 225, 0.3);} #content .col2 .sidelinks li, #content .col1 .questions li{ margin-bottom:10px; margin-left:15px; list-style:outside url(../images/site/bg-arrow.gif);} #content .col2 .sidelinks li a{ color:#35739d; text-decoration:underline;} #content .col2 .sidelinks li a.selected, #content .col2 .sidelinks li.active a{ color:#35739d; text-decoration:none; padding:2px 0; font-weight:bold;} #content .col2 .sidelinks li a:hover{ text-decoration:none;} /* FAQs*/ #content .col1 div.faq{ width:523px; padding:10px 20px; border-top:1px solid #99B9CD; border-bottom:1px solid #99B9CD; margin-bottom:20px; background-color: #ECF2F6; background: rgb(194, 213, 225, 0.3); background: rgba(194, 213, 225, 0.3);} #content .col1 .questions li a, #content .col1 .faq a.question{ color:#35739d; text-decoration:underline;} #content .col1 .questions li a:hover, #content .col1 .faq a.question:hover{ text-decoration:none;} /* * FOOTER */ #footer{ width:796px; height:44px; border-top:1px solid #2f5765; color:#fff; margin-top:20px; padding-top:16px; font-size:10px!important;} #footer p{ margin:0 -2px; padding:15px;} #footer a{ color:#fff; text-decoration:none;} #footer a:hover{ text-decoration:underline;} #footer .fcol1{ width:360px; float:left;} #footer .fcol2{ width:360px; float:right; text-align:right;} /* * IDS */ #directions-map{ width:350px; height:320px; border:1px solid #ccc} #portfolio a{ border:3px solid #aaa; background-color:#eee; padding:7px; margin:5px; display:inline-block;} #portfolio a:hover{ border:4px solid #333; padding:6px; background-color:#ccc;} .port-title{ font-size:14px; margin-bottom:10px; display:block;} /* * General Sitewide Styles */ .cleaner{ clear:both; visibility:hidden; line-height:1px; font-size:1px; border:none; height:1px;} .x{ color:#d00;} /* basic form styles */ form{ padding:10px 0;} label, input, select, textarea, fieldset{ display:block; font:1.2em Arial, Helvetica, sans-serif; margin-bottom:1.2em;} input, select, textarea, fieldset{ border:1px solid #333; padding:3px 2px;} label{ margin:0 0; font-size:.95em;} label input{ display:inline; width:auto; margin:0 0 5px; vertical-align:text-top;} fieldset{ font-size:1em; padding-left:1em;} textarea{ overflow:auto; width:350px;} input{ width:350px;} input.email{ width:350px;} input.img{ width:auto; height:auto; border:none;} input.phone, input.zip, input.fax{ width:130px;} input.submit{ background:#35739d; width:70px; height:25px; border:none; cursor:pointer; color:#fff; text-transform: uppercase; font-size:12px; font-weight:bold; clear:both;} input.submit:hover{ background:#001a2c; color:#fff; border:1px solid #666;} p.label{ margin:0;} .nodisp{ display:none;} .col{ float:left; padding-right:20px;} /* alert messages stycles */ .alert{ padding:10px; margin:10px 0; font-weight:bold;} .error { background:#f8dddd; border:1px solid #dc5353;} .success {background:#e1f8dd; border:1px solid #67dc53;} /* * FCK Editor Resets */ img[align=left]{ float:left; margin:5px 10px 10px 0; border:1px solid #35729e; } img[align=right]{ float:right; margin:10px 0 10px 10px;} img[border="9"]{ border:9px solid #D2D4D5!important;} img[border="8"]{ border:8px solid #D2D4D5!important;} img[border="7"]{ border:7px solid #D2D4D5!important;} img[border="6"]{ border:6px solid #D2D4D5!important;} img[border="5"]{ border:5px solid #D2D4D5!important;} img[border="4"]{ border:4px solid #D2D4D5!important;} img[border="3"]{ border:3px solid #D2D4D5!important;} img[border="2"]{ border:2px solid #D2D4D5!important;} img[border="1"]{ border:1px solid #D2D4D5!important;} /* modal */ #modal-overlay{ position:absolute; left:0; top:0; z-index:1000; background:#fff; display:none;} #modal, .modal{ position:fixed; left:0; top:0; padding:10px 10px 10px 20px; width:520px; z-index:1001; background:#B6C1C3; display:none; -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .7);} #modal .msg{ display:none; font-weight:bold; background:#959E9F; color:#fff; padding:10px;} #modal .close, .modal .close{ width:16px; height:16px; position:absolute; text-align:center; line-height:16px; right:10px; top:10px; background:#959E9F; color:#fff;} #modal .close:hover, .modal .close:hover{ top:11px; opacity: .7;}