/* Resets / Base Styling */ * { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #333; } h1, h2, h3, h4, h5, h6, ul, ol, p { margin-bottom: 10px; line-height: 18px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 { font: 28px/28px "Times New Roman", Times, serif; font-style: italic; font-weight: bold; } h1#pagetitle { border-bottom: 1px solid #90b1c9; margin-bottom: 3px; margin-top: 0; } h2 { color: #4a7da2; font: 18px/22px "Times New Roman", Times, serif; font-weight: bold; margin-top: 24px; } h3 { color: #4a7da2; font-size: 14px; margin-bottom: 3px; } h3 span { color: #666; font-size: 10px; text-transform: uppercase; font-weight: normal; } h4 { } h5 { } h6 { } p { margin-bottom: 10px; color: #333; } a:link, a:visited { text-decoration: underline; color: #4a7da2; outline: none; border: none; } a:hover, a:active { text-decoration: underline; color: #666; } h3 a:link, h3 a:visited { text-decoration: none; color: #4a7da2; outline: none; border: none; } h3 a:hover, h3 a:active { text-decoration: underline; color: #666; } img, a img { border: none; } ul { margin-left: 3em; } ul li { margin-bottom: 5px; } ol { margin-left: 3em; } ol li { margin-bottom: 5px; } .hr { clear: both; border-top: 1px solid #cfcfcf; margin: 10px 0; padding: 0 25%; width: 50%; } .hr hr { display: none; } .center { text-align: center; } .clrbt { clear: both; } .fltrt { float: right; } .fltlt { float: left; } blockquote { background: #f3f3f3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 15px 1px 15px; margin-bottom: 12px; } blockquote.callout { float: right; width: 250px; margin-left: 15px; } .button { background: url(images/bg-button-right.gif) right top no-repeat; display: inline-block; } .button a:link, .button a:visited { background: url(images/bg-button-left.gif) left top no-repeat; color: #fff; padding: 4px 10px 4px 30px; display: inline-block; text-decoration: none; } .button a:hover, .button a:active { color: #f3f3f3; text-decoration: none; } .cta { } .note { font-size: 11px; font-style: italic; color: #999; } ul.pdfs { margin: 0 0 12px 0; list-style-type: none; text-align: center; } ul.pdfs li { text-align: center; width: 24.5%; display: inline-block; *display: inline; margin: 0 0 12px 0; padding: 0; vertical-align: top; } ul.videos { margin: 0 0 12px 0; list-style-type: none; text-align: center; } ul.videos li { text-align: center; width: 33%; display: inline-block; *display: inline; margin: 0 0 12px 0; padding: 0; vertical-align: top; } body { background:url(images/main-bg.jpg) top left repeat-x #fff; text-align:center; } #outer-wrapper { width:1018px; margin:0 auto; text-align:left; } #inner-wrapper { } /* Header */ #header-wrapper { height:144px; width:1018px; position:relative; background:url(images/header-bg.jpg) top left no-repeat; } #header { } #home-header { display:block; width:460px; height:75px; float:left; margin:35px 0 0 35px; text-indent: -9999px; text-decoration: none; } #home-header:hover { text-decoration:none; } /* Top Navigation */ #main-nav { list-style-type: none; position:absolute; top:121px; left:11px; } #main-nav ul { list-style-type: none; margin-left: 0; } #main-nav li { float:left; margin: 0; padding:0; position:relative; } #main-nav li a { display:block; font-size:13px; font-weight: bold; padding:2px 25px 2px; } #main-nav li a:link, #main-nav li a:visited { color:#333; text-decoration: none; } #main-nav li a:hover, #main-nav li a:active { text-decoration: none; } #main-nav ul ul { display:none; position:absolute; top:23px; left:-1px; border-width:0 1px 1px 1px; border-color:#8398a9; border-style:solid; min-width:125px; *width: 150px; } #main-nav li:hover a { text-decoration:none; background:#fff; } #main-nav li.active a { } /* #main-nav li:hover ul { display:block; } */ #main-nav li li { float:none; padding:0; border-bottom:1px solid #cfcfcf; background:#fff; *width: 150px; } #main-nav li li.last { border-bottom:none; } #main-nav li li a { font-size:12px; font-weight: normal; padding: 4px; line-height:14px; min-height: 14px; } * html #main-nav li li a { height: 14px; } #main-nav li li:hover, #main-nav li li:hover a { background:#e0e0e0 !important; } /* Main Content Area */ #content-wrapper { width:1018px; background:url(images/bg-content-wrapper.gif) top left repeat-y; } #content { background:url(images/bg-content.gif) top left no-repeat; padding:5px 15px 5px 10px; } #main-column { float:left; } /* Home Page */ #home-main-container { } #home-windshield { width:821px; height:226px; background:url(images/home-windshield-bg.jpg) top left no-repeat; text-align: center; padding-top: 50px; } #mission-statement { color:#333333; font-size:14px; line-height:1.2em; text-align: left; margin: 0 auto; width: 454px; } #mission-statement h3 { background: url(images/bg-splash-hdr.png) 0 0 no-repeat; border: none; display: block; width: 454px; height: 33px; margin: 0; padding: 0; text-indent: -9999px; text-align: left; } #mission-statement #introtext { background: url(images/bg-splash.png) left bottom no-repeat; width: 420px; min-height: 13px; padding: 0 17px 8px 17px; text-align: left; } .tagline { font-size:16px; color:#333; text-align:center; padding:15px 0; } /* Home Page Buckets */ #bucket-container { background: url(images/bg-row2.gif) left bottom no-repeat; min-height: 40px; margin-left: 12px; overflow: auto; } #bucket-container ul { margin: 0 1em 0 2em; font-size:11px; } #bucket-container li { line-height: 1em; margin-bottom: 4px; } #bucket-container li a { color:#333; } #bucket-container .bucket { width:190px; float:left; margin-right: 12px; display: inline; padding: 0 0 5px 0; } #bucket-container .bucket h3 { text-indent: -9999px; margin: 0; padding: 0; height: 33px; } #bucket-container #services { } #bucket-container #services { background: url(images/hdr-services.gif) 0 0 no-repeat; } #bucket-container #work-samples { } #bucket-container #work-samples { background: url(images/hdr-worksamples.gif) 0 0 no-repeat; } #bucket-container #recent-projects { width:395px; margin-right: 0; } #bucket-container #recent-projects { background: url(images/hdr-recentprojects.gif) 0 0 no-repeat;} #bucket-container #recent-projects img { float:left; margin: 0 0 5px 10px; } #bucket-container #recent-projects .projectContent { float: right; width: 235px; margin-right: 10px; } #bucket-container #recent-projects p a { } /* Interior Pages */ #interior-main-container { padding:15px 0 0 25px; width:775px; } /* Breadcrumbs */ #breadcrumbs { font-size: 10px; text-transform: uppercase; color: #666; margin-bottom: 12px; } #breadcrumbs a:link, #breadcrumbs a:visited { text-decoration: none; font-weight: bold; } #breadcrumbs a:hover, #breadcrumbs a:active { } /* Right Column */ #right-column { width:161px; padding:6px 0 0 6px; float:right; } /* Generic Bucket Styling */ #right-column .bucket { margin-bottom: 5px; padding-bottom: 3px; } #right-column .bucket h3 { font-size:13px; line-height:1.2em; padding: 5px 5px 5px 26px; margin-bottom: 4px; letter-spacing: -.05em; } #right-column .bucket h4 { margin-bottom: 5px; margin-left:8px; width:139px; font-size:11px; color:#333; line-height:1.2em; } #right-column .bucket p { margin-bottom: 5px; margin-left:8px; width:139px; font-size:11px; color:#333; line-height:1.2em; } #right-column .bucket p.more { font-size: 9px; text-align:right; font-style:italic; text-transform: uppercase; } #right-column h3 a:link, #right-column h3 a:visited { color:#333; } #right-column h3 a:hover, #right-column h3 a:active { color:#4a7da2; } #right-column p.more a:link, #right-column p.more a:visited { text-decoration: none; color:#333; } #right-column p.more a:hover, #right-column p.more a:active { text-decoration: none; color:#4a7da2; } /* Right Column Rounded Containers */ #right-column .round-bucket { background:url(images/bg-roundbucket.gif) left bottom no-repeat; } #right-column .round-bucket h3 { background:url(images/bg-roundbucket-hdr.gif) left top no-repeat; } #right-column .round-bucket-inner { background:url(images/right-col-white-round-bottom.jpg) left bottom no-repeat; } /* Right Column Square Buttons */ #right-column .square-bucket { background:url(images/bg-squarebutton.gif) left top no-repeat; padding-bottom: 0; } #right-column .square-bucket h3 { background: url(images/bg-squarebutton-bottom.gif) left bottom no-repeat; } /* Specific Buckets */ #seminar-bucket { } #news-bucket { } #news-bucket h4 { margin: 0 8px; } #news-bucket p.date { border-bottom: 1px solid #f0f0f0; margin-bottom: 0; } #news-bucket ul { list-style-type: none; margin: 0; } #trial-offer-bucket { } #right-column #facebook-bucket { background:url(images/bg-squarebutton-facebook.gif) left top no-repeat; } #right-column #youtube-bucket { background:url(images/bg-squarebutton-youtube.gif) left top no-repeat; } #right-column #youtube-bucket h3 { padding-left: 45px; } /* Footer */ #footer-wrapper { height: 45px; width: 1018px; background: url(images/bg-footer.gif) top left no-repeat; } #footer { padding: 9px 0 0 15px; } #footer p { color:#333; font-size: 10px; text-transform: uppercase; text-align: center; } /* Contact Us Page */ #contactInfo { } #contactInfo #office { float: left; width: 24%; } #contactInfo #employeeList { margin: 0; padding: 0; float: right; width: 74%; } #contactInfo #employeeList li { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; vertical-align: top; width: 30%; margin: 0 2% 10px 0; } #maps { width: 100%; height: 270px;} /* Clients Page */ #clientList { list-style-type: none; margin: 0 0 10px 0; padding: 0; text-align: center; } #clientList li { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; vertical-align: middle; width: 30%; margin: 0 2% 10px 0; padding: 0; text-align: center; } /* News List */ .newsItem { margin-bottom: 10px; border-bottom: 1px solid #ccc; } .newsItem h3 { margin-bottom: 0; } /* Photo Gallery */ #photoGallery { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; } #photoGallery li { float: left; margin: 10px 0 0 10px; display: inline; width: 120px; height: 110px; } /* Team Member List */ .teamList { list-style-type: none; margin: 0 0 12px 0; overflow: auto; } .teamList li { margin: 0 0 12px 0; padding: 0; width: 33%; float: left; } .teamList li p { margin: 0; }