@import url("base.css");

/**************************************

	Regular, #markets
		BLUE: #09c

	#company
		YELLOW: #fc0

	#services
		GREEN: #9c0
	
	#media
		TEAL: #0cc
	
	#careers
		YELLOW: #fc3
*/


body { background: #000 url(images/body-bg.png) repeat-x;/* font-family: "Lucida Grande", sans-serif; */ }

.container {
	width: 1053px;
	margin: 0 auto;
	padding-bottom: 100px;
	background: url(images/gradient-bg-long.png) repeat-x;
}

a, a:visited, a:hover { text-decoration: none; }

h2, h3, h4 {
	font-weight: bold;
	font-size: 1.1em;
	color: #09c;
}
h4 {
	font-weight: normal;
    font-style: normal;
}
.headingText2, .headingText1 {
	text-transform: none !important;
    white-space: nowrap;
}
 
.headingText2, .plus { color: #09c; }

#homepage h4 {
	text-transform: uppercase;
}

#company h2, #company h3, #company h4, #company .headingText2, #company .plus, #company .photoThumb, #company .photoThumb a.jqModal { color: #fc0; }

#company #photoModal, #company #photoModal a {
    background-color: #fc0;
    color: #3f3f3f;
}

#careers h2, #careers h3, #careers h4, #careers .headingText2, #careers .plus, #careers .photoThumb, #careers .photoThumb a.jqModal { color: #fc0; }

#careers #photoModal, #careers #photoModal a {
    background-color: #fc0;
    color: #3f3f3f;
}

#careers .content a {
	color: #fc0;
}

#media h2, #media h3, #media h4, #media .headingText2, #media .plus, #media .photoThumb, #media .photoThumb a.jqModal { color: #0cc; }

#media #photoModal, #media #photoModal a {
    background-color: #0cc;
    color: #3f3f3f;
}

#services h2, #services h3, #services h4, #services .headingText2, #services .plus, #services .photoThumb, #services .photoThumb a.jqModal { color: #9c0; }

#services #photoModal, #services #photoModal a {
    background-color: #9c0;
    color: #3f3f3f;
}

#markets h2, #markets h3 { text-transform: uppercase;
    white-space: nowrap;
}

#services #sidenav h3 {text-transform: uppercase;}

#contact #sidenav li {
	text-transform: none;
	background: url(images/blue2.gif) no-repeat 0 6px;
	font-weight: normal;
}

#ajaxSearch_submit, .ajaxSearch_intro, #searchResultsSubmit { display: none; }

#ajaxSearch_input, #searchResultsInput {
	border: none;
	background:#A2A2A2;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
}

.ajaxSearch_resultLink {
	font-weight: bold;
}

#searchResultsInput {
    padding: 3px 5px;
}
#searchResultsForm {
    margin-bottom: 28px;
}
#searchResultsForm label {
    font-weight: bold;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
.AS_ajax_resultsIntroFailure, .ajaxSearch_resultsInfo {
    color: #09c;
    font-weight: bold;
    font-size: 14px;
}
.ajaxSearch_paging {
    margin-bottom: 20px;
    display: block;
}
#sidebar-bg, #sidebarBg { padding-bottom: 100px;
}

#homepage #sidebar-bg { padding-bottom: 0; }



.footer {
	padding: 15px 50px 0 47px;
	border-top: 3px solid #2E2E2E;
}

.content {
	color: #ccc;
	padding: 0 0 0 47px;
	width: 695px;
	min-height: 565px;
	_height: 565px;
}

#markets .content {
	min-height: 0;
	_height: 0px;
}

#homepage .content {
	min-height: 0;
	_height: 0px;
}

.content .main {
	width: 440px;
	margin-right: 25px;
	float: left;
}

.content .sidebar {
	width:230px;
	float: left;
}

#homepage .content {
	background: #000;
	padding-top: 30px;
}

#homepage .content #intro {
	font-size: 14px;
	line-height: 25px;
	color: #999;
	width: 370px;
	float: left;
	margin-right: 45px;
}

#homepage .content #intro ul {
	list-style: none;
	margin-left: 0;
}

#homepage .content #intro li {
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
}

#homepage .content #intro li a {
	color: #fff;
}

#homepage .content #intro .ui-tabs-selected a {
	color: #09c;
}

#homepage .content #intro a {
    font-weight: bold;
}
#homepage .content .column-right {
	width: 230px;
	float: left;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.newsbar {
	background: #09c;
	padding: 5px 50px 5px 47px;
	font-size: 12px;
	color: #fff;
	_height: 0;
}

.newsbar .contact { float: right; }

.newsbar .ticker { float: left; margin: 0;}

.newsbar a, .newsbar a:hover, .newsbar a:visited { color: #fff; }

.projects {
	padding: 0 0 0 47px;
	width: 695px;
}

.projects .last { padding-bottom: 135px; }

.subhead {
	font-weight: bold;
	font-style: italic;
	color: #09c;
	font-size: 12.5px;
	line-height: 17px;
	text-transform: none;
	margin: 5px 0 10px 0;
}

.project-name {
	color: #fff;
	font-size: 12.5px;
	line-height: 17px;
}

.project .main {
	width: 440px;
	margin-right: 25px;
	float: left;
}

.project .sidebar {
	width:230px;
	float: left;
}

.hr, .hr-project {
	background: url(images/hr-plus.jpg) no-repeat;
	height: 7px;
	margin: 40px 0 30px;
}

.projects .thumbs {
	width: 440px;
	float: left;
}
.projects .thumbs img {
    width: 141px;
}
.projects .gallery-link {
	color: #09c;
	float: left;
	width: 100px;
	margin-left: 20px;
	font-size: 11px;
	line-height: 14px;
}

/* -------------------- HEADER STYLES */

.header {
	padding: 30px 0 0;
	width: 1053px;
}

.header #logo, .header .heading-text { padding-left: 47px; }

#logo { float: left; }

/*
#logo a {
	background: url(images/lea+elliott-logo-sm.png) no-repeat;
	width: 140px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	outline: none;
	margin-top: 8px;
}
*/

#logo a, #homepage #logo a {
	background: url(images/elliott-logo.png) no-repeat;
	width: 222px;
	height: 30px;
	margin-top: 0;
	display: block;
	text-indent: -9999px;
	outline: none;
}

.header .heading-text {
	margin-top: 100px;
	width: 670px;
	clear: left;
	height: 56px;
}

.headingText1 {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.headingText2 {
	font-size: 34px;
	margin-bottom: 0;
	font-style: italic;
	font-weight: bold;
	margin-left: 40px;
	line-height: 36px;
}

.header .searchbar {
	width: 215px;
	float: right;
	font-weight: bold;
	color: #fff;
	margin-right: 50px;
	_margin-right: 25px;
	margin-top: 14px;
	background: #a2a2a2;
	font-size: 12px;
	padding: 0 5px;
}

.banner {
	height: 65px;
	padding: 10px 0 10px 47px;
	width: 1006px;
	margin-top: 30px;
	margin-bottom: 40px;
}

#search .banner, #resources .banner {
	height: 21px;
	margin-top: 80px;
}

#search .heading-text, #resources .heading-text {
	display: none;
}

#services .banner { height: 148px; }

#homepage .banner img { margin-right: 15px; }



/* ---------------------------------------- CONTENT STYLES */



a, a:active, a:hover, .content a, .content a:hover, .content a:visited {
	color: #09c;
	text-decoration: none;
}

.readmore {
	font-size: 11px;
	line-height: 14px;
	color: #09c;
	font-weight:bold;
	font-style: italic;
}



.main .project-list li { margin-left: 0; }

.main .project-list li a { color: #ccc; }

.main .project-list li a span { 
	color: #09c;
	margin-right: 2px;
}


.download, .columns .download, .left .download,.right .download {
	font-size: 13px;
	line-height: 14.5px;
	font-style: italic;
	background: url(images/blue2.gif) no-repeat 0 5px; 
	padding-left: 10px;
	white-space:nowrap;
}/* BLUE2 = #0099CC */

span.plus { margin-right: 2px; }

.bios {
	position: relative;
}

.bios .bio-image { 
	margin: 0 10px 10px 0;
	float: left;
}

.bios .bio-details {
	margin: 20px 0 0;
	_display: inline;
}



.bios h3 {
	font-weight: normal;
	line-height: normal;
}

.jobList {
	margin-top: 40px;
}

.jobList h2 {
	margin-bottom: 15px;
}

.jobList .job {
	margin: 20px 0 40px;
}

.job h3, .job h4 {
	font-weight: normal;
}

.jobList .job h4 {
	color: #fff !important;
	margin-bottom: 15px;
}


.columns {}

.columns .left {
	width: 200px;
	float: left;
	margin-right: 40px;
}

.columns .right {
	width: 200px;
	float: left;
}
/* -------------------- SIDEBAR STYLES */

ul#sidenav {
	margin: 0 0 30px;
	padding: 0;
}

#sidenav li {
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
}

#sidenav li li {
	text-transform: none;
	font-weight: normal;
}

#sidenav li {
	color: #fff;
	background: url(images/gray.gif) no-repeat 0 6px;
	padding-left: 10px;
}

#sidenav li.active {
	background: url(images/blue2.gif) no-repeat 0 6px;
}

#sidenav li.active li a { color: #fff; }

#sidenav ul {
	margin-left: 0;
	margin-bottom: 1em;
}

#sidenav li a { color: #fff; }

#sidenav li a:hover { color: #09c; }

#sidenav li.active a { color: #09c; }

#sidenav li.active li a span { color: #09c; }

#company #sidenav li.active, #company #sidenav li.active li {
	background: url(images/yellow.gif) no-repeat 0 6px;
	padding-left: 10px;
}

#company #sidenav li a, #company #sidenav li.active li a { color: #fff; }

#company #sidenav li a:hover, #company #sidenav li.active li a:hover { color: #fc0; }

#company #sidenav li.active a { color: #fc0; }

#services #sidenav li {
	list-style: none;
	text-transform: none;
	font-weight: normal;
	background: url(images/green.gif) no-repeat 0 6px; /* BLUE2 = #0099CC */
	padding-left: 10px;
}

#services #sidenav li a:hover { color: #9c0; }

#services #sidenav li.active li a span { color: #9c0; }

#services li.active a { color: #9c0; }

#media #sidenav li.active, #media #sidenav li.active li {
	background: url(images/teal.gif) no-repeat 0 6px;
	padding-left: 10px;
}

#media #sidenav li a, #media #sidenav li.active li a { color: #fff; }

#media #sidenav li a:hover, #media #sidenav li.active li a:hover { color: #0cc; }

#media #sidenav li.active a { color: #0cc; }

#media .content .main li {
	background: url(images/teal.gif) no-repeat 0 6px;
	padding-left: 10px;
}

#media .content .main li a {
	color: #ccc;
}

#media .content .main li a:hover {
	color: #0cc;
}

/* -------------------- TOPNAV - FOOTER-NAV */

.topnav {
	width: 425px;
	color: #007cc2;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-top: 15px;
	margin-left: 95px;
	text-align: right;
}

.topnav, #homepage .topnav {
	margin-left: 0;
}

.topnav a, .topnav a:visited {
	color: #fff;
	padding: 0 3px;
	text-decoration: none;
}

.topnav a.active { color: #007cc2; }

.footer-nav {
	float: right;
	width: 650px;
	color: #09c;
	text-align: right;
}

.footer-nav a {
	color: #999;
	padding: 0 3px;
}

.bar {
	height: 10px;
	background: #09c;
}

#company .bar { background: #fc0;  }

#services .bar { background: #9c0; }

#media .bar { background: #0cc; }

#careers .bar { background: #fc3;  }


/* -------------------- Lists Bullets, Lists Bullets.... */

.content .main ul { margin-left: 0; }

.main li {
	padding-left: 20px;
	list-style: none;
	background: url(images/gray.gif) no-repeat 9px 6px; /* GRAY = #CCCCCC */
}

.content ul.blue li {
	background: url(images/blue.gif) no-repeat 0 6px; /* BLUE = #007CC2 */
	padding-left: 10px;
}

.content ul.blue2 li, .project-list li {
	background: url(images/blue2.gif) no-repeat 0 6px; /* BLUE2 = #0099CC */
	padding-left: 10px;
}

.content ul.teal li {
	background: url(images/teal.gif) no-repeat 0 6px; /* TEAL = #00CCCC */
	padding-left: 10px;
}

/* Modal Windows */
.jqmWindow {
    border-style: none;
    padding: 0;    
}
.jqmWindow .jqmClose {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: lowercase;
    color: #bfbfbf;
    font-style: italic;
}
#photoGallery .jqmClose {
    top: 10px
}
#teasermap, #contactmap {
    width: 875px;
    height: 580px;
    margin-left: -437px;
    background-color: #333;
}
.photoThumb {
    margin-right: 10px;
}
.photoThumb a {
    font-weight: bold;
    font-style: italic;
}
#photoModal, #photoGallery {
    width: 840px;
    margin-left: -420px;
}
#photoGallery {
    height: 585px;
    background-color: #09c;
}
#photoModal p, #photoGallery p {
    font-weight: bold;
    margin: 0;
}
#photoModal a, #photoGallery a {
    font-weight: normal;
    font-style: italic;
}
#photoModal img {
    margin-right: 0;
}
#photoGallery p, #photoGallery a {
    color: #fff;
}
#photoGallery .pager a {
    margin-left: 2px;
    margin-right: 2px;
    padding-right: 1px;
    padding-left: 1px;
}
#photoGallery .pager a.activeSlide {
    font-weight: bold;
    font-style: italic;
}
#photoGallery .image {
    width: 840px;
    height: 540px;
}