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, font, 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 {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font: 100%/1.4 CabinCondensedR, Arial, Helvetica, sans-serif;
    color: #333;
}
html, body{
    background-color: #F6F6F6;
    border: 0 none;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
    font: 100%/1.4 CabinCondensedR, Arial, Helvetica, sans-serif;
    height: 100%;
    color: #333;
}

@font-face {
    font-family: 'CabinCondensedR';
    font-style: normal;
    font-weight: normal;
    src: url("./cabin_condensed/CabinCondensed-Regular.woff") format('woff'), url("./cabin_condensed/CabinCondensed-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'CabinCondensedM';
    font-style: normal;
    font-weight: 500;
    src: url("./cabin_condensed/CabinCondensed-Medium.woff") format('woff'), url("./cabin_condensed/CabinCondensed-Medium.ttf") format('truetype');
}

.girl{
    font-family: 'The Girl Next Door', cursive;
    }

/* * NOW WE PLAY * */

div#mainContentWrapper{
	height: 7500px !important;
}

div#tourMainTitleTitle{
	position: relative;
	font: 60px/1.2 CabinCondensedR, Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	text-shadow: 0px -2px 0px black;
	width: 100%;
	padding-top: 50px;
	margin-bottom: 50px;
}

div.breakup{
	left: 50%;
	margin-left: -272px;
}

div#tour{
	position: relative;
	height: 6000px;
	top: 1000px;
}

div#ribbons{
	position: absolute;
	top: 200px;
	height: 5240px;
	width: 100%;
	z-index: 100;

}

div#mainCanvas, div#subcanvas{
	position: absolute;
	height: 6800px;
	top: 600px;
	width: 100%;
	margin-left: -50px;
	z-index: 24;
}

div#subcanvas{
	margin-left: -26px !important;
}

div#ballContainer{
	position: absolute;
	height: 150%;
	left: 50%;
	top: 900px;
	margin-left: -50px;
	z-index: 24;
	margin-left: -26px;
}

div#consumersHolder{
	position: absolute;
	top: -240px;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	height: 600px;
	z-index: 26;
	overflow: hidden;
	
}


div.ribbonWrapper{ position: absolute; height: 120px; width: 100%; }
div.ribbonBody{ position:relative; width: 100%; background: #007AAF; height: 90%; }
div.ribbonTittle{ position: relative; width: 100%; text-align: center; height: 50%; padding-top: 10px; font: 46px/1.2 CabinCondensedM, Arial, Helvetica, sans-serif; color: white; }
div.ribbonDescription{ position: relative; width: 100%; text-align: center; font-family: CabinCondensedR, Arial, Helvetica, sans-serif; font-size: 20px; color: white;	padding-top: 10px;}

div.leftTick{
	position: relative;
	float: left;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4756px; width: 13px; height: 8px; 
}

div.rightTick{
	position: relative;
	float: right;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4768px; width: 13px; height: 8px;
}

div.ribbonArrow{
	position: absolute;
	left: 90%;
	top: 25%;
	background: #0092D2;
	-moz-border-radius: 40px; /* Firefox */
	-webkit-border-radius: 40px; /* Safari, Chrome */
	border-radius: 40px; /* CSS3 */
	height: 50px;
	width: 50px;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4918px; width: 41px; height: 40px;
	cursor:pointer;
	cursor: hand;
}

div#trendictionBot{
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: -268px;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -516px; width: 632px; height: 116px;
}

div#trendTitle{
	position: absolute;
	left: 170px;
	top: 40px;
	font-size: 52px;
	color: #000;
}

div.connectorTop{
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4671px; width: 104px; height: 81px;
}

div#pipeConnectorTop1{
	position: absolute;
	top: 466px;
	left: 50%;
}

div.pipe{
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4370px; width: 60px; height: 154px;
	height: 155px;
	margin-top: -1px;
}

div.pipe2{
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4370px; width: 60px; height: 154px;
	height: 155px;
	margin-top: -1px;
}

div#pipe1{
	position: absolute;
	top: 547px;
	left: 50%;
	margin-left: 21px;
}

div#pipe2{
	position: absolute;
	top: 701px;
	left: 50%;
	margin-left: 21px;
}

div#pipe3{
	position: absolute;
	top: 855px;
	left: 50%;
	margin-left: 21px;
}

div#pipe4{
	position: absolute;
	top: 1009px;
	left: 50%;
	margin-left: 21px;
}

div.connectorBottom{
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4529px; width: 104px; height: 81px;
}

div#pipeConnectorBottom1{
	position: absolute;
	top: 1163px;
	left: 50%;
	margin-left: -2px;
}

div#washingmachine{
	position: absolute;
	top: 1244px;
	left: 50%;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -1080px; width: 358px; height: 442px;
	margin-left: -154px;
}

div#washingHolder{
	position: absolute;
	top: 1244px;
	left:331px;
	width: 500px;
	height: 442px;	

}

div#pipeConnectorTop2{
	position: absolute;
	top: 1686px;
	left: 50%;
}


div#pipe5{
	position: absolute;
	top: 1767px;
	left: 50%;
	margin-left: 21px;
}

div#pipe6{
	position: absolute;
	top: 1921px;
	left: 50%;
	margin-left: 21px;
}

div#pipe7{
	position: absolute;
	top: 2075px;
	left: 50%;
	margin-left: 21px;
}

div#extraction{
	position: absolute;
	top: 2229px;
	left: 50%;
	margin-left: -413px;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -2587px; width: 857px; height: 585px;
	z-index: 26;
}

div#holderGreen{
	position: absolute;
	top: 2500px;
	left: 389px;
	width: 290px;
	height: 300px;
	z-index: 25;
	overflow: hidden;
}

div#holderBlue{
	position: absolute;
	top: 2345px;
	left: 73px;
	width: 224px;
	height: 360px;
	z-index: 25;
	overflow: hidden;
}

div#holderOrange{
	position: absolute;
	top: 2258px;
	left:796px;
	width: 132px;
	height: 300px;
	z-index: 25;
	overflow: hidden;
}

div#pipeConnectorTop3{
	position: absolute;
	top: 2805px;
	left: 50%;
}

div#pipe8{
	position: absolute;
	top: 2886px;
	left: 50%;
	margin-left: 21px;
}

div#pipe9{
	position: absolute;
	top: 3040px;
	left: 50%;
	margin-left: 21px;
}

div#pipe10{
	position: absolute;
	top: 3194px;
	left: 50%;
	margin-left: 21px;
}

div#pipeConnectorBottom2{
	position: absolute;
	top: 3348px;
	left: 50%;
	margin-left: -2px;
}

div#engine{
	position: absolute;
	top: 3600px;
	left: 50%;
	margin-left: -195px;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -3876px; width: 582px; height: 490px;
}

div#engineHolder{
	position: absolute;
	top:3348px;
	left: 50%;
	margin-left: -196px;
	width: 680px;
	height: 741px;
	/*border: 1px solid red;*/
}

div#pipeConnectorTop4{
	position: absolute;
	top: 4090px;
	left: 50%;
}

div#pipe11{
	position: absolute;
	top: 4171px;
	left: 50%;
	margin-left: 21px;
}

div#pipe12{
	position: absolute;
	top: 4325px;
	left: 50%;
	margin-left: 21px;
}

div#pipe13{
	position: absolute;
	top: 4479px;
	left: 50%;
	margin-left: 21px;
	z-index: 26;
}

div#database{
	position: absolute;
	top: 4574px;
	left: 50%;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -2086px; width: 361px; height: 363px;
	z-index: 1;
	margin-left: -129px;
}


div.hole{
	position: absolute;
	left: 50%;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4615px; width: 54px; height: 54px;
	z-index: 3;
}

div.engineBack{
	position: absolute;
	left: 50%;
	background:url(/public/images/webpage/toursprites.png);
	background-position:0 -4878px; width: 241px; height: 36px;
	margin-left: -94px;
}



div.ball{
	position: absolute;
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -1825px; width: 48px; height: 48px;
	z-index: 5;
}

div#pipeHolder1{
	position: absolute;
	top: 250px;
	width: 58px;
	height: 600px;
	margin-left: -3px;
}

div#pipeHolder2{
	position: absolute;
	top: 1375px;
	width: 58px;
	height: 1000px;
	margin-left: -3px;
}

div#pipeHolder3{
	position: absolute;
	top: 2515px;
	width: 58px;
	height: 1000px;
	margin-left: -3px;
}

div#pipeHolder4{
	position: absolute;
	top: 3800px;
	width: 58px;
	height: 600px;
	margin-left: -3px;
}

div#controller{
	position: fixed;
	top: 99%;
	left: 200px;
	width: 1px;
	height: 1px;
}

div#productsText{
	position: absolute;
	top: 4800px;
	width: 100%;
	height: 600px;
	margin-left: 50px;
}
div#firstLineOfText{
	position: absolute;
	top: 0px;	
	width: 100%;
	height: 200px;
}

div.textTuppleElement{
	position: relative;
	float: left;
	width: 31%;
	height: 100%;
	padding: 10px;
}

div.tuppleTitle{
	position: relative;
	width: 100%;
	height: 70px;
	color: white;
	font: 28px/1.4 CabinCondensedM, Arial, Helvetica, sans-serif;
	text-align: center;
}

div.tuppleText{
	position: relative;
	width: 100%;
	color: white;
	font: 22px/1.4 CabinCondensedR, Arial, Helvetica, sans-serif;
	text-align: center;
}

div#productsInfo{
	position: absolute;
	top: 180px;	
	width: 100%;
	height: 200px;
}

.tupplePTitle{
	position: relative;
	margin-left: 10px;
	height: 70px;
	color: white;
	font: 28px/1.4 CabinCondensedM, Arial, Helvetica, sans-serif;
	text-align: center;
}

div.tupplePText{
	position: relative;
	width: 100%;
	color: white;
	font: 23px/1.4 CabinCondensedR, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;	
}

.sicon{
	position: relative;
	float: left;	
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -4781px; width: 51px; height: 44px;
	left: 5%;
}

.ticon{
	position: relative;
	float: left;	
	background:url(/public/images/webpage/steps.png);
	width: 35px; height: 45px;
	left: 5%;
}

.cicon{
	position: relative;
	float: left;	
	background:url(/public/images/webpage/toursprites.png);
	background-position: 0 -1780px; width: 52px; height: 42px;
	left: 5%;
}

.companionText{
	position: relative;	
	top: -4px;
	left: 10px;
	float: left;
	color: white;
	font: 38px/1.4 CabinCondensedM, Arial, Helvetica, sans-serif;
	left: 7%;
}


div.morePInfo{
	position:absolute;
	top: 170px;
	margin-left: -110px;
	left: 50%;
	border: 2px solid #000;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	padding: 10px;
	cursor: pointer;
	cursor: hand;
}

div#databaseHolder{
	position: absolute;
	top: 4733px;
	left: 50%;
	width: 78px;
	height: 78px; 
	margin-left: 20px;
	z-index: 100;
}

div.plusIcon{
	position: relative;
	float: left;
	color: white;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	border-radius: 20px; /* CSS3 */
	/*padding-left: 10px;
	padding-right: 10px;*/
	width: 20px;
	height: 20px;
	font-size:24px;
}

.plusFixer{
	position: relative;
	top: -8px;
	left: 6px;
	color: white;
}

.breakuplast{
	position: absolute;
	top: 270px;
	left: 50%;
	
}

div.moreinfo{
	position: relative;
	float: left;
	color: white;
	margin-left: 10px;
}

#seehowItWorks{
	top: 285px;
	background: #CC0033;
background-image: linear-gradient(bottom, rgb(153,0,0) 25%, rgb(204,0,51) 63%);
background-image: -o-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(204,0,51) 63%);
background-image: -moz-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(204,0,51) 63%);
background-image: -webkit-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(204,0,51) 63%);
background-image: -ms-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(204,0,51) 63%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, rgb(153,0,0)),
	color-stop(0.63, rgb(204,0,51))
);

	position:absolute;
	margin-left: -90px; 
	left: 480px; 
}

#seehowItWorks:hover{
	background: #DB4D71;
	background-image: linear-gradient(bottom, rgb(153,0,0) 25%, rgb(100,0,0) 63%);
	background-image: -o-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(100,0,0) 63%);
	background-image: -moz-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(100,0,0) 63%);
	background-image: -webkit-linear-gradient(bottom, rgb(153,0,0)) 25%, rgb(100,0,0) 63%);
	background-image: -ms-linear-gradient(bottom, rgb(153,0,0) 25%, rgb(100,0,0) 63%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, rgb(100,0,0)),
		color-stop(0.63, rgb(153,0,0))
	);

}

div.lastWordsTitle{
	position: relative;	
	width: 100%;
	text-align: center;
	color: white;
	font: 42px/1.4 CabinCondensedM, Arial, Helvetica, sans-serif;
	margin-top: 50px;
}

div.lastWordsText{
	position: relative;
	width: 100%;
	text-align: center;
	color: white;
	font: 28px/1.4 CabinCondensedR, Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

a.tour{
	text-decoration: none;
}

div#footerMessage{
	position: absolute;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	top: 14px;
	text-align: center;
	color: white;
	font: 22px/1.2 CabinCondensedM, Arial, Helvetica, sans-serif;
}
div#glossary{
	font-size: 12px;
	width: 100%;
	text-align: center;
}
div#glossary a{
	color: #FFF;
}
.jobopening { background: url(/public/images/search/job_openings_streight.png) 0 0 no-repeat; width: 91px; height: 40px; position: absolute; }