/* Styling the search results */ #pageContainer{ /* Holds each page with search results. Has an inset bottom border. */ width: 600px; margin-right: auto; margin-left: auto; border-bottom:3px dotted #8cc5dd; padding: 20px; } p.notFound{ color: #fff; text-align:center; margin:100px; padding:40px; background-color:#53819b; font-size:18px; font-weight:normal; /* Applying CSS3 rounded corners */ -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; } /* Web & news results */ .webResult{ margin-bottom:50px;} .webResult h2{ background-color:#53819b; font-size:18px; font-weight:normal; padding:8px 20px; /* Applying CSS3 rounded corners */ -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; } .webResult h2 b{ color:#fff; } .webResult h2 a{ color:#eee;border:none;} .webResult p{ line-height:1.5;padding:15px 20px;} .webResult p b{ color:white;} .webResult > a{ color: #c8e7f4; margin-left:20px; } /* The show more button */ #more{ width:83px; height:24px; background:url(../images/more.png) no-repeat; cursor:pointer; margin:40px auto; } #more:hover{ background-position:left bottom; } /* Giving Credit */ p.credit{ margin:20px 0; text-align:center; } p.credit a{ background-color:#4B5A64; border:1px solid; border-color:#3D4D57 #788E9B #788E9B #3D4D57; color:#c0d0d8; font-size:10px; padding:4px 8px; text-shadow:1px 1px 0 #38464F; } p.credit a:hover{ background-color:#38464f; border-color:#38464f #788E9B #788E9B #38464f; } .clear{ clear:both; } /* Begin Global Styles Reset*/ html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, input, textarea { padding: 0; margin: 0; font-size: 100%; font-weight: normal; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; } *, * focus { outline: none; margin: 0; padding: 0; } a {text-decoration: none;outline: none;} table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } .floatRight { float: right; } .floatLeft { float: left; } #wrapper { position: relative; width: 960px; margin-right: auto; margin-bottom: 0; margin-left: auto; zoom:1; } #header { width: 960px; height: 124px; } #logo{ position: absolute; top: 0; left: 0; width: 244px; height: 124px; } #branding { position: absolute; top: 0; left: 244px; width: 396px; height: 62px; padding-top: 36px; } .tagline,.phone { color: #007db1; font-size: 12px; font-weight: normal; line-height: 12px; } .phone { position: absolute; top: 36px; right: 40px; } #searchbox { position: absolute; top: 0; left: 750px; width: 320px; height: 62px; padding-top: 31px; } #hdr-search-query { color: #8cc5dd; font-size: 11px; border: solid 1px #007db1; } /* Begin Styles for the Global Navigation Bar (Section Navigation) */ #globalNav { background-color: white; position: absolute; top: 62px; left: 244px; width: 716px; height: 10px; } #globalNavMain{ margin-top:25px; margin-left: -38px; list-style-type: none; } #globalNavMain li{ float: left; } #globalNavMain li a{ color: #00446e; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-indent: 18px; margin-right: 30px; padding-top: 2px; display: block; zoom:1; } #globalNavMain li a:visited{ color: #00446e; text-decoration: none; } #globalNavMain li a:hover{ border-bottom-style: none; } #globalNavMain li a.selected{ background-image: url(../images/DGS-Triangle-SM.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; }/* End Global Navigation Styles */ #contentWrapper { overflow: auto; background-color: #00446e; position: relative; width: 716px; height: 476px; margin-left: 244px; } #content{ position: absolute; top: 0; left: 0; width: 696px; height: 360px; z-index: 100; overflow: hidden; border-color: #fff; border-style: solid; border-width: 0 3px 3px; } #contentDescription { color: #c8e7f4; font-size: 12px; position: absolute; left: 0; bottom: 0; width: 696px; height: 112px; margin-top: 0; margin-bottom: auto; border-color: #fff; border-style: solid; border-width: 0 3px 3px; } .contentDescriptionText { color: #fff; line-height: 15px; position: absolute; top: 0; left: 0; padding:15px; } .contentDescriptionGalleryText { color: #fff; line-height: 15px; position: absolute; top: 0; left: 0; overflow: hidden; margin-right: 250px; padding: 15px; } .contentDescriptionGalleryText p { color: #fff; line-height: 13px; } .contentDescriptionGalleryText p strong { color: #8cc5dd; font-weight: normal; line-height: 13px; } .contentDescriptionGalleryText a { color: #c70b46; position: relative; top: 7px; } .contentDescriptionText h2, .contentDescriptionGalleryText h2{ font-size: 18px;padding-bottom: 10px;} .noRightBorder { border-style: none; border-width: 0; } .customerThumbnail { position: absolute; top: 0; right: 0; width: 173px; height: 112px; } .customerThumbnailOverlay { background-color: #00446e; position: absolute; top: 0; right: 0; width: 80px; height: 112px;left:450px; opacity:0.65; filter:alpha(opacity=65);} #customerPhoto{position: absolute; top: 0; left: 0; width: 696px; height: 360px; z-index: 100; overflow: hidden;} #customerPhoto .scrollable { overflow: auto; } #aboutPhoto { position: absolute; z-index: 100; top: 0; left: 0; width: 696px; height: 360px; overflow: hidden; } #customerGallery ul { position: absolute; top: 0; right: 0; } #customerGalleryLink { position: absolute; left: 0; bottom: 0; } #aboutGalleryLink { position: absolute; top: 0; right: 0; z-index: 10; display: none; } #customerGallery li{ overflow: hidden; float: right; border-left: 3px solid #fff; list-style-type: none; display: inline; } #customerGallery li.selected{ } #customerGallery li:hover{ } #customerStory{ position: absolute; top: 0; right: 0; width: 266px; height: 360px; z-index: 100; overflow: hidden; color: #fff; font-size: 12px;line-height: 18px; padding: 15px; } #customerStory h1{font-size: 16px;padding-bottom: 10px; } #customerStory a{ color:#c70b46; text-decoration: none; } .underConstruction { color: #fff; font-size: 12px; text-decoration: none; position: relative; outline-style: none; } .underConstruction img {position: absolute; margin-left:30px; margin-top:80px;} .underConstruction h3{ font-size: 16px; position: absolute; margin-left:370px; margin-top:188px; } .underConstruction div { margin-top: 215px; margin-left: 370px; } .underConstruction a { color: #c70b46; text-decoration: none; padding-right: 5px; padding-left: 3px; } #contactList{ color: #fff; text-decoration: none; text-align: left; position: absolute; top: 15px; left: 0; width: 250px; height: 360px; overflow: auto; } #contactList h1{ font-size: 18px; line-height: 24px; padding-top: 40px; padding-left: 20px; } #contactList ul li { font-size: 12px; line-height: 15px; padding-top: 10px; list-style-type: none; } #contactList ul li p { color: #fff; } #contactList ul li h2 { color: #8cc5dd; } #contactForm { color: #8cc5dd; font-size: 12px; position: absolute; top: 15px; right: 100px; width: 300px; height: 300px; } #contactForm h1{ color: #fff; font-size: 18px; line-height: 24px; padding-top: 40px; } #contactForm form { position: inherit; z-index: 500; padding-top: 12px; } #contactForm input, #contactForm textarea{ color: #8cc5dd; font-size: 12px;text-align: left; margin-bottom: 6px; } .sendButton { overflow: hidden; } #studiesPanel { color: #fff; background-color: #007db1; position: absolute; top: 0; left: 0; width: 300px; height: 260px; margin-left: -25px; padding: 60px 30px 40px 40px; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; } #studiesPanel h1{ font-size: 18px; padding-bottom: 10px;} #studiesPanel p{ font-size: 12px; } #studiesPanel a{ color: #fff; font-size: 12px; background-image: url(../images/switchPanel.png); background-repeat: no-repeat; background-position: right bottom; text-decoration: none; position: absolute; right: 0; bottom: 0; width: 27px; height: 43px; margin-bottom: 15px; padding-top: 25px; padding-right: 5px; padding-bottom: 5px; } #studiesPanel a.closed{ background-image: url(../images/switchPanel.png) ; background-position: left bottom; } /* Begin Styles for the Sidebar Navigation (Content Navigation) */ #sidebarNav { background-color: #00446e; position: absolute; top: 124px; left: 0; width: 244px; height: 476px; padding-top: 40px; border-right: 3px solid #fff; } #sidebarNav div.navItems{ } #sidebarNav a, p.sidebarText {display: block; color: white; font-size: 12px; font-weight: 100; line-height: 24px; margin-left: 60px;} #sidebarNav h2 a, .sidebarText h2 { color:#fff; font-size: 18px; line-height: 24px; margin-top: 15px; margin-left: 20px; padding-left: 20px; } #sidebarNav h2,#sidebarNav a:hover { font-weight: normal; } #sidebarNav a.selected {color: #8cc5dd;} h2.sidebarText { color: #fff; font-size: 18px; text-decoration: none; margin-top: 20px;margin-left: 20px; padding-top: 10px; padding-bottom: 5px; padding-left: 18px; } p.sidebarText { color: #fff; padding-right: 40px;line-height: 18px;} .active { background-image: url(../images/DGS-Triangle-SM.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 20px 50%; } /* End Styles for the Sidebar Navigation (Content Navigation) */ #footer { position: relative;background-color: #00446e; width: 960px; height: 40px;clear: both; } #footer .copyright, #footer a {color:#a3b8c5; font-size: 11px; font-weight: 200; text-decoration: none;} #footer .copyright {position: absolute; top: 12px; left: 244px; } #footer a:hover { border-bottom: 1px solid #a3b8c5; } #sitemap {position: absolute; top: 12px; right: 100px; } #home {position: absolute; top: 12px; right: 211px; } /*--Main Container -- Home Page Slide Rotator --*/ .homePillar { position: relative; width: 232px; height: 75px; float: left; } .homePillarText{ position: absolute; top: 0; left: 0; width: 118px; height: 75px; padding: 10px; } .homePillar img { position: absolute; right:0; top: 0; height: 112px; overflow: hidden; margin-right: -3px; border-right: 3px solid #fff; } .homePillar img .noBorder { position: absolute; right:0; top: 0; height: 112px; overflow: hidden; margin-right: -3px; border-right-style: none; } .homePillarText h2,.homePillarText h2 a { color: #fff; font-size: 18px; } .homePillarText p,.homePillarText p a { color: #c8e7f4; font-size: 12px; font-weight: 200; line-height: 14px; float: left; padding-top: 2px; } .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { /*- height:286px; width: 790px;-*/ width: 696px; height: 360px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel div {position: relative ; float: left;} .image_reel span,.infoTarget {position:absolute; left: 0pt;} .infoBox { color: #fff; font-size: 12px; line-height: 12px; z-index: 200;background-color: #007db1; position: absolute; width: 121px; padding: 10px; display: none; -moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; } .infoTarget { z-index: 300; display: none;} .targetBottom { padding-bottom: 40px; } .targetTop { padding-top: 40px; } /*--Paging Styles--*/ .paging { position: absolute; bottom: 0; right: 0; width: 128px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 12px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background-image: url(../images/DGS-Triangle-Med.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 25% 65%; border-width: 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;}