/***************************************************************************************
 ******* COMMON STYLES
 ***************************************************************************************/
 html {background: url(/elements/images/global/FIX-WEB-REV_bkgd.jpg) no-repeat scroll center top #fba61a;}
 body {font: normal 10pt/13pt Arial, Helvetica, sans-serif; font-smooth: always;}
 #container {width: 910px; margin: 0 auto;}
 .hidden {display: none;}
 a:focus, a:active {outline: none;}

/***************************************************************************************
 ******* HEADER AREA STYLES
 ***************************************************************************************/
 #header {height: 50px; position: relative;}
 	a#logo {display: block; width: 200px; height: 50px; line-height: 50px; float: left; background: transparent url(/elements/images/global/FIX-WEB-REV_nameplate.png) left center no-repeat; text-indent: -9999em;}
	#newsletterSignup fieldset {display: block; border: none; position: absolute; right: 0; top: 15px;}
		#newsletterSignup fieldset label {color: #fff; font-weight: bold; letter-spacing: 0.03em; font-size: 8pt;}
		#newsletterSignup fieldset input {text-transform: lowercase; color: #bcbec0; font: 8pt Arial, Helvetica, sans-serif; font-weight: bold; background: #fff; border: 1px solid #939598; padding: 2px 5px; margin-right: 25px; width: 150px; height: 16px;}
		#newsletterSignup fieldset input.submit {text-indent: -99999em; margin: 0; height: 22px; width: 22px; background: #fff url(/elements/images/icons/orangeSubmitArrow.gif) center center no-repeat; position: absolute; right: 0; top: 0;}

/***************************************************************************************
 ******* MIDDLE AREA STYLES
 ***************************************************************************************/
 #middle {width: 890px; margin: 0; background: #939598; border: 3px solid #fff; padding: 7px;}
 #content {background: #fff; padding: 0; position: relative;}
 #home #content {background: url("/elements/images/global/flash-badge.jpg") no-repeat scroll left 70px #FFFFFF;}
 	#primaryNavigation {height: 70px; position: relative; background: transparent url(/elements/images/global/lanyardInterior.jpg) 0 0 no-repeat;}
		#primaryNavigation ul {position: absolute; right: 0; top: 15px; line-height: 30px;}
			#primaryNavigation ul li {display: block; float: left; color: #fba61a; font-weight: bold; width: auto; position: relative;}
				#primaryNavigation ul li a {text-transform: uppercase; color: #bcbec0;}
				#primaryNavigation ul li a:hover, #primaryNavigation ul li.current a {color: #000;}
				#primaryNavigation ul li a:hover {border-bottom: 2px solid #939598;}
				#primaryNavigation ul li ul {position: absolute; width: 140px; top: 23px; left: -9999em; background: #fff; border: 1px solid #939598; border-width: 2px 1px 0; z-index: 99999;}
				.safari #primaryNavigation ul li ul {top: 22px;}
				#primaryNavigation ul li:hover ul {left: 0;}
					#primaryNavigation ul li ul li {font-size: 8pt; line-height: 10pt; width: 140px; background: #fff; display: inline;}
					#primaryNavigation ul li ul li a {display: block; color: #bbbdc0; padding: 3px; border-bottom: 1px solid #939598; width: 134px; background: #fff;}
					#primaryNavigation ul li.current ul li a {color: #bbbdc0;}
					#primaryNavigation ul li ul li a:hover {border-bottom-width: 1px; color: #000;}
			 #primaryNavigation ul li.spacer {padding: 0 15px;}

	/***************************************************************************************
	 ******* CONTENT GRID POSITIONING STYLES
	 ***************************************************************************************/
	.row 		 {display: block; clear: both; border-bottom: 1px solid #c9cacc;}
 	.column		 {float:  left; width: 100%; padding: 15px 0 0; margin: 0;
				  background: transparent url(/elements/images/global/orangeColumnArrow.gif) 0 15px no-repeat;  
				  border-left: 1px solid #c9cacc;}
	.oneColumn	 {width:  88px; float: left;}
	.twoColumn	 {width: 177px; float: left;}
	.threeColumn {width: 266px; float: left;}
	.fourColumn	 {width: 355px; float: left;}
	.fiveColumn	 {width: 444px; float: left;}
	.sixColumn	 {width: 533px; float: left;}
	.sevenColumn {width: 622px; float: left;}
	.eightColumn {width: 711px; float: left;}
	.nineColumn	 {width: 800px; float: left;}
	.tenColumn	 {width: 889px; float: left;}
	.noborder    {border: none;}
	.noarrow	 {background: none;}
	
	/***************************************************************************************
	 ******* CONTENT ELEMENT STYLES
	 ***************************************************************************************/
	 .column h1 {margin: 0 0 0 20px; padding: 0; font-weight: bold; font-size: 10pt; text-transform: uppercase;}
 	 .column p, .column ul.feed {margin: 0 20px 1.5em;}
	 .threeColumn .column ul.blog {margin-bottom: 34px;}
	 .column p.banner {margin-bottom: 0;}
		 .column ul.feed li {margin-bottom: 0.75em;}
			 .column ul.feed li a {color: #fba61a;}
			 .column ul.feed li a:hover {text-decoration: underline;}
	 #tagline {clear: both; padding: 10px; height: 20px;}
	 	#tagline h1, #tagline sup {font-family: "Meta-Normal", "Meta", Helvetica, Arial, sans-serif; font-size: 20px; height: 20px; letter-spacing: 0.0125em; display: block; float: left;}
		#tagline h1 {width: 270px;}
		#tagline sup {margin: 0 0 0 -3px; font-size: 10px; height: 10px;}
	#footer ul.socialMediaLinks a {display: block; background: transparent url(/elements/images/global/FIX-WEB-REV_icons.gif) 2px 0 no-repeat; width: 32px; height: 32px; text-indent: -9999em; margin: 0;}
		 #footer ul.socialMediaLinks .facebook {background-position: 0 0;}
		 #footer ul.socialMediaLinks .linkedIn {background-position: -32px 0;}
		 #footer ul.socialMediaLinks .twitter {background-position: -64px 0;}
	.socialMediaLinks a {display: block; background: transparent url(/elements/images/global/socialMediaLinks.gif) 0 0 no-repeat; width: 60px; height: 18px; text-indent: -9999em; margin: 0;}
		 .socialMediaLinks .facebook {background-position: 0 0;}
		 .socialMediaLinks .linkedIn {background-position: 0 -26px;}
		 .socialMediaLinks .twitter {background-position: 0 -52px;}
	 h1.pageTitle {font-size: 14pt; font-weight: normal;}

	/***************************************************************************************
	 ******* HOME PAGE SPECIFIC STYLES
	 ***************************************************************************************/
	 #home #primaryNavigation {background: transparent url(/elements/images/global/lanyardHome.jpg) top left no-repeat; z-index: auto;}
	 	#home #primaryNavigation ul li, #home #primaryNavigation ul li a {color: #fff;}
	 	#home #primaryNavigation ul li a:hover {border-bottom: 2px solid #fff;}
		#home #primaryNavigation ul li ul {border-top-color: #fff;}
			#home #primaryNavigation ul li ul li a {color: #bbbdc0;}
			#home #primaryNavigation ul li ul li a:hover {color: #000; border-bottom: 1px solid #939598;}
	 #homePageFlash {background: none; padding: 0; min-height: 355px; width: 324px;}
	 	#homePageFlash div {margin: 0;}
	 #home .sixColumn {width: 565px;}
	  #home .sixColumn .row {position: relative;}
	 	#home .sixColumn .threeColumn {width: 282px; position: relative;}
			#home .sixColumn .absFix {float: right; border-left: 1px solid #c9cacc;}
				#home .sixColumn .absFix div.column {border-left: none;}
	 #home #tagline {clear: none; padding: 0; position: absolute; bottom: 10px; left: 10px;}
	 #home div.top-150 img {margin-left: 20px;}
	 #home div.top-150 h1 {
		float: right;
		width: 140px;
		padding-top: 10px;
		margin: 0 20px;
		text-transform: none;
		font-size: 1.2em;
		}

	/***************************************************************************************
	 ******* INTERIOR PAGE SPECIFIC STYLES
	 ***************************************************************************************/
	 #interior .column {border-bottom: none;}
	 #interior .row {border-bottom: 1px solid #c9cacc;}
	 #interior #lanyardOverFlow {position: absolute; width: 201px; height: 28px; top: -28px; background: transparent url(/elements/images/global/lanyardOverFlow.png) 0 0 no-repeat;}
	 #interior .sidebar {background: transparent url(/elements/images/global/FIX-WEB-REV_badge.jpg) 0 0 no-repeat; min-height: 300px; width: 210px; border: none;}
		 #interior .sidebar h1 {text-align: center; margin: 185px 0 0; width: 200px; font-size: 19px; text-transform: none; font-weight: normal; letter-spacing: 0.05em; height: 22px; line-height: 22px;}
		 #interior .sidebar .content {margin: 60px 0 0; font-size: 11pt; line-height: 13pt;}
	 #interior .primaryContent {width: 675px; min-height: 450px; _height: 450px; padding-top: 0;}
	 	#interior .primaryContent .middle {margin-top: 90px; margin-bottom: 40px;}
		#interior .primaryContent .interiorSidebar {width: 235px; position: absolute; right: 0; top: 70px; bottom: 40px;}
			#interior .primaryContent .interiorSidebar * {display: block; margin-right: auto; margin-left: auto;}
			#interior .primaryContent .interiorSidebar ul {margin: 0 auto 20px 20px;}
				#interior .primaryContent .interiorSidebar ul li, #interior .primaryContent ul.bullets li {display: block; background: transparent url(/elements/images/global/orangeBullet.gif) 0 6px no-repeat; padding-left: 10px; margin: 0 0 5px 0;}
			#interior .primaryContent .interiorSidebar a.column {padding: 0 0 0 20px; margin: 0 0 20px 0; background-position: 0 0; font-weight: bold; width: 100px;}
		#interior .primaryContent ul.bullets {margin: 0 0 20px 20px;}
		#interior .primaryContent ul.twoColumn {width: 45%; _margin-left: 10px;}
		#interior .primaryContent h1.pageTitle {margin-bottom: 50px;}
		#interior .primaryContent blockquote {margin: 0 20px; font-style: italic;}
			#interior .primaryContent blockquote p {margin: 0 0 10px;}
		#interior .primaryContent cite {font-style: normal; margin: 0 20px 20px;}
	 #interior .column p {margin-right: 20px; font-size: 10pt; line-height: 13pt;}
	 #interior a {color: #fba61a;}
	 #interior .primaryContent ul li a:hover, #interior .column a:hover {text-decoration: underline;}

	/***************************************************************************************
	 ******* TEAM MEMBER PAGE STYLES
	 ***************************************************************************************/
	 #interior .teamMember #lanyardOverFlow {display: none;}
	 #interior .teamMember #primaryNavigation {background: transparent url(/elements/images/global/lanyardAlternateInterior.jpg) 50px 0 no-repeat;}
	 #interior .teamMember .sidebar {background: transparent url(/elements/images/global/largeBadgeBG.jpg) 50px 0 no-repeat; width: 370px; position: relative;}
		 #interior .teamMember .sidebar h1 {text-align: left; position: absolute; margin: 0; top: 170px; left: 175px; font-size: 18px; line-height: 20px; width: 105px; border-bottom: 2px solid #fba61a; height: auto;}
		 	#interior .teamMember .sidebar h1 span {display: block;}
		 #interior .teamMember .sidebar .content {position: absolute; top: 70px; left: 75px; width: 82px; height: 115px; border: 5px solid #fba61a;}
	 #interior .teamMember .primaryContent {width: 510px;}
	 	#interior .teamMember .primaryContent h1 {text-transform: none; text-align: left;}
		#interior .teamMember .primaryContent h3 {margin: 0 20px 15px; font-size: 12pt; font-weight: bold; line-height: 14pt;}
	 	 #interior .teamMember .primaryContent h1.pageTitle {border: none; margin: 0 0 25px; background: transparent url(/elements/images/global/orangeColumnArrow.gif) 0 0 no-repeat; padding-left: 20px;}
		 #interior .teamMember .primaryContent .bio {}
			 #interior .teamMember .primaryContent ul.attributes {margin: 10px 0 20px 20px; font-weight: bold; font-size: 14px;}
				 #interior .teamMember .primaryContent ul.attributes li {display: inline; margin: 0 5px 0 0; font-size: 12pt; font-weight: bold; line-height: 14pt;}
				 #interior .teamMember .primaryContent ul.attributes li.main {color: #fba61a;}
		 #interior .teamMember .primaryContent .extras {width: 140px; padding-left: 10px;}
			#interior .teamMember .primaryContent .extras .callout {margin: 0 0 30px 0;}
				#interior .teamMember .primaryContent .extras .callout img {display: block; width: 100px; height: 100px; border: 6px solid #bbbdc0; margin: 0 auto 5px;}
				#interior .teamMember .primaryContent .extras p {margin: 0 0 10px;}
			 	#interior .teamMember .primaryContent .extras .callout p.caption {text-align: center; text-transform: lowercase; margin: 0 10px; font-size: 8pt; line-height: 1.15em;}
			 	#interior .teamMember .primaryContent .extras h1 {margin: 0 0 5px 0; font-weight: normal;}
			 	#interior .teamMember .primaryContent .extras .socialMediaLinks a {clear: both; float: left; margin: 5px 0;}
		#interior .teamMember .primaryContent .returnToParent {background: transparent url(/elements/images/global/orangeColumnArrow.gif) 0 20px no-repeat; padding: 20px 0 10px 20px;}
			#interior .teamMember .primaryContent .returnToParent a {font-weight: bold;}

	/***************************************************************************************
	 ******* PAGINATION STYLES
	 ***************************************************************************************/
	 #interior .primaryContent div.pageLister {margin: 0 20px 10px; background: #d1d2d4; height: 20px; line-height: 20px; padding: 0 8px;}
	 	#interior .primaryContent div.pageLister div.resultCount {width: 40%; float: left; color: #000; font-weight: bold;}
	 	#interior .primaryContent div.pageLister p.pageCount {width: 40%; float: right; display: block; text-align: right; margin: 0;}
		 	#interior .primaryContent div.pageLister p.pageCount span {}
		 	#interior .primaryContent div.pageLister p.pageCount span.current {font-weight: bold;}
			 	#interior .primaryContent div.pageLister p.pageCount span a {color: #000;}
			 	#interior .primaryContent div.pageLister p.pageCount span a:hover {color: #fba61a;}

	/***************************************************************************************
	 ******* MAIN SITE FORM STYLES
	 ***************************************************************************************/
	 #interior .primaryContent .contactSidebar {width: 130px;}
	 #interior .primaryContent fieldset {margin: 0 20px 20px; border: none;}
	 	#interior .primaryContent fieldset .section_caption {margin: 0 0 20px;}
		#interior .primaryContent fieldset .form_element {margin: 0 0 10px; position: relative;}
		#interior .primaryContent fieldset label, #interior .primaryContent fieldset input, #interior .primaryContent fieldset textarea, #interior .primaryContent fieldset select {display: block; width: 485px;}
		#interior .primaryContent fieldset input, #interior .primaryContent fieldset textarea, #interior .primaryContent fieldset select {border: 1px solid #c3c3c3; padding: 2px; font: 8pt "Lucida Grande", Helvetica, Arial, sans-serif;}
		#interior .primaryContent fieldset select {padding: 1px 2px;}
		#interior .primaryContent fieldset textarea {height: 100px;}
		#interior .primaryContent fieldset label {color: #97a6bb; font-weight: bold;}
			#interior .primaryContent fieldset .widget .form_element {float: left; margin-right: 6px; margin-bottom: 0;}
			#interior .primaryContent fieldset .widget .form_element:last-child {float: right; margin-right: 0;}
			#interior .primaryContent fieldset .m2 .form_element {width: 240px;}
				#interior .primaryContent fieldset .m2 .form_element input,
				#interior .primaryContent fieldset .m2 .form_element select,
				#interior .primaryContent fieldset .m2 .form_element textarea {width: 230px;}
			#interior .primaryContent fieldset .m3 .form_element {width: 160px;}
				#interior .primaryContent fieldset .m3 .form_element input,
				#interior .primaryContent fieldset .m3 .form_element select,
				#interior .primaryContent fieldset .m3 .form_element textarea {width: 150px;}
			#interior .primaryContent fieldset .inline .form_element {float: left;}
				#interior .primaryContent fieldset .inline .form_element label,
				#interior .primaryContent fieldset .inline .form_element input {float: none; display: inline; width: auto; margin-right: 10px; border: none;}
		#interior .primaryContent fieldset input[type="hidden"] {padding: 0; margin: 0; border: 0; display: none;}
		#interior .primaryContent fieldset input[type="submit"] {width: 100px; height: 21px; border: none; background: transparent url(/elements/images/global/submitButton.gif) 0 0 no-repeat; font-weight: bold; padding: 0 0 3px;}
		#interior .primaryContent fieldset input[type="submit"]:hover, #interior .primaryContent fieldset input[type="submit"]:focus, #interior .primaryContent fieldset input[type="submit"]:active {background-position: 0 -26px; cursor: pointer;}

	/***************************************************************************************
	 ******* TOOLTIP STYLES
	 ***************************************************************************************/
	 #interior .primaryContent fieldset div.tooltip {position: absolute; display: none; top: -10px; right: -250px; width: 230px; min-height: 30px; _height: 30px; padding: 5px;  z-index: 9999; color: #000; z-index: 999999; background: #f5daa2; border: 2px solid #000;}
	 #interior .primaryContent fieldset div.tooltip p {margin: 0; padding: 0;}
	 #interior .primaryContent fieldset div.tooltip .required, #interior .primaryContent fieldset div.tooltip .zip {font-weight: bold; color: #f00;}
	 #interior .primaryContent fieldset .arrow {display: none; width: 15px; height: 40px; position: absolute; top: 0; left: -15px; background: transparent url(/elements/images/messaging/errorArrow-trans.png) 0 0 no-repeat;} 

	/***************************************************************************************
	 ******* ERROR/SUCCESS MESSAGING STYLES
	 ***************************************************************************************/
	 #MessengerContainer.messageBox {border: 2px solid #000; border-width: 2px 0; padding: 5px 10px 5px 48px; color: #000; margin: 1em 20px;}
	 #MessengerContainer.error, #interior .primaryContent fieldset .error input, #interior .primaryContent fieldset .error textarea {border-color: #000; background: #f5daa2 url(/elements/images/messaging/error.png) 16px 50% no-repeat; _background-image: url(/elements/images/messaging/error_ie6.gif);}
	 #MessengerContainer.success, #interior .primaryContent fieldset .success input, #interior .primaryContent fieldset .success textarea {border-color: #70e270; background: #bcfcbc url(/elements/images/messaging/success.png) 16px 50% no-repeat; _background-image: url(/elements/images/messaging/success_ie6.gif);}
	 #interior .primaryContent fieldset .error input, #interior .primaryContent fieldset .success input, #interior .primaryContent fieldset .error textarea, #interior .primaryContent fieldset .success textarea {background-image: none;}
	 #header #MessengerContainer {position: absolute; z-index: 999999; margin: 0; width: 300px; left: -380px; top: -11px; padding: 2px 10px 2px 48px; font-size: 9pt; border-width: 2px;}
	 #header #MessengerContainer .arrow {display: block; width: 15px; height: 40px; position: absolute; top: 0; right: -15px; background: transparent url(/elements/images/messaging/errorArrowAlt-trans.png) 0 0 no-repeat; _background-image: url(/elements/images/messaging/errorArrowAlt-trans.gif);}

	/***************************************************************************************
	 ******* PORTFOLIO PAGE STYLES
	 ***************************************************************************************/
	 #interior .portfolioFallback h1 {margin: 15px 0 30px 20px;}
	 #interior .portfolioFallback #portfolioImage {outline: 1px solid #efefef; margin: 0 20px; padding: 0 0 20px;}
	 	#interior .portfolioFallback #portfolioImage img {display: block; margin: 0 auto;}
	 #interior .portfolioFallback ul {margin: 0 20px; height: 20px; background: #efefef; outline: 1px solid #efefef;}
	 	#interior .portfolioFallback ul li {display: block; width: 210px; float: left; line-height: 20px; font-weight: bold; text-align: center; color: #939598;}
			#interior .portfolioFallback ul li a {display: block;}
			#interior .portfolioFallback ul li a:hover {text-decoration: underline;}
	#interior .portfolioFallback #portfolioDescription {margin: 20px 0 0;}

/***************************************************************************************
 ******* FOOTER AREA STYLES
 ***************************************************************************************/
 #footer {font-weight: bold; font-size: 8pt; padding: 5px 0; position: relative; margin-bottom: 30px;}
 	#footer ul.bottom-nav {width: auto; float: left; margin: 5px 48px 0 0;}
		#footer ul li {display: block; float: left; color: #fff;}
		#footer ul li.spacer {margin: 0 5px;}
			#footer ul li a {text-transform: uppercase; color: #fff; text-decoration: none;}
			#footer ul li a:hover {color: #000;}
	#footer p {float: left; margin-top: 5px;}
		#footer p a {color: #000;}
		#footer p a:hover {color: #fff;}
	#footer ul.socialMediaLinks {
		width: auto;
		right: 0;
		top: 0;
		position: absolute;
		width: 96px;
	}