body {
	font-family: arial;
	font-size: 14px;
	/*background-color: #bcbdc1;*/
	background-color: #000000;
	margin: 0;
}
.clr {
	clear: both;
	height: 0;
	font-size: 0px;
}

a {
	color: #882D2C;
	text-decoration: underline;
}
a:hover {
	color: #cccccc;
	text-decoration: underline;
}

#back {
	width: 1000px;
	margin: 0 auto;
	/*background: transparent url(../images/eoci-background.jpg) no-repeat scroll 0px 0px;*/
	/*min-height: 700px;*/
	background-color: #000000;
	position: relative;
	overflow: hidden;
}

#background {
	width: 8192px;
	height: 1001px;
	position: absolute;
	z-index: 1;
	-webkit-transform: translateZ(0);
}

#container {
	width: 1000px;
	position: relative;
	z-index: 2;
	min-height: 700px;
}

.backgroundImage {
	width: 1024px;
	height: 1001px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	-webkit-transform: translateZ(0);
}
.back1 {
	background: transparent url(../images/back/background_01.jpg) no-repeat scroll left top;
	left: 0px;
}
.back2 {
	background: transparent url(../images/back/background_02.jpg) no-repeat scroll left top;
	left: 1024px;
}
.back3 {
	background: transparent url(../images/back/background_03.jpg) no-repeat scroll left top;
	left: 2048px;
}
.back4 {
	background: transparent url(../images/back/background_04.jpg) no-repeat scroll left top;
	left: 3072px;
}
.back5 {
	background: transparent url(../images/back/background_05.jpg) no-repeat scroll left top;
	left: 4096px;
}
.back6 {
	background: transparent url(../images/back/background_06.jpg) no-repeat scroll left top;
	left: 5120px;
}
.back7 {
	background: transparent url(../images/back/background_07.jpg) no-repeat scroll left top;
	left: 6144px;
}
.back8 {
	background: transparent url(../images/back/background_08.jpg) no-repeat scroll left top;
	left: 7168px;
}

#header {
	position: relative;
}

#logo {
	position: absolute;
	left: 60px;
	top: 15px;
	z-index: 101;
}

#reflet {
	background: transparent url(../images/reflet.png) no-repeat scroll left top;
	width: 553px;
	height: 230px;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 30px;
}

#top {
	background-color: #181818;
	text-transform: uppercase;
	height: 23px;
	padding: 7px 60px 0px 0;
	position: relative;
	z-index: 100;
}
#top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#top ul li {
	display: inline;
	margin: 0 15px;
}
#top ul li a {
	color: #76797d;
	text-decoration: none;
}
#top ul li a:hover,
#top ul li a.active {
	color: #76797d;
	text-decoration: underline;
}

#searchCont {
	float: right;
}
#searchCont img {
	vertical-align: middle;
	margin: 0 2px 0 20px;
}
#searchCont input {
	color: #76797d;
	text-transform: uppercase;
	border: 1px solid #76797d;
	background-color: transparent;
}

#head {
	height: 200px;
}

#menu {
	height: 32px;
	background-color: #000000;
	position: relative;
	z-index: 100;
	border-bottom: 3px solid #000000;
}
#menu ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}
#menu ul li {
	display: inline;
	margin: 0 33px;
}
#menu ul li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 32px;
}
#menu ul li a:hover,
#menu ul li a.active {
	color: #baa537;
	text-decoration: none;
}

#content-background {
	background: transparent url(../images/content-background-new.png) no-repeat scroll left top;
	padding: 30px 0;
	min-height: 500px;
}

#content {
	margin: 0 0 0 60px;
	width: 440px;
	color: #ffffff;
	position: relative;
	z-index: 10;
	line-height: 1.45em;
}

.image {
	position: absolute;
	z-index: 1;
	/*display: none;*/
	-webkit-transform: translateZ(0);
}

#img1 {
	background: transparent url(../images/who-we-are.png) no-repeat scroll left top;
	width: 570px;
	height: 429px;
	top: -429px;
	right: 0;
}
#img2 {
	background: transparent url(../images/back1.png) no-repeat scroll left top;
	width: 448px;
	height: 636px;
	top: 60px;
	right: -448px;
}
#img3 {
	background: transparent url(../images/how-we-do-it.png) no-repeat scroll left top;
	width: 668px;
	height: 628px;
	top: -628px;
	right: 0px;
}
#img4 {
	background: transparent url(../images/who-we-do-it-for.png) no-repeat scroll left top;
	width: 587px;
	height: 438px;
	top: 30px;
	left: -587px;
}
#img5 {
	background: transparent url(../images/eoci-home.png) no-repeat scroll left top;
	width: 566px;
	height: 474px;
	top: 30px;
	left: -566px;
}
#img6 {
	background: transparent url(../images/eoci-team-2016.png) no-repeat scroll left top;
	width: 697px;
	height: 274px;
	top: 35px;
	right: -693px;
}
#img7 {
	background: transparent url(../images/contact-us.png) no-repeat scroll left top;
	width: 468px;
	height: 253px;
	top: 0px;
	left: -468px;
}

span.title {
	font-weight: bold;
	text-transform: uppercase;
}
#content ul {
	list-style-type: square;
	margin: 0;
	padding-left: 25px;
}
p.no-margin-bottom {
	margin-bottom: 0;
}



#homeContent {
	/*position: absolute;*/
	width: 430px;
	/*top:450px;
	right: 10px;*/
	z-index: 9999;
	color: #ffffff;
	line-height: 1.45em;
	float: right;
	margin: 150px 30px 0 0;
}
#content .home-videos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .home-videos ul li {
	float: left;
	width: 195px;
	background-color: #5e5e5e;
	padding: 5px;
	margin: 0 10px 10px 0;
}
#content .home-videos ul li img {
	width: 100%;
}
#content .home-videos ul li span {
	color: #ffffff;
}

.team {
	position: absolute;
	width: 960px;
	top: 0;
	left: 0;
	z-index: 1;
}
.team .person {
	float: left;
	width: 85px;
	margin: 0 15px 0 0;
	cursor: pointer;
}
.team .person img {
	border: 1px solid #ffffff;
}
.team .person p {
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 5px 0;
}
#personLayer {
	position: absolute;
	z-index: 1000;
	width: 750px;
	top: 560px;
	height: 525px;
	left: -60px;
	display: none;
}
#personLayer .close {
	position: absolute;
	top: 75px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	/*display: none;*/
}
#personLayer .photo {
	float: left;
	width: 435px;
	margin: 0 0px 0 0;
}
#personLayer .text {
	float: left;
	width: 310px;
	margin: 80px 0 0 0;
}
#personLayer .text p {
	margin: 0 0 8px 0;
}
#personLayer .text p.name {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}
#personLayer .text p.title {
	text-transform: uppercase;
}

.counter-wrap {
	height:36px;
	overflow:hidden;
	/*float: left;*/
}
.counter-number {
	height:396px;
	width:24px;
	position:relative;
	background-image:url(../images/counter_ticker_bgV2.jpg);	
	float:left;
}

a img {
	border: none;
}

td.cell1 {
	padding-right: 15px;
}
td.cell2 {
	/*padding-left: 10px;*/
	font-size: 1.2em;
	font-weight: bold;
}

/* What We Do */
#holder {
		height: 560px;
		left: 0px;
		position: relative;
		top: 0;
		width: 820px;
}

#connectivityTextMain {
	position: absolute;
	width: 410px;
	height: 200px;
	left: 245px;
	top: 180px;
	/*display: none;*/
}

#connectivityText {
	position: absolute;
	width: 410px;
	height: 200px;
	left: 245px;
	top: 560px;
}
#connectivityText .close {
	position: absolute;
	top: -10px;
	right: -30px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
}
/*#connectivityText .connectivityTextBox {
	border-top: 3px solid #9e131e;
	border-left: 3px solid #9e131e;
	border-right: 3px solid #9e131e;
	background-color: #000000;
	position: absolute;
	width: 294px;
	height: 567px;
	left: 0;
	top: 0;
	z-index: 1;
}*/
#connectivityTextMain .textCont {
	/*position: absolute;
	z-index: 2;
	width: 260px;
	padding: 10px 20px;
	height: 550px;
	left: 0;
	top: 0;*/
	text-align: center;
}
div#howWeDoIt-background {
	left: -60px;
	position: relative;
	top: 0;
	background: transparent url(../images/howWeDoIt-background.png) no-repeat scroll center center;
	width: 900px;
	height: 560px;
}