* { font-size: 100.01%; }
html {
	font-size: 75%;
	height: 100%;
}
body {
	margin: 0;
	font: 1em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	min-width: 81.666em;
	height: 100%;
	background-color: #fff;
}
a {
	color: #666;
	text-decoration: none;
}
img { border-style: none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
.accessibility { display: none; }
#wrapper { min-height: 100%; }
* html #wrapper { height: 100%; }
.wrapper-top {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 10.0833em 0 6.75em;
	overflow: hidden;
}
* html .wrapper-top { overflow: visible; }
.bg-body {
	width: 100%;
	height: 7.833em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	min-width: 81.666em;
}
#header {
	position: absolute;
	width: 100%;
	z-index: 7;
	top: 0;
	left: 0;
	height: 7.916em;
}
#header .holder {
	width: 81.666em;
	margin: 0 auto;
}
.logo {
	width: 11.166em;
	height: 10.083em;
	margin: 0;
	float: left;
}
.logo img {
	display: block;
	width: 100%;
	height: 100%;
}
.add-nav {
	margin: 0.333em 1.083em 0 0;
	padding: 0;
	float: right;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 2em;
}
.add-nav li {
	float: left;
	font-size: 0.9166em;
	line-height: 1.09em;
	border-left: 0.09em solid #999;
	padding: 0 0.727em;
	margin: 0 0 0 -0.09em;
}
.add-nav li a { color: #999; }
.add-nav li a:hover,
.add-nav li a.active {
	color: #000;
	text-decoration: none;
}
#nav {
	margin: 1.5em 0 0 0.25em;
	padding: 0;
	list-style: none;
	float: left;
	width: 68.25em;
	display: inline;
}
#nav li {
	float: left;
	margin: 0 0 0 1em;
	display: inline;
}
#nav li a {
	color: #999;
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: bold;
	position: relative;
	height: 2.8em;
	overflow: hidden;
	z-index: 10;
	float: left;
}
#nav li a span {
	position: relative;
	float: left;
	z-index: 5;
	padding: 1.133em 1.2em 0;
	cursor: pointer;
}
#nav li a.active span { padding: 1em 1.62em 0 1.6em; }
#nav li a:hover,
#nav li a.active {
	color: #333;
	text-decoration: none;
}
#nav li a .bg-menu-center,
#nav li a .bg-menu-left,
#nav li a .bg-menu-right {
	position: absolute;
	top: 0;
	left: 0;
	height: 5.6em;
	width: 16em;
	z-index: 2;
}
#nav li a .bg-menu-left {
	width: 0.333em;
	z-index: 3;
}
#nav li a .bg-menu-right {
	left: auto;
	right: -0.0833em;
	width: 0.3333em;
	z-index: 999;
}
#nav li a.active .bg-menu-left,
#nav li a.active .bg-menu-right,
#nav li a.active .bg-menu-center { top: -2.8em; }
.intro {
	background: #000 url(../images/bg-intro.gif) repeat-x 0 100%;
	width: 100%;
	margin-top: -2.166em;
	position: relative;
	z-index: 6;
}
.content-page .intro { background: #000 url(../images/bg-intro-content.gif) repeat-x 0 100%; }
.intro .holder {
	width: 81.666em;
	margin: 0 auto;
	padding: 1.25em 0 1.165em;
	overflow: hidden;
}
.content-page .intro .holder { padding: 0.5em 0 0.583em; }
.intro .video {
	float: right;
	margin: 0 1em 0 0;
	display: inline;
}
.intro .video img {
	width: 54.16em;
	height: 25em;
	display: block;
}
.breadcrumbs {
	margin: 0 0 0 13em;
	padding: 0 0 1.727em;
	font-size: 0.9166em;
	line-height: 1.272em;
	list-style: none;
	position: relative;
	z-index: 100;
}
.breadcrumbs li {
	display: inline;
	color: #d1d6d8;
	font-weight: bold;
	margin: 0 0.09em 0 0;
}
.breadcrumbs li a {
	color: #d1d6d8;
	font-weight: normal;
}
.breadcrumbs li span {
	font-weight: normal;
	margin: 0 0.181em 0 0.272em;
}
.breadcrumbs li a:hover { text-decoration: underline; }
.intro .text {
	float: left;
	width: 50.666em;
	margin: 1.888em 0 0 0.555em;
	padding: 0 0 0.5em;
	display: inline;
	font-size: 1.5em;
	line-height: 1.22em;
}

.intro .text_home {
	float: left;
	width: 16.666em;
	margin: 1.888em 0 0 0.555em;
	padding: 0 0 0.5em;
	display: inline;
	font-size: 1.5em;
	line-height: 1.22em;
}

.text_video{
	width: 16.666em;
}
.content-page .intro .text {
	float: none;
	width: auto;
	margin: 0 0 0 0.333em;
	display: block;
}
.intro .text h1 {
	margin: 0 0 0.366em;
	color: #ccc;
	font-size: 32px;
	line-height: 1em;
	font-weight: bold;
}

.intro .text .little h1 {
	margin: 0 0 0.766em;
	color: #ccc;
	font-size: 26px;
	line-height: 1em;
	font-weight: bold;
}


.content-page .intro .text h1 {
	color: #b8c4c9;
	margin: 0;
	font-weight: bold;
}
.intro .text p {
	margin: 0 0 0.277em;
	color: #999;
}
.content-page .intro .text p {
	color: #b8c4c9;
	margin: 0 0 0.166em;
	line-height: 1.166em;
}


.intro .text_home h1 {
	margin: 0 0 0.366em;
	color: #ccc;
	font-size: 32px;
	line-height: 1em;
	font-weight: bold;
}

.intro .text_home .little h1 {
	margin: 0 0 0.766em;
	color: #ccc;
	font-size: 26px;
	line-height: 1em;
	font-weight: bold;
}


.content-page .intro .text_home h1 {
	color: #b8c4c9;
	margin: 0;
	font-weight: bold;
}
.intro .text_home p {
	margin: 0 0 0.277em;
	color: #999;
}
.content-page .intro .text_home p {
	color: #b8c4c9;
	margin: 0 0 0.166em;
	line-height: 1.166em;
}



.more {
	width: 9.055em;
	height: 3.166em;
	line-height: 1.166em;
	color: #333;
	font-weight: normal;
	overflow: hidden;
	display: block;
	margin: 0 0 0 -0.555em;
	position: relative;
}
.more span {
	position: relative;
	z-index: 2;
	display: block;
	padding: 1.055em 0 0 1.222em;
}
.more img {
	width: 9.055em;
	height: 3.166em;
	display: block;
	margin: -2.166em 0 0;
}
.more:hover {
	color: #826a6a;
	text-decoration: none;
}
#footer {
	margin: -5.666em 0 0;
	height: 5.666em;
	position: relative;
	z-index: 10;
}
#footer .bg-footer {
	position: absolute;
	top: 0;
	left: 0;
	height: 5.666em;
	width: 100%;
}
#footer .holder {
	margin: 0 auto;
	width: 81.666em;
	position: relative;
	z-index: 2;
	padding: 1.5833em 0 0;
}
#footer ul {
	margin: 0 0 0 0.9166em;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: left;
	display: inline;
}
#footer .footer-nav {
	float: right;
	margin: 0 0.5em 0 0;
}
#footer .footer-global {
	text-align: center;
	float: none;
	margin: 0 0.5em 0 0;
}
#footer ul li {
	float: none;
	border-left: 0.0833em solid #d1d6d9;
	padding: 0 0.75em;
	margin: 0 0 0 -0.0833em;
}




#footer ul li a:hover,
#footer ul li a.active {
	color: #826a6a;
	text-decoration: none;
}
.services {
	position: relative;
	background-color: #d7dbde;
	min-height: 20em;
	z-index: 5;
}
* html .services { height: 20em; }
.services .bg-services {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20em;
}
.services .holder {
	margin: 0 auto;
	width: 81.666em;
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 1.833em 0 0;
}
.services ul {
	margin: 0;
	padding: 0 0 0 1.9166em;
	list-style: none;
	overflow: hidden;
	position: relative;
	z-index: 12;
}
* html .services ul { display: inline-block; }
.services ul li {
	float: left;
	width: 17.75em;
	padding: 0.75em 1.66em 2.333em 0.25em;
}
.services p {
	margin: 0px 0px 6px 0px;
	font-size: 14px;
	line-height: 18px;
}
.services .image { text-align: center; }
.services img { vertical-align: top; }
.services .image1 {
	width: 12.5em;
	height: 10em;
}
.services .image2 {
	width: 8.916em;
	height: 8.916em;
}
.services .image3 {
	width: 17.5em;
	height: 7.5em;
}
.services .image4 {
	width: 14.75em;
	height: 10.916em;
}
.read-more {
	position: absolute;
	bottom: 0.583em;
	width: 16em;
}
.boxes .read-more {
	width: 23.83em;
	padding: 0 2em 0 0;
	bottom: 0.4166em;
}
.read-more a {
	float: right;
	outline: none;
}
.read-more a:hover {
	text-decoration: none;
	color: #826a6a;
}
.read-more span {
	float: left;
	margin: -0.166em 0.833em 0 0;
	cursor: pointer;
}
.read-more img {
	float: left;
	width: 0.583em;
	height: 1em;
}
.services .lines {
	position: absolute;
	top: 1.833em;
	left: 20.5em;
	height: 15.833em;
	width: 40.333em;
}
#main {
	position: relative;
	width: 100%;
	padding: 0 0 2em;
}
.main-holder {
	margin: 0 auto;
	width: 81em;
	padding: 0 0 0 0.666em;
	position: relative;
	z-index: 5;
}
.main-holder .wrap {
	position: relative;
	width: 100%;
}
.boxes {
	overflow: hidden;
	height: 1%;
	margin: 1em 0 1.75em;
	position: relative;
}
.boxes .middle {
	position: absolute;
	top: 0;
	left: 0;
	width: 80.0833em;
	height: 100%;
	z-index: 2;
}
.boxes .top,
.boxes .bottom {
	position: relative;
	z-index: 5;
	width: 80.0833em;
	height: 0.6833em;
	display: block;
}
.boxes .holder {
	overflow: hidden;
	width: 81.9166em;
	position: relative;
	z-index: 10;
	margin: 0 0 0 -0.9166em;
}
.boxes .box {
	float: left;
	width: 25.833em;
	margin: 0 0 0 1.333em;
	padding: 0.0833em 0 0;
	display: inline;
	color: #999;
}
.boxes .box .image {
	float: left;
	margin: 0 1em 0 0;
}
.boxes .box .image1 {
	width: 7em;
	height: 6.5em;
}
.boxes .box .image2 {
	width: 7.166em;
	height: 6.66em;
}
.boxes .box .image3 {
	width: 7.9166em;
	height: 7em;
}
.boxes .box .text {
	overflow: hidden;
	height: 1%;
	padding: 0.5em 0.4166em 0 0;
}
.boxes .box .text h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.166em;
}
.boxes .box .text h2 a { color: #999; }
.boxes .box .text h2 a:hover { color: #826a6a; }
.boxes .box .text p {
	margin: 6px 6px 0px 0px;
	font-size: 1.166em;
	line-height: 1.214em;
}
.boxes .box .frame {
	overflow: hidden;
	width: 100%;
	padding: 0 0 0.66em;
}
.modul-box {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 1em 0 0.9166em;
}
.modul-box .top,
.modul-box .bottom {
	position: relative;
	z-index: 5;
	width: 80.0833em;
	height: 0.7833em;
	display: block;
}
.modul-box .middle {
	position: absolute;
	top: 0;
	left: 0;
	width: 80.0833em;
	height: 100%;
	z-index: 2;
}
.modul-box .holder {
	position: relative;
	width: 100%;
}
.modul-box .frame {
	position: relative;
	z-index: 3;
	overflow: hidden;
	height: 1%;
	padding: 0.557em 1.90em;
	font-size: 1.266em;
	line-height: 1.41em;
	border-color: #ffffff;
}
.modul-box h2,
.modul-box h3 {
	margin: 0 0 0.25em -0.055em;
	font-size: 1.714em;
	line-height: 1.125em;
}
.modul-box p { margin: 0; }
.modul-box .image {
	float: left;
	margin: 0 1.928em 0 0;
	padding: 0 0 0.357em;
}
.modul-box .text {
	overflow: hidden;
	height: 1%;
	padding: 1em 0 0;
}
.modul-box .button-holder {
	margin: 2.22em 0.888em 0 0.555em;
	font-size: 1.29em;
	float: right;
	display: inline;
}
.modul-box .more { margin: 0; }
.row-more {
	overflow: hidden;
	height: 1%;
	font-size: 1.166em;
	line-height: 1.21em;
	padding: 0 0 0.928em 0.07em;
	margin-top: 1em;
}
.row-more a {
	color: #333;
	cursor: pointer;
}
.row-more a:hover { color: #826a6a; }
.row-more img {
	float: left;
	margin: 0.14em 0.857em 0 0;
	width: 0.428em;
	height: 0.857em;
}
.row-more span { float: left; }
.bg-body-bottom {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 42.4166em;
	z-index: 1;
}
.bar {
	width: 81.666em;
	margin: 0 auto;
	padding: 0.5em 0 0;
	position: relative;
	z-index: 15;
}
.buttons {
	float: left;
	position: relative;
	left: 50%;
	text-align: center;
}
.buttons div {
	float: left;
	position: relative;
	left: -50%;
	text-align: center;
}
.buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.buttons ul li {
	float: left;
	padding: 0 0.944em;
	font-size: 1.5em;
	line-height: 1.166em;
}
.buttons a {
	float: left;
	color: #333;
}
.buttons a:hover {
	color: #826a6a;
	text-decoration: none;
}
.buttons a span {
	display: block;
	position: relative;
	z-index: 2;
	padding: 0 0 0 1.222em;
}
.buttons img {
	margin: -2.111em 0 0;
	position: relative;
	width: 17.888em;
	height: 3.0555em;
	float: left;
}
.media-box {
	overflow: hidden;
	height: 1%;
	padding: 0.916em 0 0;
}
.media-box .col-1 {
	float: left;
	width: 49.25em;
}
.media-box .col-1 .modul-box { margin: 0 0 1.0833em; }
.media-box .top,
.media-box .bottom,
.media-box .middle { width: 100%; }
.media-box .col-1 .modul-box .frame { padding: 0.07em 1.07em 0 0.357em; }
.media-box .col-2 .modul-box .frame { padding: 0.142em 1.07em; }
.media-box .col-1 .modul-box .image {
	float: left;
	margin: 0.25em 0 0;
	padding: 0;
	width: 10.357em;
}
.media-box .image1 {
	width: 9.78em;
	height: 6.714em;
}
.media-box .image2 {
	width: 9.78em;
	height: 6.285em;
}
.media-box .image3 {
	width: 9.78em;
	height: 6.785em;
}
.modul-box .image4 {
	width: 10.43em;
	height: 8.07em;
}
.media-box .col-1 .modul-box .text { padding: 0 0 0.285em; }
.media-box .col-2 {
	float: right;
	width: 29.166em;
	margin: 0 0.9166em 0 0;
	display: inline;
}
.media-box .video { margin: 0 0 1.5em; }
.media-box .video img {
	width: 29.16em;
	height: 19.8333em;
	display: block;
}
.media-box .col-2 ul {
	margin: 0.928em 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
}
.media-box .col-2 ul li {
	border-top: 0.071em solid #d1d6d9;
	overflow: hidden;
	height: 1%;
	padding: 0.14em 0 0.357em;
	margin: -0.071em 0 0;
	vertical-align: top;
}
.media-box .col-2 ul li a {
	color: #000;
	cursor: pointer;
} 
.media-box .col-2 ul li a:hover {
	color: #826a6a;
	text-decoration: none;
}
.media-box .col-2 ul li img {
	margin: 0.142em 0 0;
	float: left;
	width: 1.285em;
	height: 1.285em;
}
.media-box .col-2 ul li span {
	margin: 0.142em 0 0 0.64em;
	float: left;
	width: 20.14em;
}
#twocolumns {
	overflow: hidden;
	height: 1%;
	margin: 1.5em 1em 0 0;
}
#sidebar {
	float: left;
	width: 14.0833em;
}
#twocolumns .modul-box { margin: 0 0 1.25em; }
#sidebar .modul-box .frame { padding: 0 0.64em 0 0.571em; }
#content .modul-box .frame { padding: 0.285em 1.214em; }
#twocolumns .modul-box .top,
#twocolumns .modul-box .bottom,
#twocolumns .modul-box .middle { width: 100%; }
#content {
	float: right;
	width: 64.166em;
}
#menu {
	margin: -0.4166em 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
}
#menu li {
	overflow: hidden;
	height: 1%;
	border-top: 0.0666em dashed #d2d6d9;
	font-size: 1.0714em;
	line-height: 1.2em;
	font-weight: normal;
	padding: 0.533em 0;
	margin-top: -0.0666em;
	vertical-align: top;
}
#menu li span {
	float: left;
	overflow: hidden;
	width: 1.0666em;
	height: 1.0666em;
	position: relative;
}
#menu li span img {
	display: block;
	width: 100%;
}
#menu li a {
	color: #999;
	cursor: pointer;
}
#menu li a:hover { border: 0; }
#menu li a:hover,
#menu li a.active { color: #333; }
#menu li a:hover span img,
#menu li a.active span img { margin-top: -1.0666em; }
#menu li a strong {
	float: left;
	width: 7.4em;
	margin: 0 0 0 0.4em;
}
.logos {
	margin: 0 0 0 -0.833em;
	padding: 0 0 1.583em;
	overflow: hidden;
	height: 1%;
}
.logos li {
	float: left;
	display: inline;
	margin: 0 0 0 1.666em;
	background-color: #fff;
	border: 0.0833em solid #d1d6d9;
	padding: 0.75em;
}
.logos li img {
	display: block;
	width: 16.666em;
	height: 16.666em;
}


.customer_logos {
	margin: 0 0 0 -0.833em;
	padding: 0 0 1.583em;
	overflow: hidden;
	height: 1%;
}
.customer_logos li {
	float: left;
	display: inline;
	margin: 0 0 0 1.666em;
	background-color: #fff;
	border: 0.0833em solid #d1d6d9;
	padding: 0.75em;
	width: 12.666em;
	height: 12.666em;
	line-height:12.25em;
}
.customer_logos li img {
	vertical-align: middle;
	width: 12.666em;
}


.address {
	overflow: hidden;
	height: 1%;
	padding: 0.714em 0 2.285em;
}
.address .info {
	float: left;
	width: 14.64em;
	margin: -0.0833em 0 0 0.428em;
	display: inline;
}
.address .info strong { display: block; }
.address .info address {
	display: block;
	margin: 0;
	padding: 0;
	font-style: normal;
}
#map {
	text-align: center;
	float: none;
	width: 36.428em;
	display: inline;
	margin: 0 0.214em 0 0;
}
.map img {
	text-align: center;
	border: 0.0833em solid #d1d6d9;
	display: inline;
	width: 35.5714em;
	height: 22.3571em;
}
.contact {
	width: 42.92em;
	padding: 0 0 0.1428em;
}
.contact .row {
	overflow: hidden;
	height: 1%;
	padding: 0 0 0.357em;
}
.contact .row label {
	font-size: 0.857em;
	line-height: 1.25em;
	display: block;
	padding: 0 0 0.25em 0.166em;
}
.contact .row .text,
.contact .row .textarea {
	border: 0.0833em solid #d1d6d9;
	float: left;
	padding: 0.357em 0.285em;
	margin: 0;
	width: 16.64em;
	font-size: 1em;
	line-height: 1.214em;
}
.contact .row .textarea {
	overflow: auto;
	width: 41.7em;
	height: 8.285em;
}
.contact .submit {
	float: right;
	width: 6.857em;
	height: 3.357em;
	margin: 0.285em 0 0;
}
.team {
	overflow: hidden;
	height: 1%;
	margin: -1.25em 0 0;
	font-size: 0.857em;
	line-height: 1.25em;
}
.team ul {
	margin: -0.0833em 0 0 -3.0833em;
	padding: 0;
	overflow: hidden;
	width: 64.4166em;
	list-style: none;
}
.team li {
	float: left;
	width: 28.75em;
	border-top: 0.0833em dashed #d2d6d9;
	padding: 1.666em 0 1.5em;
	margin: 0 0 0 3.0833em;
	display: inline;
}
.team li .image {
	float: left;
	background-color: #fff;
	border: 0.0833em solid #d1d6d9;
	padding: 0.333em;
	margin: 0;
}
.team li .image img {
	display: block;
	width: 7.5em;
	height: 7.5em;
}
.team li .text {
	float: left;
	width: 18.9166em;
	margin: 0 0 0 1.25em;
	padding: 0;
	display: inline;
}
.team h3 {
	margin: 0 0 0.1333em;
	font-size: 1.25em;
	line-height: 1.2em;
}
.team h3 a:hover {
	color: #826a6a;
	text-decoration: none;
}
.team .sub-heading {
	display: block;
	font-size: 1.166em;
	line-height: 1.214em;
}
.team p { margin: 0 0 0.833em; }
.team .social {
	margin: 0 0 0 0.0833em;
	padding: 0;
}
.team .social li {
	padding: 0;
	margin: 0 0.666em 0 0;
	border-style: none;
	width: auto;
}
.team .social li img {
	width: 1.333em;
	height: 1.333em;
}