@CHARSET "ISO-8859-1";

#containerContentInnerWrapper {
	position: relative;
	display: block;
	width: 900px;
	margin: 0 auto;
	margin-top: 160px;
	z-index: 12;
}
#containerContentHolder {
	position: relative;
	z-index: 12;
}
#elementContentBottomFiller {
	position: fixed;
	width: 900px;
	height: 70%;
	bottom: 0;
	left: 50%;
	margin-left: -450px;
	background-color: white;
	z-index: 9;
}
#elementContentTopRibbon {
	position: absolute;
	width: 917px;
	bottom: 100%;
	left: 0;
	z-index: 11;
	background-color: #EE3124;
	color: #FFFFFF;
}
#elementContentTopRibbon .innerWrapper {
	position: relative;
}
#elementContentTopRibbon #containerSectionHeaderOverlay {
	position: relative;
	padding: 10px;
	height:15px;
}
#elementContentTopRibbon #containerSectionHeaderOverlay span {
	font-size: 155%;
	font-weight: bold;
	padding-right: 5px;
}
#elementContentTopRibbon #containerSectionHeaderOverlay .tick {
	position: absolute;
	top: 100%;
	right: 0;
	width: 17px;
	height: 21px;
	background: transparent url("../images/img_ribbon_tick.png") no-repeat top left;
}
#elementSectionHeader {
	position: absolute;
	top: -111px;
	left: 5%;
	font-size: 90px;
	font-family: Din,Arial,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	line-height: 90px;
	margin: 0pt;
	padding: 0pt;
	opacity: 0.15;
	filter: alpha(opacity = 15);
	z-index: 7;
}
#containerContentRight .innerWrapper {
	padding: 20px 20px 20px 20px;
}
#containerContentLeft .innerWrapper { 
	padding: 10px;
}
#containerContentLeft .innerWrapper.subNavigation { 
	padding-left: 0;
}

#containerContentLeft .elementContentBlock {
	position: relative;
	border-bottom: 1px solid #EE3124;
	z-index: 12;
}
#containerContentLeft .underlay {
	position: absolute;
	z-index: 10;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	background-color: black;
	width: 100%;
	height: 100%;
}
#containerContentLeft .innerWrapper {
	position: relative;
	z-index: 11;
}
#containerContentLeft {
	position: relative;
	float: left;
	z-index: 12;
	width: 25%;
	color: #ffffff;
}
#containerContentLeft h3.sectionHeader {
	text-transform: uppercase;
	color: #e32e32;
	font-family: DinMed, Arial, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	font-size: 145%;
}

/****************************************************
	START - Left navigation
****************************************************/
#containerContentLeft .elementSubNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
#containerContentLeft .elementSubNavigation li {
	margin: 0;
	padding: 5px 3px;
	padding-left: 35px;
	background: transparent url("") no-repeat 10px 50%;
}
#containerContentLeft .elementSubNavigation li.last {
	padding-bottom: 0;
}
#containerContentLeft .elementSubNavigation li a {
	font-size: 12pt;
	font-style: normal;
	font-family: Din, Arial, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
#containerContentLeft .elementSubNavigation li.active a {
	color: #f79b34;
}
#containerContentLeft .elementSubNavigation li a:hover {
	color: #e32e32;
}
#containerContentLeft .elementSubNavigation li.business {
	background-image: url("../images/ico_leftnav_business.png");
}
#containerContentLeft .elementSubNavigation li.business.active {
	background-image: url("../images/ico_leftnav_business_active.png");
}
#containerContentLeft .elementSubNavigation li.business:hover {
	background-image: url("../images/ico_leftnav_business_hover.png");
}
#containerContentLeft .elementSubNavigation li.people {
	background-image: url("../images/ico_leftnav_people.png");
}
#containerContentLeft .elementSubNavigation li.people.active {
	background-image: url("../images/ico_leftnav_people_active.png");
}
#containerContentLeft .elementSubNavigation li.people:hover {
	background-image: url("../images/ico_leftnav_people_hover.png");
}
#containerContentLeft .elementSubNavigation li.tech {
	background-image: url("../images/ico_leftnav_tech.png");
}
#containerContentLeft .elementSubNavigation li.tech.active {
	background-image: url("../images/ico_leftnav_tech_active.png");
}
#containerContentLeft .elementSubNavigation li.tech:hover {
	background-image: url("../images/ico_leftnav_tech_hover.png");
}
#containerContentLeft .elementSubNavigation li.social {
	background-image: url("../images/ico_leftnav_social.png");
}
#containerContentLeft .elementSubNavigation li.social.active {
	background-image: url("../images/ico_leftnav_social_active.png");
}
#containerContentLeft .elementSubNavigation li.social:hover {
	background-image: url("../images/ico_leftnav_social_hover.png");
}
/****************************************************
	END - Left navigation
****************************************************/

#containerContentRight {
	position: relative;
	float: right;
	z-index: 12;
	width: 75%;
	background-color: #ffffff;
	padding-bottom: 60px;
}
#containerContentRight h1 {
	color: #E32E32;
	font-family: Din, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 350%;
	line-height: 100%;
	margin: 0;
	margin-bottom: 5px;
}
#containerContentRight h1.mainFeatureTitle {
	text-transform: uppercase;
	color: #E32E32;
	font-family: Din, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 525%;
	line-height: 100%;
	margin: 0;
	margin-bottom: 25px;
}
#containerContentRight h2 {
	color: #636363;
	font-family: Din, Arial, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 250%;
	margin: 10px 0;
	line-height: 105%;
}

#containerContentRight a h2 {
	font-style: normal;
}
#containerContentRight h2.featureTitle {
	color: #636363;
	font-family: Din, Arial, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 355%;
	margin: 10px 0;
	line-height: 105%;
}
#containerContentRight h3 {
	color: #636363;
	font-family: Din, Arial, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 185%;
	margin: 10px 0;
}
.elementContentBlockSeperator {
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	left: 24.5%;
	border-left: 1px solid #DDDDDD;
}
.elementPhotoGrid {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.elementPhotoGrid li {
	padding: 0;
	display: inline;
}
.elementPhotoGrid li img {
	padding: 0;
}
.elementRibbonQuoteRed {
	position: relative;
	padding: 10px 25px;
	margin-bottom: 25px;
	font-style: italic;
	background-color: #FF2E00;
	color: #FFFFFF;
	font-size: 135%;
	line-height: 130%;
}
.elementRibbonQuoteRed .tic {
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 100%;
	right: 0;
	background: transparent url("../images/bg_ribbon_tick_yellow_right.png") no-repeat right top;
}

.elementRibbonQuoteYellow {
	margin: 0;
	position: relative;
	padding: 10px 20px;
	margin-bottom: 27px;
	font-style: italic;
	background-color: #FFB300;
	color: #FFFFFF;
	font-size: 185%;
	text-align: center;
	line-height: normal;
}

.elementRibbonQuoteYellow .tic {
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	top: 100%;
	left: 0;
	background: transparent url("../images/bg_ribbon_tick_red_left.png") no-repeat left top;
}
.elementHorizontalLine {
	display: block;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-bottom: 10px;
}
#elementBreadCrumb {
	position: absolute;
	top: 15px;
	left: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	font-style: italic;
}
#elementBreadCrumb li {
	display: inline;
	padding-right: 12px;
	margin-right: 3px;
	background: transparent url("../images/bg_breadcrumb_chevron.gif") no-repeat right 50%;
}
#elementBreadCrumb li.last {
	background: none;
}
/****************************************************
	BEGIN - Pillar landing page styles
****************************************************/
#containerLandingFeature {
	float: left;
	width: 60%;
	overflow: hidden;
	padding-right: 2%;
}
#containerLandingFeature h2 {
	color: #E32E32;
	margin: 0 0 5px 0;
}
#containerLandingEventAndContact {
	float: right;
	width: 211px;
}
#containerLandingEventAndContact #containerLandingContact {
	position: relative;
	padding-top: 15px;
}
#containerContentRight .elementLandingEventTitle {
	margin-top: 0;
	margin-bottom: 2px;
	color: #F4901E;
	font-size: 16pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.elementLandingEventTop {
	background: transparent url("../images/bg_landing_event_top.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
.elementLandingEventBody {
	background-color: #EE3312;
	padding: 0px 10px;
}
#containerContentRight .elementLandingEventBody h3 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 12.5pt;
	font-weight: bold;
	color: #ffffff;
}
#containerContentRight .elementLandingEventBody a {
	color: #F7CE96;
}
.elementLandingEventBottom {
	background: transparent url("../images/bg_landing_event_bottom.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
.elementLandingExtraTop {
	background: transparent url("../images/bg_landing_extra_top.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
.elementLandingExtraBody {
	background-color: #F7CE96;
	padding: 0px 10px;
}
#containerContentRight .elementLandingExtraBody h2 {
	margin-top: 0;
	color: #F4901E;
	font-size: 19pt;
	font-weight: bold;
}
.elementLandingExtraBottom {
	background: transparent url("../images/bg_landing_extra_bottom.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
.elementLandingContactTop {
	background: transparent url("../images/bg_landing_contact_top.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
.elementLandingContactBody {
	background-color: #F4901E;
	padding: 0px 10px;
}
.elementLandingContactBottom {
	background: transparent url("../images/bg_landing_contact_bottom.gif") no-repeat top left;
	width: 211px;
	height: 10px;
}
#containerContentRight .elementLandingContactBody h2 {
	padding-left: 32px;
	margin-top: 0;
	color: #EE3523;
	font-size: 19pt;
	font-weight: bold;
	background: transparent url('../images/ico_landing_contact_header.gif') no-repeat left 50%;
}
.elementLandingContactEmailList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.elementLandingContactEmailList li a {
	color: #ffffff;
	font-size: 8pt;
	font-style: normal;
}
.elementLandingContactEmailList li {
	padding-left: 36px;
	background: transparent url('') no-repeat 15px 50%;
}
.elementLandingContactEmailList li.business {
	background-image: url('../images/ico_landing_contact_business.gif');
}
.elementLandingContactEmailList li.sales {
	background-image: url('../images/ico_landing_contact_sales.gif');
}
.elementLandingContactEmailList li.mobile {
	background-image: url('../images/ico_landing_contact_mobile.gif');
}
.elementLandingContactEmailList li.support {
	background-image: url('../images/ico_landing_contact_support.gif');
}
.elementLandingContactEmailList li.twitter {
	background-image: url('../images/ico_landing_contact_twitter.gif');
}
.elementLandingContactEmailList li.rock {
	background-image: url('../images/ico_landing_contact_rock.gif');
}
.elementLandingContactEmailList li.social {
	background-image: url('../images/ico_landing_contact_social.gif');
}
.elementLandingContactEmailList li.info {
	background-image: url('../images/ico_landing_contact_info.gif');
}
.elementLandingContactEmailList li.hr {
	background-image: url('../images/ico_landing_contact_hr.png');
}
.elementLandingContactEmailList li.jobs {
	background-image: url('../images/ico_landing_contact_jobs.png');
}
.elementLandingContactEmailList li.team {
	background-image: url('../images/ico_landing_contact_team.png');
}
.elementLandingContactEmailList li.labs {
	background-image: url('../images/ico_landing_labs.png');
}
.elementLandingContactEmailList li.tech {
	background-image: url('../images/ico_landing_tech.png');
}
/****************************************************
	END - Pillar landing page styles
****************************************************/


/****************************************************
	BEGIN - Common styles
****************************************************/
.elementContentBackgroundHack {
	background-color: #ffffff;
	position: absolute;
	height: 250px;
	width: 675px;
	bottom: 0;
	left: 50%;
	margin-left: -225px;
	z-index: 5;
}
/****************************************************
	END - Common styles
****************************************************/