/*   CSS META DATA
Name: Pinto Engineering
Version: 1
Author: Jean St-Amand
Author URI: http://qbmarketing.com
Description: 1st generation of site CSS
*/

/*   MAIN COLORS
black #000000;
purple (primary) rgb(101,50,147);
purple (hover) rgb(137,95,175);
grey (dark) #333333;
*/

/*	 RESET AND SETUP   */


* {
	margin: 								0;
	padding: 								0;
}

html {
	background:		 						#000000;
	height:									100%;
}

body { 
	font-size:								13px;
	font-family:								Arial, Helvetica, sans-serif;
	line-height:								1.3em;
	color:									#333333;
	background:								#cccccc;
	text-align: 								left;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*	TYPOGRAPHY  */

a {
	color: 									rgb(101,50,147);
	text-decoration: 							none;
}

a:hover {
	color: 									rgb(137,95,175);
	text-decoration: 							none;
}

h1 {
	text-align: 								left;
	font-size: 								2.2em;
	line-height: 								1.1em;
	color: 									#ffffff;
	font-weight: 								normal;
	padding: 								0 0 20px 0;
	margin: 								0;
}

h2 {
	font-size: 								1.8em;
	font-weight: 								bold;
	color: 									#666666;
	padding:	 							0 0 15px 0;
	margin: 								0;
}

h3 {
	font-size: 								1.5em;
	padding: 								0;
	margin: 								0 0 1.0em 0;
	font-weight:								normal;
	color: 									rgb(101,50,147);
}

h4 {
	font-size: 								1.2em;
	padding:	 							0;
	margin: 								0 0 1.0em 0;
	color: 									#333333;
}

p {
	overflow: 								hidden;
	margin: 								0;
	padding: 								0;
	text-align: 								left;
	font-size:								1.0em;
	line-height:								1.3em;
}

img {
	border: 								none;
}

img.right {
	float: 									right;
	margin:									0 0 20px 20px;
}

img.left {
	float: 									left;
	margin:									0 20px 0 20px;
}

h2 + p, h3 + p {
	margin-bottom:							20px;
}

/* extra top margin for headers preceded by other text-based elements */
p + h2, div + p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
div + p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6, p + p, p + div, p + h3 {
	margin-top: 1.8em;
	}


/*   CONTAINERS/LAYOUT   */


#wrapper {
	padding: 								0;
	margin: 								0;
}

header {
	height:									102px;
	background: 								#ffffff;
	overflow:								hidden;
}

#container-body {
	width: 									968px;
	margin: 								-15px auto 0 auto;
	padding: 								4px 0 0 0;
	display: 								block;
	background: 								url(/images/interface/backgrounds/tile-mainback.png) no-repeat top center;
	z-index:								10;
}

.container {
	width: 									960px;
	margin: 								0 auto;
	padding: 								0;
	position: 								relative;
}

.content-left {
	width: 									773px;
	float: 									left;
	padding-top:								30px;
	margin: 								0;
	padding: 								0;
}

.content-right {
	width: 									187px;
	padding: 								11px 0 0 0;
	float: 									right;
	margin: 								0;
	color:									#ffffff;
}

.content-right h4 {
	padding:								0 12px;
	margin-bottom:								8px;
	color:									#ffffff;
}


#bottom-overhang {
	display: 								block;
	width:									959px;
	margin-bottom:								20px;
	height:									10px;
	background:								#ffffff;
}

.container.padded {
	padding:								0 20px;
}


.fineprint {
	color:									#cccccc;
	background:		 						#000000; 	
	font-size: 								0.8em;
	padding:								0 0 20px 0;
}

.copyright {
	width: 									550px;
	float:									left;
	color:									#cccccc;
	margin-left: 								25px;
}

.sitecredit {
	width: 									350px;
	float:									right;
	color:									#cccccc;
	text-align: 								right;
	margin-right: 								25px;
}

.career-meta {
	display: 								inline-block; 
	padding: 								10px 15px; 
	background:	 							#eeeeee; 
	margin-bottom: 								20px;
}

.career-meta.apply {
	display: 								inline-block; 
	padding: 								10px 0; 
	background:	 							transparent; 
	margin-bottom: 								20px;
	float: 									right;
}

.section-name-banner {
	background: 								#333333;
	padding: 								30px;
	width:									250px;
	height:									300px;
	float: 									right;
	overflow:								hidden;
	color:									#ffffff;
}

.section-headline-banner {
	background: 								rgb(137,95,175);
	height: 								34px;
	line-height:								34px;
	padding:								0 30px;
}

.section-headline-banner h3 {
	color:									#ffffff;
	font-size:								0.9em;
	font-weight:								normal;
	text-transform:								uppercase;
	display:								inline-block;
	width:									300px;
	margin: 								0;
	padding:								0;
	float: 									left;
}

.quote-block {
	margin: 								0 0 30px 30px; 
	float: 									right; 
	width: 									180px;
}

.quote-photo {
	padding: 								20px 20px 0 20px; 
	background: 								#eeeeee;
}

.quote-body {
	background: 								#eeeeee url(/images/interface/icons/icon-quotes.png) no-repeat 10px 10px; 
	padding: 								20px 20px 20px 40px;
}

.quote-body h4 {
	color:									rgb(101,50,147);
	font-size:								1.1em;
	font-weight:								normal;
	margin-bottom:								10px;
}

.quote-tail {
	background: 								transparent url(/images/interface/backgrounds/quote-tail.png) no-repeat 10px top; 
	padding: 								5px 0 0 30px;
}

.quote-tail span {
	color:									rgb(101,50,147);
}

ul.affiliations-logos {
	margin:									25px auto 0 auto;
	padding:								0;
}

ul.affiliations-logos li {
	float: 									left;
	list-style-type:							none;
	margin-right: 								30px; 
	margin-bottom:								30px;
	padding:								0;
	display:								block;
}

ul.affiliations-logos li.last {
	margin-right: 								0; 
}

ul.affiliations-logos li a {
	display: 								block; 
	width: 									195px; 
	height: 								160px; 
	text-indent:								-9999px;
	text-align:								center;
}

a.projects-map-icon {
	background: 								url(/images/interface/icons/icon-mini-map.png) no-repeat center center; 
	float: 									right; 
	height: 								30px; 
	width:									30px;
	line-height: 								30px; 
	display: 								inline-block;
	text-indent:								-9999px;
	opacity:								0.8;
	filter:									alpha(opacity=80); /* For IE8 and earlier */
}

a.projects-map-icon:hover {
	opacity:								1.0;
	filter:									alpha(opacity=100); /* For IE8 and earlier */
}

a.projects-feature-icon {
	background: 								url(/images/interface/icons/icon-star.png) no-repeat center center; 
	float: 									right; 
	height: 								30px; 
	width:									30px;
	line-height: 								30px; 
	display: 								inline-block;
	text-indent:								-9999px;
	opacity:								0.8;
	filter:									alpha(opacity=80); /* For IE8 and earlier */
}

a.projects-feature-icon:hover {
	opacity:								1.0;
	filter:									alpha(opacity=100); /* For IE8 and earlier */
}

.offices-tabs {
	background: 								#eeeeee;
	border-bottom:								#e1e1e1 1px dotted;
	display:								block;
}

.half-block {
	width:									420px;
	margin-right:								30px;
	margin-bottom:								30px;
}

.half-block.nth-1 {
	float:									left;
	clear:									both;
}

.half-block.nth-2 {
	margin-right: 								none;
	float:									right;
}

.bigblockshadow {
	background:								url(/images/interface/backgrounds/bigblockshadow.png) no-repeat center bottom;
	display:								block;
	height:									15px;
}

.outline {
	padding:								5px;
	border:									1px solid #cccccc;
	display:								table-cell;
}

ul.home-advantages li {
	padding:								5px 8px 5px 16px;
	margin:									0;
	display:								block;
	background:								transparent url(/images/interface/icons/bullet.png) no-repeat left center;
	list-style-type:							none;
	display:								block;
}

.services-cat-image {
}

.services-cat-image img {
	border:									1px solid #cccccc;
}

.services-cat-image img a {
	border:									1px solid #cccccc;
}

.services-cat-image img a:hover {
	border:									1px solid rgb(101,50,147);
}

.services-cat-list {
	padding: 								0 0 0 0;
}

.services-cat-list h3 {
	margin-bottom:								20px;
	font-size:								2.0em;
}

.services-cat-list ul li {
	padding:								5px 8px 5px 16px;
	margin:									0;
	display:								block;
	background:								transparent url(/images/interface/icons/bullet.png) no-repeat left center;
	list-style-type:							none;
	display:								block;
}

.pagination-links {
	padding:								10px 0 0 0;
	margin:									20px 0 0 0;
}

.pagination-links a {
	padding:								5px 10px;
	margin-left:								1px;
	background:								rgb(101,50,147);
	color:									#ffffff;
}

.pagination-links a:hover {
	background:								rgb(137,95,175);
}

.pagination-links strong {
	padding:								5px 10px;
	margin-left:								1px;
	background:								#333333;
	color:									#ffffff;
}

.tweets ul {
	padding:			0;
	margin:				0;
}

.tweets li {
	list-style-type:		none;
	display:			block;
	padding:			5px 0;
	margin:				0;
	font-size:			0.9em;
}

ul.contact-points {
	margin: 0;
	padding: 0;
	width: 350px;
}

ul.contact-points li {
	display: 								block;
	margin:									0 0 10px 0;
	height: 								24px;
	line-height: 								24px;
	padding-left: 								28px;
}

ul.contact-points li.phone {
	background: url(/images/interface/icons/icon_phone.png) no-repeat left center;
	padding-left: 28px;
}

ul.contact-points li.fax {
	background: url(/images/interface/icons/icon_fax.png) no-repeat left center;
	padding-left: 28px;
}

ul.contact-points li.email {
	background: url(/images/interface/icons/icon_email.png) no-repeat left center;
	padding-left: 28px;
}

ul.contact-points li.url {
	background: url(/images/interface/icons/icon_website.png) no-repeat left center;
	padding-left: 28px;
}

ul.offices-tabs {
	margin:									0;
	padding:								0;
}

ul.offices-tabs li {
	margin:									0;
	padding:								0;
	list-style-type:							0;
	float:									left;
}

ul.offices-tabs li a {
	margin: 								0;
	padding: 								5px 10px;
	display: 								block;
	background: 								#eeeeee;
}

ul.offices-tabs li a:hover {
	background: 								#e1e1e1;
}

ul.offices-tabs li a.active-list-item {
	color:									#ffffff;
	background:								rgb(137,95,175);
}

ul.offices-list {
	margin: 								0;
	padding:								0;
}

ul.offices-list li {
	display: 								block;
	margin: 								0;
	padding: 								0;
	list-style-type:							none;
	float:									left;
}

ul.offices-list li a {
	padding: 								5px 10px;
	margin:									0;
	border-right: 								1px dotted #e1e1e1;
	display: 								block;
	font-size:								1.4em;
}

ul.offices-list li a.last {
	border-right: 								none;
}

ul.offices-list li a:hover {
	background:								#e1e1e1;
}

ul#icon-links {
	margin: 								0;
	padding:								0;
	display:								inline-block;
	float: 									right;
}

ul#icon-links li {
	list-style-type:							none;
	float: 									left;
}

ul#icon-links li a {
	width: 									30px;
	height: 								30px;
	float: 									left;
	text-indent:								-9999px;
	display: 								block;
	opacity:								0.8;
	filter:									alpha(opacity=80); /* For IE8 and earlier */
}

ul#icon-links li a:hover {
	opacity:								1.0;
	filter:									alpha(opacity=100); /* For IE8 and earlier */
}

ul#icon-links li a.photos {
	background:								transparent url(/images/interface/icons/icon-mini-photo.png) no-repeat center center;
}

ul#icon-links li a.videos {
	background:								transparent url(/images/interface/icons/icon-mini-video.png) no-repeat center center;
}

ul#icon-links li a.map {
	background:								transparent url(/images/interface/icons/icon-mini-map.png) no-repeat center center;
}

ul#icon-links li a.testimonials {
	background:								transparent url(/images/interface/icons/icon-mini-testimonials.png) no-repeat center center;
}

#main-content {
	padding: 								30px;
	min-height:								400px;
}

#main-content h1 {
	color:									rgb(101,50,147);
}

.content ul li {
	padding:								5px 8px 5px 16px;
	margin:									0;
	display:								block;
	background:								transparent url(/images/interface/icons/bullet.png) no-repeat left center;
	list-style-type:							none;
	display:								block;
}

#next-prev-links {
	padding:								0 30px 40px 30px;
}

.next {
	width:									45%;
	float:									right;
	text-align:								right;
}

.prev {
	width:									45%;
	float: 									left;
}

.prev a span.button-link {
	float: 									left;
	margin-right: 								10px;
}

.next-prev-title {
	width: 									85%;
}

.next a span.button-link {
	float: 									right;
	margin-left: 								10px;
}

#homeslideshow {
	width:									960px;
	height:									486px;
	overflow:								hidden;
}

.homeslide {
	display:								none;
	width:									960px;
	height:									500px;
	position: 								relative;
	float: 									left;
	overflow:								hidden;
	background-repeat:							none;
	background-position:							left top;
}

.homeslide.first {
	display:								block;
}

.herocaption {
	color:									#ffffff;
	padding:								40px 30px 30px 30px;
	position: 								absolute;
	overflow:								hidden;
}

.herocaption.up {
	color:									#ffffff;
	background:								url(/images/interface/backgrounds/captionback-up.png) no-repeat left top;
}

.herocaption.down {
	padding:								30px 30px 40px 30px;
	background:								url(/images/interface/backgrounds/captionback-down.png) no-repeat left bottom;
}

.herocaption.left {
	padding:								30px 30px 30px 40px;
	background:								url(/images/interface/backgrounds/captionback-left.png) no-repeat left top;
}

.herocaption.right {
	padding:								30px 40px 30px 30px;
	background:								url(/images/interface/backgrounds/captionback-right.png) no-repeat right top;
}

.herocaption.none {
	padding:								30px 30px 30px 30px;
	background:								url(/images/interface/backgrounds/captionback-none.png) no-repeat right top;
}

.herocaption h2 {
	color:									rgb(137,95,175);
}

.video-thirds {
	width: 									30%; 
	float: 									left; 
	margin-right: 								3%;
}


#home-slide-nav { z-index: 30; text-align: center; margin: 0; padding: 3px 0 0 0; display: block; }
#home-slide-nav a { margin: 0 3px 0 0; padding: 0; color: #ffffff; width: 8px; height: 8px; display: inline-block; background: transparent url(/images/interface/buttons/bullets.png) no-repeat 0 0; text-indent: -9999px; }
#home-slide-nav a:hover { background-position: -12px 0 ; }
#home-slide-nav a.activeSlide { background-position: -24px 0 ; }
#home-slide-nav a:focus { outline: none; }

.featured-thumb-slide {
	display:								none;
	float: 									left;
}

.featured-thumb-slide.first {
	display:								block;
}

#featured-thumb-nav { z-index: 30; text-align: center; margin: 0; padding: 0; display: block; }
#featured-thumb-nav a { margin: 0 3px 0 0; padding: 0; color: #ffffff; width: 8px; height: 8px; display: inline-block; background: transparent url(/images/interface/buttons/bullets.png) no-repeat 0 0; text-indent: -9999px; }
#featured-thumb-nav a:hover { background-position: -12px 0 ; }
#featured-thumb-nav a.activeSlide { background-position: -24px 0 ; }
#featured-thumb-nav a:focus { outline: none; }

/*	SHOW AND HIDE DIVS   */

.trigger {
	position: relative;
}

.trigger h3 {
        background: #eeeeee;
        padding: 0 0 0 10px;
	margin-bottom: 2px;
        font-size: 16px;

        /* Thickness of the bar more easily achieved with line-height
           since padding would push link inward.  */
        line-height: 2;
}

.trigger h3 a {
        float: right;
        position: relative;
        text-decoration: none;
        color: #333;
        padding: 0 0;
	width: 30px;
	text-indent: -9999px;
        border-left: 5px solid white;
}

.trigger h3 a:before,
.trigger h3 a:after {
        content: "";
        position: absolute;
        /* Pushed down half way, will get pulled back up half height of triangle
           ensures centering if font-size or line-height changes */
        top: 50%;
        width: 0;
        height: 0;
}

.trigger h3 a:before {
        left: -12px;
        /* Triangle */
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid white;
        /* Pull-up */
        margin-top: -8px;
}

.trigger h3 a:after {
        /* Smaller and different position triangle */
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid rgb(101,50,147);
        margin-top: -6px;
}

.trigger.open h3 a {
	background: #e1e1e1 url(/images/interface/icons/icon-showhide.png) no-repeat 0 0;
}

.trigger.open h3 a:hover {
	background: #eeeeee url(/images/interface/icons/icon-showhide.png) no-repeat 0 0;
}

.trigger.open h3 a:after {
	left: -5px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e1e1e1;
	margin-top: -6px;
}

.trigger.open h3 a:hover:after {
	border-right-color: #eeeeee;
}

.trigger.close h3 a {
	background: rgb(101,50,147) url(/images/interface/icons/icon-showhide.png) no-repeat -30px 0;
}

.trigger.close h3 a:hover {
	background: rgb(137,95,175) url(/images/interface/icons/icon-showhide.png) no-repeat -30px 0;
}

.trigger.close h3 a:after {
	left: -5px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid rgb(101,50,147);
	margin-top: -6px;
}

.trigger.close h3 a:hover:after {
	border-right-color: rgb(137,95,175);
}

.content {
	display: 								none; 
	padding: 								20px 10px;
}

a span.next-prev-title {
	padding:								0.5em 0.8em;
	display:								inline-block;
}

.photos-thumbnails {
	border-bottom:								#e1e1e1;
	padding-bottom:								20px;
	margin-bottom:								20px;
}

.project-data-block {
	position: 								relative; 
	font-size: 								0.9em; 
	background: 								#e1e1e1; 
	padding: 								20px 20px 0 20px; 
	float: 									right; 
	width: 									200px; 
	margin: 								0 0 25px 25px;
}

.office-location-map {
	border: 								1px solid #ffffff; 
	-moz-box-shadow:							0 0 8px #666666;
	-webkit-box-shadow:							0 0 8px #666666;
	box-shadow:								0 0 8px #666666;
	width:									500px;
	height:									200px;
	float:									right;
}

.project-solo-map {
	border: 								1px solid #ffffff; 
	-moz-box-shadow:							0 0 8px #666666;
	-webkit-box-shadow:							0 0 8px #666666;
	box-shadow:								0 0 8px #666666;
	width:									898px;
	height:									360px;
	margin-top:								20px;
}

.project-all-map {
	height: 								600px;
	border: 								1px solid #ffffff; 
	box-shadow:								0 0 8px #666666;
	-moz-box-shadow:							0 0 8px #666666;
	-webkit-box-shadow:							0 0 8px #666666;	
}

.projects-thumb {
	width:									280px;
	float: 									left;
}

.projects-thumb img {
	border:									1px solid #333333;	
}

.projects-intro {
	width:									600px;
	float: 									right;
}

.list-row {
	padding:								15px 0;
}

.list-row.border {
	border-bottom:								1px solid #e1e1e1;
}

.list-row.last {
	padding-bottom:								0;
	border-bottom:								none;
}

.thirds-block {
	width:									276px;
	float:									left;
	margin-right:								32px;
	font-size:								0.9em;
	position:								relative;
}

.thirds-block.rows {
	margin-bottom:								10px;
	margin-top:								10px;
}

.thirds-block h3 {
	margin-top:								10px;
}

.thirds-block.nth-3 {
	margin-right:								0;
}

.date-block {
	text-align: 								center; 
	float: 									left; 
	width: 									60px;
}

.date-block span {
	font-size: 								2.0em; 
	display: 								block;
}

.thumbnail-block {
	float: 									left; 
	width: 									160px;
}

.news-summary-block {
	float: 									right; 
	width: 									680px;
}

.summary-block {
	float: 									right; 
	width: 									780px;
}

.summary-block.wide {
	float: 									right; 
	width: 									820px;
}

.summary-block img {
	float: 									right;
	margin-left:								30px;
	border:									1px solid #666666;
}

.summary-block-wide {
	float: 									right; 
	width: 									760px;
}

.no-photo {
	background:								#e1e1e1;
	color:									#666666;
	font-size:								0.8em;
	text-align:								center;
	line-height:								220px;
	width:									276px;
	height:									220px;
}

ul.office-projects-list {
	margin:									10px 0 0 0;
	padding:								0;
}

ul.office-projects-list li {
	margin: 								0;
	padding:								0;
	display:								block;
	list-style-type:							0;
}

ul.office-projects-list li a {
	margin: 								0;
	padding:								0;
	display:								block;
}


a.category-image {
	display: 								block; 
	font-size: 								1.6em; 
	width: 									276px; 
	height: 								220px; 
	line-height: 								220px; 
	text-align: 								center; 
	border: 								1px solid #333333; 
}

a.category-image span {
	display: 								block; 
	opacity:								0; 
	filter:									alpha(opacity=80); /* For IE8 and earlier */
}

a.category-image:hover, a.category-image span:hover {
	opacity: 								1.0;
	filter:									alpha(opacity=100); /* For IE8 and earlier */
	color:									#ffffff;
	background-color:							rgba(0,0,0,0.6);
	text-shadow:								0 0 5px #000000;
}



a span.category-label {
	display:								block;
	position:								absolute;
	font-size:								1.4em;
	bottom:									8px;
	left:									0;
	color:									#ffffff;
	background:								rgba(0,0,0,0.8);
	padding:								8px 12px;
	z-index:								20;
}

a span.category-label:hover {
	display:								block;
	background:								rgb(101,50,147);
	color:									#ffffff;
	opacity:								1.0;
}

.primary-services-block {
	font-size:								0.9em;
}

.primary-services-block h3 {
	color:									rgb(193,138,243);
	margin-bottom:								10px;
}

.primary-services-block a {
	color:									#ffffff;
	padding-left: 								25px;
	background:								url(/images/interface/icons/bullet.png) no-repeat left center;
	display:								block;
}

.primary-services-block a:hover {
	color:									#eeeeee;
}

img.border {
	border:									1px solid #333333;
}

img.border:hover {
	border:									1px solid #666666;
}

.graphic-block {
	padding-top:								60px;
	margin-top:								10px;
}

a.graphic-block {
	position:								relative;
	display:								block;
	width:									155px;
	margin:									25px auto 0 auto;
	padding:								0;
	background:								rgb(19,19,19);
	color:									#ffffff;
}

a.graphic-block span {
	display:								block;
	padding:								20px 10px 10px 10px;
	color:									#ffffff;
}

.additional-block {
	margin-top: 								20px;
	padding:								20px 0 20px 0;
	border-top:								1px solid #e1e1e1;
}

.photo-thumb {
	padding: 								5px; 
	margin: 								6px 6px 6px 0; 
	border: 								1px solid #e1e1e1;
}

.photo-thumb.last {
	margin-right: 								0; 
}

.related-block {
	margin-bottom: 								20px; 
}

.related-block.last {
	margin-bottom: 								0; 
}

.related-block h3 {
	padding-bottom: 							5px; 
	font-size:								1.3em;
}

ul.related-services {
	padding:								0;
	margin:									0;
}

ul.related-services li {
	list-style-type:							none;
	padding:								2px 0 2px 10px;
	margin:									0;
	display:								block;
	background:								url(/images/interface/icons/bullet.png) no-repeat -5px center;
}

ul.related-services li a {
	margin:									0;
	display:								block;
}

a.graphic-block img {
	position:								absolute;
	bottom:									70%;
}

a.graphic-block:hover {
	background:								rgb(101,50,147);
	color:									#ffffff;
}

#prev1 {
	position: 								absolute; 
	top: 									160px; 
	left: 									0; 
	z-index: 								50; 
	display: 								block; 
	background: 								rgb(101,50,147) url(/images/interface/icons/arrows.png) no-repeat left center;
	width: 									30px; 
	height: 								30px; 
	color: 									#ffffff; 
	text-indent: 								-9999px; 
	line-height: 								30px; 
	text-align: 								center;	
}

#next1 {
	position: 								absolute; 
	top: 									160px; 
	right: 									0; 
	z-index: 								50; 
	display: 								block; 
	background: 								rgb(101,50,147) url(/images/interface/icons/arrows.png) no-repeat right center;
	width: 									30px; 
	height: 								30px; 
	color: 									#ffffff; 
	text-indent: 								-9999px; 
	line-height: 								30px; 
	text-align: 								center;	
}

#top-link { 
	display:								block;
	position: 								absolute; 
	left:									30px;
	top:									-5px;
	width:									30px;
	height:									30px;
	background:								rgb(101,50,147) url(/images/interface/icons/arrow-up.png) no-repeat left top;
	line-height:								30px;
	text-indent:								-9999px; 
	z-index:								50;
}

#prev1:hover, #next1:hover, #top-link:hover {
	background-color: 							rgb(137,95,175);
}

#slideshow {
	position: 								relative;
	width:									650px;
	height: 								360px;
	overflow:								none;
	float: 									left;
	background:								#333333;
}

.slide {
	display:								none;
	height:									360px;
	position: 								relative;
}

.slide.first {
	display:								block;	
}

.caption {
	position: 								absolute; 
	bottom: 								10px; 
	right: 									10px; 
	display: 								inline-block; 
	padding: 								5px 8px; 
	color: 									#ffffff; 
	background: 								rgba(0,0,0,0.8);
	font-size: 								0.9em;	
}

/*	CONTENT   */


h1#logo {
	width: 									253px;
	height: 								52px;
	margin: 								20px 0 0 0;
	float: 									left;
}

h1#logo a {
	height: 								52px;
	background: 								url(/images/interface/misc/logo.png) no-repeat center 0;
	margin: 								0;
	padding: 								0;
	display: 								block;
	line-height: 								52px;
	text-indent: 								-9999px;
}

.awards-logo {
	width: 									140px; 
	float: 									left; 
}

.awards-intro {
	width: 									740px; 
	float:	 								right;
}

.affiliations-logo {
	width: 									140px; 
	float: 									left; 
}

/* MAIN NAVIGATION */



#nav-main {
	position: 								absolute;
	margin: 								0 auto;
	display:								inline-block;
	top:									54px;
	right: 0;
}


#nav-main ul {
		margin: 							0 auto;
		border:								#ff0000;
		display:							inline-block;
		text-align:							center;
}

#nav-main li {
	list-style-type:							none;
	float: 									left;
	padding:								0;
	margin:									0;
	display:								inline-block;
}

#nav-main li a {
	float: 									left;
	font-size:								1.0em;
	font-weight:								bold;
	text-transform:								uppercase;
	padding:								5px 10px 20px 10px;
	margin:									0 8px 0 0;
	text-shadow:								0 0 5px #ffffff;
	color: 									#666666;
	display:								inline-block;
	-moz-border-radius:							8px;
	-webkit-border-radius:							8px;
	border-radius:								8px;
}

#nav-main li a.last {
	margin:									0 0 0 0;
}

#nav-main li a.active-list-item {
color:										rgb(101,50,147);
background:									url(/images/interface/backgrounds/menupointer.png) no-repeat center bottom;
}

#nav-main li a.active-list-item.no_arrow {
color:										rgb(101,50,147);
background:									transparent;
}

#nav-main li a.active-list-item:hover {
color:										rgb(137,95,175);
text-shadow:									none;
}

#nav-main li a:hover {
	color:									rgb(101,50,147);
	text-shadow:								0 0 5px #ffffff;
}

/*	SECTION MENU   */


#sectionmenu {
	height: 								30px; 
	border-bottom: 								1px solid #ffffff; 
	line-height: 								30px; 
	background: 								rgb(101,50,147);
	text-align:								left;
	width:									960px;
	overflow:								hidden;
}

ul#nav-topsection {
	margin:									0;	
	padding:								0;
	text-align:								left;
	display: 								block;
}

ul#nav-topsection li {
	list-style-type:							none;
	display: 								inline-block;
	margin:									0;	
	padding:								0;
	float: 									left;
}

ul#nav-topsection li a {
	display: 								inline-block;
	margin:									0;
	padding:								0 10px;
	height: 								30px;
	line-height:								30px;
	color:									#ffffff;
	float: 									left;
	font-size:								0.9em;
}

ul#nav-topsection li a.active-list-item {
	background:								rgb(101,50,147) url(/images/interface/backgrounds/submenu-selected.png) no-repeat center bottom;
}


ul#nav-topsection li a:hover {
	color: 									rgb(203,156,244);
}

ul#nav-topsection li ul.cat-list {
	margin: 								0;
	padding:				 				0;
	float:									left;
	display:								inline-block;
}

ul#nav-topsection li ul.cat-list li {
	margin: 								0;
	padding: 								0;
	list-style-type:							0;
	display:								inline-block;
	float: 									left;
}

ul#nav-topsection li ul.cat-list li a {
	margin: 								0;
	padding: 								0 8px;
	font-size:								0.8em;
	background:								rgb(137,95,175);
	height: 								30px;
	line-height:								30px;
	display:								inline-block;
	color:									#ffffff;
}

ul#nav-topsection li ul.cat-list li a.first {
	background:								rgb(137,95,175) url(/images/interface/backgrounds/submenuarrow.png) no-repeat left center;
	padding-left:								14px;
}

ul#nav-topsection li ul.cat-list li a:hover {
	background:								rgb(172,128,211);
}

ul#nav-topsection li ul.cat-list li a.first:hover {
	background:								rgb(172,128,211) url(/images/interface/backgrounds/submenuarrow.png) no-repeat left center;
	padding-left:								14px;
}

ul#nav-topsection li ul.cat-list li a.active-list-item {
	background:								rgb(137,95,175) url(/images/interface/backgrounds/submenu-selected.png) no-repeat center bottom;
	padding-left:								14px;
}

ul#nav-section {
	margin:									0;	
	padding:								0;
}

ul#nav-section li {
	list-style-type:							none;
	display: 								block;
	margin:									0;	
	padding:								0;
}

ul#nav-section li a {
	display: 								block;
	margin:									0;
	padding:								8px 10px 16px 10px;
	color:									rgb(137,95,175);
}

ul#nav-section li a.active-list-item {
	display: 								block;
	margin:									0;	
	padding:								8px 8px 8px 12px;
	background:								rgb(137,95,175) url(/images/interface/backgrounds/tile-menushadow.png) repeat-y left top;
	color:									#ffffff;
}

ul#nav-section li a:hover {
	color:									#ffffff;
}

ul#nav-section li a:visited {
	color:									#cccccc;
}

/*	CATEGORIES MENU   */

ul#categories {
	margin:									0;	
	padding:								0;
}

ul#categories li {
	list-style-type:							none;
	display: 								block;
	margin:									0;	
	padding:								0;
}

ul#categories li a {
	display: 								block;
	margin:									0;	
	padding:								8px 8px 8px 12px;
	color:									rgb(137,95,175);
}

ul#categories li a.active-list-item {
	display: 								block;
	margin:									0;	
	padding:								8px 8px 8px 12px;
	background:								#666666 url(/images/interface/backgrounds/tile-menushadow.png) repeat-y left top;
	color:									#ffffff;
}

ul#categories li a:hover {
	color:									#ffffff;
}

ul#categories li a:visited {
	color:									#cccccc;
}

/*	TYPOGRAPHY   */

.fineprint a {
	color: 									#cccccc;
}

.fineprint a:hover {
	color: 									rgb(137,95,175);
}

.button-link {
   border-top: 1px solid #c39beb;
   background: #663293;
   background: -webkit-gradient(linear, left top, left bottom, from(#8a5faf), to(#663293));
   background: -webkit-linear-gradient(top, #8a5faf, #663293);
   background: -moz-linear-gradient(top, #8a5faf, #663293);
   background: -ms-linear-gradient(top, #8a5faf, #663293);
   background: -o-linear-gradient(top, #8a5faf, #663293);
   padding: 0.5em 0.9em;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 0.9em;
   text-decoration: none;
   vertical-align: middle;
   }

.button-link:hover {
   border-top-color: #663293;
   background: #663293;
   color: #ccc;
   }

a.button-link:active {
   border-top-color: #8a5faf;
   background: #8a5faf;
   }

a.link-button-footer {
	display: 								inline-block;
	background:								#b7b7b7;
	padding:								0.8em 1.6em;
	-moz-border-radius:							8px;
	-webkit-border-radius:							8px;
	border-radius:								8px;
	color: 									#333333;
	text-shadow:								0 1px 2px #ffffff;
	-moz-box-shadow:							inset 1px 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow:							inset 1px 1px 3px rgba(0,0,0,.5);
	box-shadow:								inset 1px 1px 3px rgba(0,0,0,.5);
	font-size:								0.9em;
}

a.link-button-footer:hover {
	background:								#e1e1e1;
	text-shadow:								0 1px 2px #ffffff;
	color:									#333333;
}

.meta {
	font-size:								0.9;
	margin:									5px 0 15px 0;
}

.smaller {
	font-size: 								0.8em;	
}

#nav-utility {
	display: 								inline-block;
	float: 									right;
	font-size:								0.8em;
	font-weight:								bold;
}

ul#nav-utility {
	padding: 								0;
	margin: 								0;
	margin-top: 								10px;
}

ul#nav-utility li {
	list-style-type:							none;
	display:								inline-block;
	float: 									left;
	margin-right: 								20px;
	color:									#333333;
}

ul#nav-utility li a {
	display: 								inline-block;
	padding-left:								28px;
	height:									24px;
	line-height:								24px;
	color:									#333333;
}

ul#nav-utility li a:hover {
	color:									rgb(101,50,147);
}

ul#nav-utility li a.email {
	background: 								url(/images/interface/icons/icon_email.png) no-repeat left center;
}

ul#nav-utility li.tel {
	background: 								url(/images/interface/icons/icon_phone.png) no-repeat left center;
	display: 								inline-block;
	padding-left:								28px;
	height:									24px;
	line-height:								24px;
}

ul#nav-utility li a.search {
	background: 								url(/images/interface/icons/icon_search.png) no-repeat left center;
}

.share-buttons {
	display: 								inline-block;
	float: 									right;
	height: 								24px;
	line-height: 								24px;
	font-size: 								0.8em;
	text-align:								center;
	margin-top: 								10px;
}


/* Form Validation */

.form-row {
	padding: 5px 0;
}

fieldset.ui-widget.ui-widget-content.ui-corner-all {
	background-color: 		#ffffff;
}


#contactForm { 
	font-family:			Arial, Helvetica, sans-serif;
	position: 			relative; 
	border: 			none;
}

#contactForm fieldset {
	position: 			relative;
	border: 			none;
}

#contactForm label { 
	position: 			relative; 
	display: 			block;
	margin-top: 			10px;
}

#contactForm label.error {
	float: 				right;
	margin-top:			-30px;
	height: 			24px;
	line-height:			24px;
	font-size:			0.8em;
	padding:			0 10px 0 15px;
	width: 				auto;
	display: 			inline-block;
	background: 			url(/images/interface/backgrounds/error-dialog.png) no-repeat left top;
	color: 				#ffffff;
}

#contactForm button.submit {
	margin-top: 			20px;
   	border-top: 			1px solid #c39beb;
	border-bottom:			none;
	border-left:			none;
	border-right:			none;
   	background: 			#663293;
   	background: 			-webkit-gradient(linear, left top, left bottom, from(#8a5faf), to(#663293));
   	background: 			-webkit-linear-gradient(top, #8a5faf, #663293);
   	background: 			-moz-linear-gradient(top, #8a5faf, #663293);
   	background: 			-ms-linear-gradient(top, #8a5faf, #663293);
   	background: 			-o-linear-gradient(top, #8a5faf, #663293);
   	padding: 			0.5em 0.9em;
   	-webkit-border-radius: 		4px;
   	-moz-border-radius: 		4px;
   	border-radius: 			4px;
   	-webkit-box-shadow: 		rgba(0,0,0,1) 0 1px 0;
   	-moz-box-shadow: 		rgba(0,0,0,1) 0 1px 0;
   	box-shadow: 			rgba(0,0,0,1) 0 1px 0;
   	text-shadow: 			rgba(0,0,0,.4) 0 1px 0;
   	color: 				white;
   	font-size: 			0.9em;
   	text-decoration: 		none;
   	vertical-align: 		middle;
}

#contactForm button.submit:hover {
	border-top-color: #663293;
   	background: #663293;
   	color: #ccc;
}

#contactForm input,#contactForm select,#contactForm textarea {
	display: 				block;
	position: 				relative;
	margin-bottom: 				5px;
	-webkit-border-radius: 			5px;
	-moz-border-radius: 			5px;
	border-radius: 				5px;
}

#contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus {
	-moz-box-shadow:			0 0 6px #666666;
	-webkit-box-shadow:			0 0 6px #666666;
	box-shadow:				0 0 6px #666666;
}

#contactForm .text-input {
	position:				relative;
	width: 					70%;
	color: 					#555;
	padding: 				4px;
	border: 				1px solid #B5B8C8;
	font-size: 				1.0em;
	margin-top: 				4px;
	background: 				#FFF repeat-x;
}

#contactForm textarea {
	width: 					100%;
	height: 				250px;
}

#contactForm span.checkbox, #contactForm .checkbox {
	display: 				inline;
}

#contactForm h4 {
	display: 				block;
	border:					1px solid #74b2e2;
	margin-top:				20px;
	margin-bottom:				5px;
	color:					#2779aa;
	background:				#d8ebf9;
	padding:				10px 15px;
	-webkit-border-radius: 			5px;
	-moz-border-radius: 			5px;
	border-radius: 				5px;
}

.required-field {
	font-size: 				0.8em;
	color:					red;
}

.vtip.note {
	display: inline-block;
	width: 					20px;
	height: 				20px;
	background: 				url(/images/interface/icons/icon_questionmark_small.png) no-repeat center center;
	text-indent:				-9999px;
}

.required-fields-note {
	display: 				block; 
	font-size: 				0.9em; 
	color: 					#666666;
	margin: 				-10px 0 20px 0;
}

.field-note {
	display:				block;
	font-size:				0.8em;
	color:					#666666;
	font-style:				italic;
}

/* CLEAR FIX ======================================================== */


.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
	}

.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
	}

* html .clearfix,*:first-child+html .clearfix{zoom:1}