/* ---------------------------------------------------------- 01. MAIN CONTENT & LIST OF SERVICES ---------------------------------------------------------- */ #content-main { border:0; margin-top:3em; overflow:hidden; padding:0 0 25px 45px; width:925px} #identity { padding-right:40px; width:475px;} h1 { font-size:1.4em; line-height:1.3em;} h1 sup { top:-0.6em; font-size:10px; } #services-list { border-left:1px solid #D3D3D3; font-size:0.9em; padding-left:30px; width:370px;} #services-list h2 { color:#769B10; font-size:1.35em; font-weight:bold; margin-top:0;} #services-list ul { overflow:hidden; padding-bottom:1.5em;} #services-list ul li { margin-bottom:0.3em; width:155px;} #services-list ul li.clear { margin-right:25px; width:160px;} #services-list a { border:0; font-weight:normal;} #services-list a:hover { border-bottom:1px dotted #000;} /* ---------------------------------------------------------- 02. NEWS TICKER ---------------------------------------------------------- */ #buzz-ticker { background:#F4F5F3; font-size:10px; } #buzz-ticker div { overflow:hidden; padding:14px 0 12px; width:880px; } #buzz-ticker h2 { border-right:1px solid #D3D3D3; color:#333; display:inline; float:left; font-size:14px; font-weight:bold; margin:0 15px 0 0; padding-right:15px; white-space:nowrap; } #buzz-ticker ul { display:inline; float:left; height:18px; position:relative; overflow:hidden; width:800px;} #buzz-ticker li { display:block; left:0; padding-bottom:50px; position:absolute; top:-999em; white-space:nowrap; } #buzz-ticker a { border:0;} #buzz-ticker a span { font-weight:normal; padding-right:0.5em; } /* ---------------------------------------------------------- 03. SCROLLING GALLERY ---------------------------------------------------------- */ #projects-container { background:#F4F5F3; display:inline; height:106px; overflow-x:auto; overflow-y:auto; position:absolute; width:100%; } #projects-container ul { left:0; position:absolute; /*top:0;*/ } #projects-container ul li { background:#382F5A; color:#fff; display:inline; float:left; position:relative; height:105px; overflow:hidden; white-space:normal; width:241px; } #projects-container ul li img { border:1px #F4F5F3 solid; border-width:0 1px 1px 0; } #projects-container ul li a span { position:absolute; color:#AFABBC; bottom:3px; font-size:11px; left:12px; font-weight:normal; z-index:999; } #projects-container ul li a span strong { color:#819236 } #projects-container ul li a:hover span { color:#fff; } #projects-container ul li a:hover span strong { color:#A0BD27 } #projects-container ul li p.details { background:#251E41; font-size:0.9em; left:0; height:75px; line-height:1.4em; padding:15px; position:absolute; top:0; width:211px; z-index:9999;} #projects-container ul li p.details span { display:block; padding-top:10px;} #projects-container ul li p.details span a { border:0; } #projects-container ul li p.details span a.project-more { color:#B3D61A; margin-right:25px; z-index:9999;} #projects-container ul li p.details span a.project-more:hover { color:#fff; } #projects-container ul li p.details span a.project-close { color:#fff; font-weight:normal;} /* ---------------------------------------------------------- 04. FACILITIES SEARCH & SECTION INTROS ---------------------------------------------------------- */ #content-secondary { font-size:0.9em; line-height:1.5em; margin-top:150px; padding-bottom:5em; } #facilities { background:url(../images/thumb_map.gif) no-repeat top right; margin-right:75px; padding:0 225px 0 45px; position:relative; width:180px;} #facilities h2 { font-weight:bold; font-size:20px; margin-top:0;} #facilities a.noborder { display:block; height:120px; position:absolute; right:0; text-indent:-9999px; width:205px; } #section-intros { background:url(../images/social/divider.jpg) no-repeat center top; clear:both; float:left; margin-top:10px; padding:35px 0 0 30px;} #section-intros div { margin-right:95px; width:400px;} #section-intros div.last { margin-right:0; } #section-intros h2 { color:#769B10; font-size:16px; line-height:19px; font-weight:bold; margin:0 0 0.4em; padding-top:5px; } #section-intros h2#m4-intro { background:url(../images/icon_m4_small.jpg) no-repeat; padding-left:30px; } #section-intros p { margin-bottom:0.5em;} /* ---------------------------------------------------------- 05. SOCIAL MEDIA ---------------------------------------------------------- */ #social h2 { font-weight:bold; font-size:20px; margin-top:0;} div.newsletter { margin-bottom:15px; overflow:hidden;} div.newsletter p { float:left; display:inline;} div.newsletter p.description { margin:-2px 0 0 15px; width:220px;} /* TABBED NAV */ ul.tabs { float:left; width:50px; } ul.tabs li { height:25px; margin-top:-20px; padding:19px 10px } ul.tabs li.active { background:url(../images/social/icons-tabs.gif) no-repeat -38px -560px; } ul.tabs li a { background:url(../images/social/icons-tabs.gif) no-repeat; display:block; height:24px; outline:none; width:24px } ul.tabs li#twitter a:hover { background-position:0 -25px; } ul.tabs li#twitter.active a { background-position:0 -50px; } ul.tabs li#facebook { height:36px; margin:0; padding:8px 10px; } ul.tabs li#facebook a { background-position:0 -75px; } ul.tabs li#facebook a:hover { background-position:0 -100px; } ul.tabs li#facebook.active a { background-position:0 -125px; } ul.tabs li#facebook.active { background-position:-38px -500px; } ul.tabs li#youtube a { background-position:0 -150px; } ul.tabs li#youtube a:hover { background-position:0 -175px; } ul.tabs li#youtube.active a { background-position:0 -200px; } ul.tabs li#linkedin a { background-position:0 -225px; } ul.tabs li#linkedin a:hover { background-position:0 -250px; } ul.tabs li#linkedin.active a { background-position:0 -275px; } ul.tabs li#insight a { background-position:0 -300px; } ul.tabs li#insight a:hover { background-position:0 -325px; } ul.tabs li#insight.active a { background-position:0 -350px; } ul.tabs li#wikipedia a { background-position:0 -375px; } ul.tabs li#wikipedia a:hover { background-position:0 -400px; } ul.tabs li#wikipedia.active a { background-position:0 -425px; } div.tab-container { display:inline; float:left; margin-bottom:2em; width:380px; } div.tab-content { background:#EEF0F0; min-height:250px; padding:25px 30px; } #social div.tab-content h2 { font-size:14px; margin-top:0; } /* TWITTER */ #tab-twitter { position:relative;} #tab-twitter li { margin-bottom:1.25em;} #tab-twitter span { color:#858585; display:block;} #tab-twitter #follow { bottom:-10px; margin:0; position:absolute; right:-15px;} /* YOUTUBE */ #tab-youtube { position:relative;} #tab-youtube ul { padding:0.25em 0 1em; overflow:hidden;} #tab-youtube ul li { background:url(../images/social/shadow-video.jpg) no-repeat; float:left; line-height:1.4em; padding:4px;} #tab-youtube ul li img { border:2px solid #fff; display:block; float:left; height:70px; margin-right:15px;} #tab-youtube ul li img:hover, #tab-youtube ul li img.border { border:2px solid #769A10; } #tab-youtube ul li span { display:inline; float:left; font-size:12px; width:190px;} #tab-youtube #subscribe { bottom:-15px; margin:0; position:absolute; right:-10px;} /* FACEBOOK & LINKED IN */ #tab-facebook, #tab-linkedin { overflow:hidden;} #tab-facebook div.intro, #tab-linkedin div.intro { display:inline; float:left; margin-right:20px; width:160px;} #tab-facebook ul, #tab-linkedin ul { display:inline; float:left; width:140px;} #tab-facebook li, #tab-linkedin li { background:url(../images/social/shadow-profile.jpg) no-repeat; padding:3px;} #tab-facebook li img, #tab-linkedin li img { display:block;} #tab-facebook li a, #tab-linkedin li a { border:2px solid #fff; display:block; height:55px; width:55px; } #tab-facebook li a:hover, #tab-linkedin li a:hover { border:2px solid #769A10; } /* INDUSTRY INSIGHT */ #tab-insight { position:relative;} #tab-insight ul { padding-bottom:1em;} #tab-insight ul li a { font-size:12px; } #tab-insight #browse { bottom:-20px; margin:0; position:absolute; right:-15px;}