html {
   min-height: 100%;   
}

body{
	background-color: #333333;
	font-family: "Century Gothic", Arial;
	background-image: url('../img/Background.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-attachment:fixed;
	overflow-x: hidden;
	margin: 0px;
	font-weight:normal;
}

p{
	font-weight:normal;
	font-size: 10pt;
}

img{
	border: none;
}

p.subtitle{
	color: #666666;
	font-family: "Bank Gothic", "Century Gothic", Arial;
	font-size: 16pt;
	padding-top: 0px;
	margin-top: 5px;
	text-align: center;
}

h1{
	color: #666666;
	font-family: "Bank Gothic", "Century Gothic", Arial;
	font-size: 16pt;
	padding-top: 0px;
	margin-top: -85px;
	text-align: center;
}

IndexSubSub{
	position: relative;
	padding-top: 30px;
	height: auto;
	width: auto;
}

p.IndexSubSub{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 20pt;
	text-align: center;
}

p.pictureSub{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	text-align: center;
}

.PictSub{
	float: left;
	margin-left: 30px;
	width: 200px;
	height: auto;
	overflow:auto;
}

p.KanType{
	position: relative;
	margin-top: 30px;
	margin-left: 60px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 14pt;
}

.teaser{
	float: left;
	height: auto;
	width: auto;
	padding-left: 30px;
	padding-bottom: 15px;
	
}

p.teaser{
	color: #333333;
	font-family: "Century Gothic", Arial;
	width: 200px;
	height: auto;
	font-size: 8pt;
	text-align: justify;
	
}

p.teaser2{
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 8pt;
	padding-top: 0px;
	margin-top: 0px;
	text-align: justify;
}

p.subGallery{
	position: relative;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 14pt;
	padding-top: 77px;
	padding-left: 120px;
	text-align: justify;
}

.grayLine{
	position: relative;
	width: 680px;
	height: 1px;
	margin-left: 106px;
	background-color: #aaaaaa;
}

.grayLine7{
	position: relative;
	width: 680px;
	height: 1px;
	margin-left: 55px;
	margin-bottom: 5px;
	background-color: #cccccc;
}

.grayLine3{
	float: left;
	width: 670px;
	height: 1px;
	margin-left: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #cccccc;
}

.grayLine6{
	float: left;
	width: 670px;
	height: 1px;
	margin-left: 116px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #aaaaaa;
}

.grayLine5{
	position: relative;
	width: 660px;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #aaaaaa;
	overflow:auto;
}

.error{
	height: 500px;
	width: 770px;
	margin: auto;
}

.errorLogo{
	position: relative;
	width: 140px;
	height: 86px;
	margin-left: 50%;
	padding-top: 300px;
}

.grayLine4{
	position: relative;
	width: 680px;
	height: 1px;
	margin-left: 30px;
	margin-top: 400px;
	background-color: #cccccc;
}

.grayLine2{
	position: relative;
	width: 680px;
	height: 1px;
	margin-left: 48px;
	margin-top: -73px;
	background-color: #cccccc;
}

.indexText{
	position: relative;
	width: 675px;
	margin-top: 50px;
	margin-left: 32px;
	height: auto;
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	-moz-column-gap:30px; /* Firefox */
	-webkit-column-gap:30px; /* Safari and Chrome */
	column-gap:30px;
}

.indexPictLine{
	position: relative;
	height: 120px;
	width: 770px;
}

p.kand{
	color: #ffffff;
	font-family: "Century Gothic", Arial;
	font-size: 19pt;
	padding-top: 0px;
	height: 35px;
	margin-top: -2px;
	margin-left: 58px;
	text-align: left;
}

p.kandInfo{
	position: relative;
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	margin-top: 20px;
	padding-top: 60px;
	margin-left: 60px;
	padding-right: 350px;
	text-align: justify;
}

p.tipusInfo{
	position: relative;
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	margin-top: 0px;
	margin-left: 60px;
	padding-right: 60px;
	text-align: justify;
	margin-bottom: 60px;
}

p.kandSub{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 16pt;
	padding-top: 0px;
	margin-top: 150px;
	margin-left: 60px;
	text-align: left;
}

p.text{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
	padding-top: 25px;
	margin-top: 0px;
	text-align: justify;
}

p.text2{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
	padding-right: 260px;
	text-align: justify;
}


p.textWide{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
	padding-top: 0px;
	margin-bottom: 40px;
	padding-left: 60px;
	padding-right: 60px;
	text-align: justify;
}

p.textWide2{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
	padding-top: 0px;
	margin-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: justify;
}


p.backButton{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	padding-top: 25px;
	margin-top: 0px;
	text-align: right;
	padding-right: 0px;
}

p.backButton2{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	padding-top: 25px;
	margin-top: 0px;
	text-align: right;
	padding-right: 255px;
}


.textBox{
	position: absolute;
	width: 400px;
	height: auto;
	margin-top: -65px;
	margin-left: 60px;
}

.textBox2{
	position: relative;
	width: 400px;
	height: 420px;
	margin-top: -10px;
	margin-left: 60px;
}

.textBox3{
	position: relative;
	width: 600px;
	height: 420px;
	margin-top: -10px;
	margin-left: 60px;
}

.textBox5{
	position: relative;
	width: 660px;
	height: 0px auto;
	margin-top: -10px;
	margin-left: 60px;
}

.subtitle{
	position: relative;
	margin: auto;
	margin-top: 35px;
	width: 777px;
	height: 80px;
}

.line{
	position: relative;
	margin: auto;
	margin-top: 80px;
	width: 680px;
	height: 1px;
	background-color: #cccccc;
}


#array{
	position: relative;
	margin: auto;
	margin-top: -225px;
	width: 892px;
	height: auto;

  	background-color: #ffffff;
  
  
	 /* fallback DIY*/

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffffff), color-stop(0.0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee), to(#afafaf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff, #ffffff, #eeeeee, #afafaf);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffffff, #ffffff, #ffffff, #eeeeee, #afafaf);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffffff, #ffffff, #ffffff, #eeeeee, #afafaf);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff, #ffffff, #eeeeee, #afafaf);
}

#array2{
	position: relative;
	margin: auto;
	margin-top: -584px;
	width: 892px;
	height: auto;
	background-color: #ffffff; 
	 /* fallback DIY*/

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffffff), color-stop(0.0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #dddddd), to(#afafaf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);
}

#array3{
	position: relative;
	margin: auto;
	margin-top: -225px;
	margin-bottom: 0;
	width: 892px;
	height: auto;
	 /* fallback DIY*/

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffffff), color-stop(0.0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #dddddd), to(#afafaf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffffff, #ffffff, #dddddd, #dddddd, #afafaf);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffffff, #ffffff, #dddddd, #dddddd, #afafaf);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff, #dddddd, #dddddd, #afafaf);
}

.redLine3{
	position: relative;
	margin-top: -2370px;
	margin-left: -360px;
	margin-right: -8px;
	left: 50%;
	right: 0px;
	height: 35px;
	width: auto;
	background-color: #ff3333;
	background-image: url('../img/subpageRedLine.png');
	background-repeat: no-repeat;

}

.redLine4{
	margin-left: 50%;
	height: 30px;
	margin-right: -8px;
	margin-top: 170px;
	background-color: #ff3333;
}

.shadow{
	position: relative;
	height: 25px;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 0px;
	background-image: url('../img/shadow2.png');
	background-repeat: repeat-x;
	
}

.shadow2{
	position: relative;
	height: 25px;
	margin-left: 50%;
	margin-right: -8px;
	margin-top: 0px;
	background-image: url('../img/shadow2.png');
	background-repeat: repeat-x;
	
}

.shadowInner{
	position: relative;
	height: 15px;
	margin-left: -58px;
	margin-right: -58px;
	margin-top: 272px;
	background-image: url('../img/shadow.png');
	background-repeat: repeat-x;
	
}




.inner{
	position: absolute;
	margin-left: -1px;
	height: 38px;
	width: 836px;
	margin-top: 170px;
	background-image: url('../img/subpageRedLine.png');
	background-repeat: no-repeat;

}

.innerIndex{
	position: absolute;
	margin-left: -59px;
	height: 300px;
	width: 900px;
	margin-top: 271px;
	background-image: url('../img/InnerRedLine3.png');
	background-repeat: no-repeat;
	z-index: 1;

}

img.safeBanner{
	position: relative;
	margin-top: -257px;
}

.IndexRedLine{
	margin-left: -8px;
	height: 288px;
	margin-right: -8px;
	margin-top: 271px;
	background-color: #ff3333;
	box-shadow: 0px 10px 20px #1F1F1F;
}

.SubHeader{
	position: relative;
	margin: auto;
	margin-top: 25px;
	width: 777px;
	height:auto;
}

.SubPages{
	position: relative;
	margin: auto;
	margin-top: -8px;
	width: 777px;
	height: auto;
}

.SubPages2{
	position: relative;
	margin: auto;
	margin-top: -8px;
	width: 777px;
	height: 890px;
	
}

.SubPages3{
	position: relative;
	margin: auto;
	margin-top: -8px;
	width: 777px;
	height: auto;
}

.logo{
	position: relative;
	width: 181px;
	height: 112px;
	top: 40px;
	left: 60px;
}

.container{
	position: absolute;
	width: 672px;
	height: 257px;
	margin-top: 15px;
	margin-left: 109px;	
	border: display-none;
}

.slidesjs-navigation,
a.slidesjs-navigation,
.slidesjs-play,
.slidesjs-stop,
.slidesjs-pagination,
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop,
.navbar,

#slides {
	display: none;
}


.indexGallery{
	position: relative;
	margin-top: 0px;
	margin-left: 35px;
	width: auto;
	height: auto;

}

.kandGallery{
	position: absolute;
	margin-top: -40px;
	margin-left: 480px;
	width: 200px;
	height: auto;
}

.kapcsGallery{
	position: absolute;
	float: left;
	margin-top: -402px;
	margin-left: 480px;
	width: 200px;
	height: 300px;
}

.TudGallery{
	position: absolute;
	float: left;
	margin-top: -390px;
	margin-left: 480px;
	width: 200px;
	height: 300px;
}

#SubGallery{
	position: relative;
	margin-top: 120px;
	width: auto;
	height: 180px;
}

.GalleryIcon{
	position: absolute;
	width: 39px;
	height: 45px;
	top: 70px;
	left: 60px;
	background: url('../img/contactSprite.png') 0px 0px;
	background-repeat: no-repeat;
}

.EmailIcon{
	position: relative;
	width: 239px;
	height: 45px;
	top: 110px;
	left: 0px;
	background: url('../img/contactSprite.png') 0px -44px;
	background-repeat: no-repeat;
}

.PhoneIcon{
	position: relative;
	width: 239px;
	height: 45px;
	top: 50px;
	left: 0px;
	background: url('../img/contactSprite.png') 0px -88px;
	background-repeat: no-repeat;
}

.SubSlideArea{
	position: relative;
	margin-left: 210px;
}

.SubSlide{
	position: relative;
	margin-left: 300px;
	float: left;
	margin: -75px 0px 0px 20px;
	box-shadow: 3px 3px 10px #5d5d5d;
}

.tunnelMinta{
	margin-top: -250px;
	margin-left: 480px;
}

.floatright {
	float: left;
	margin-left: 30px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 10px #5d5d5d;
}

.Indexfloatright {
	float: left;
	margin-left: 30px;
	box-shadow: 3px 3px 10px #5d5d5d;
}

.illustration {
	float: right;
	padding-right: 30px;
	margin-right: -25px;
	display: block;
	height: auto;
	width: auto;
	overflow:auto;
}

shadowz{
	box-shadow: 0px 1px 10px #1d1d1d;
}

.blueShadow{
width: 180px;
height: 130px;
box-shadow: 3px 3px 10px #5d5d5d;
}

.span{
display:block;
margin-bottom: 20px;
box-shadow: 3px 3px 10px #5d5d5d;
margin-left: 2px;
margin-top: 2px;
}

span{
display:block;
margin-bottom: 10px;
width: 185px;
height: 139px;

}

.floatright3 {
	float: left;
	margin: 20px 0px 0px 25px;
	padding-left: 0px;
	height: 112px;
	width: 200px;
	box-shadow: 3px 3px 10px #5d5d5d;
}

.floatright2 {
	float: left;
	margin: 85px 0px 0px 78px;
}

.egy{
	position: absolute;
	width: auto;
	height: 56px;
	margin-top: 40px;
	margin-left: 60px;
	background: url('../img/kandallok.png') 0px 0px;
	background-repeat: no-repeat;
}

.ketto{
	position: absolute;
	width: auto;
	height: 54px;
	margin-top: 130px;
	margin-left: 60px;
	background: url('../img/kandallok.png') 0px -64px;
	background-repeat: no-repeat;
}

.harom{
	position: absolute;
	width: auto;
	height: 54px;
	margin-top: 220px;
	margin-left: 60px;
	background: url('../img/kandallok.png') 0px -130px;
	background-repeat: no-repeat;
}

.tunnel{
	position: absolute;
	width: auto;
	height: 54px;
	margin-top: 310px;
	margin-left: 60px;
	background: url('../img/kandallok.png') 0px -195px;
	background-repeat: no-repeat;
}

.ives{
	position: absolute;
	width: auto;
	height: 54px;
	margin-top: 400px;
	margin-left: 60px;
	background: url('../img/kandallok.png') 0px -274px;
	background-repeat: no-repeat;
}

p.kandSections{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 14pt;
	padding-top: 0px;
	margin-top: 12px;
	margin-left: 75px;
	text-align: left;
}

p.tudSections{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	padding-top: 0px;
	margin-top: -40px;
	margin-left: 75px;
	text-align: left;
}

.dots{
	margin-top: 30px;
}

.ListDots{
	margin-top: 10px;
}

p.bullets{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 12pt;
	padding-top: 0px;
	margin-top: -22px;
	margin-left: 35px;
}

p.contacts{
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 14pt;
	padding-top: 0px;
	margin-top: 12px;
	margin-left: 75px;
	text-align: left;
}

.footer{
	width: 660px;
	height: auto;
	margin-left: 106px;
	padding-bottom: 30px;
	overflow:auto;
}

.footerIndex{
	width: 870px;
	height: 50px;
	margin: 0px auto;
	background-color: black;
}

p.footerText{
	font-family: "Century Gothic", Arial;
	font-size: 13px;
	color: #666666;
	padding-top: 20px;
	padding-left: 0px;
	text-align: left;
}

p.IndexfooterText{
	font-family: "Century Gothic", Arial;
	font-size: 13px;
	color: #666666;
	padding-top: 20px;
	padding-left: 10px;
	text-align: left;
}

.socMed{
	width: 400px;
	margin-right: 53px;
	margin-top: -30px;
	float: right;
}

p.socMed{
	font-family: "Century Gothic", Arial;
	font-size: 15px;
	color: #666666;
	font-weight:bold;
	text-align: right;
}

.socMed a {
	padding-left : 20px;
}

/*------------ main menu -------------------*/

.menu{
	position: absolute;
	top: 60px;
	left: 160px;
	width: 300px;
	height: 13px;
}
.rolunk{
	position: absolute;
	margin-top: 30px;
	margin-left: 480px;
}
.kandallok{
	position: absolute;
	margin-top: 30px;
	margin-left: 560px;
}
.tudnivalok{
	position: absolute;
	margin-top: 30px;
	margin-left: 640px;
}

.kapcsolat{
	position: absolute;
	margin-top: 30px;
	margin-left: 720px;
	height: 13px;
	width: 50px;
}

#navlist{
	position:relative;
}
#navlist li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navlist li, #navlist a{
	height: 13px;
	display: block;
}

#rolunk{
	left: 100px;
	width: 77px;
	height: 13px;
	background:url('../img/menu.png') 0 0;
}


#rolunk a:hover{
	background: url('../img/menu.png') 0 -26px;
}

#kandallok{
	left: 195px;
	width: 111px;
	height: 13px;
}
#kandallok{
	background:url('../img/menu.png') -78px 0;
}

#kandallok a:hover{
	background: url('../img/menu.png') -78px -26px;
}

#tudnivalok{
	left:320px;
	width:120px;
	height: 13px;
}
#tudnivalok{
	background:url('../img/menu.png') -188px 0;
}

#tudnivalok a:hover{
	background: url('../img/menu.png') -188px -26px;
}

#kapcsolat{
	left:450px;
	width:110px;
	height:13px;
}
#kapcsolat{
	background:url('../img/menu.png') -305px 0;
}

#kapcsolat a:hover{
	background: url('../img/menu.png') -305px -26px;
}

.felmeres{
	position: relative;
	float: left;
	margin-left: 60px;
	width: 180px;
	height: 70px;
	margin-top: 305px;
	background-image: url('../img/felmeres4.png');
	background-repeat: no-repeat;
}

.tervezes{
	position: relative;
	float: left;
	margin-left: 55px;
	width: 180px;
	height: 70px;
	margin-top: 305px;
	background-image: url('../img/tervezes4.png');
	background-repeat: no-repeat;
}

.kivitelezes{
	position: relative;
	float: left;
	margin-left: 45px;
	width: 180px;
	height: 70px;
	margin-top: 305px;
	background-image: url('../img/kivitelezes4.png');
	background-repeat: no-repeat;
}

.teaserArea{
	margin-top: 90px;
	width: auto;
	height: auto;
	margin-right: 55px;

}

.IndexTextArea{
	position: relative;
	width: 770px;
	height: auto;
	margin-right: 55px;
	padding-bottom: 0px;
	overflow:auto;

}


p.IndexT{
	margin-top: 10px;
	margin-left: 60px;
	color: #666666;
	font-family: "Century Gothic", Arial;
	font-size: 18pt;
	text-align: left;
}

.kWicon{
	width: 39px;
	height: 34px;
	margin-top: 30px;
	margin-left: 30px;
	background: url('../img/infoIconSprite.png') 0px -67px;
	background-repeat: no-repeat;
}

.percentIcon{
	width: 39px;
	height: 33px;
	margin-top: 30px;
	margin-left: 30px;
	background: url('../img/infoIconSprite.png') 0px -34px;
	background-repeat: no-repeat;
}


.diameterIcon{
	width: 39px;
	height: 34px;
	margin-top: 35px;
	margin-left: 30px;
	background-color: black;
	background: url('../img/infoIconSprite.png') 0px 0px;
	background-repeat: no-repeat;
}

p.list{
	margin-top: -25px;
	margin-left: 20px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 8pt;
	text-align: left;
}

p.sizes{
	margin-top: 5px;
	margin-left: 0px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 9pt;
	text-align: center;
}

p.diameter{
	margin-top: -30px;
	margin-left: 70px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
}

p.percent{
	margin-top: -30px;
	margin-left: 70px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
}

p.kW{
	margin-top: -30px;
	margin-left: 70px;
	color: #333333;
	font-family: "Century Gothic", Arial;
	font-size: 10pt;
}

.details{
	margin-left: 250px;
	margin-top: -160px;
	width: 200px;
	height: 150px;
}

.blueprint{
	float: left;
	width: 180px;
	height: 220px;
	margin-top: -145px;
	margin-left: 445px;
	padding-right: 30px;
}

.galeriaField1{
	position: relative;
	width: 780px;
	height: 4500px;
	margin-top: 140px;
	margin-left: 40px;
}

.galeriaField2{
	position: relative;
	width: 780px;
	height: 2150px;
	margin-top: 140px;
	margin-left: 40px;
}

.galeriaField3{
	position: relative;
	width: 780px;
	height: 1350px;
	margin-top: 140px;
	margin-left: 40px;
}

.galeriaField4{
	position: relative;
	width: 780px;
	height: 1870px;
	margin-top: 140px;
	margin-left: 40px;
}

.galeriaField5{
	position: relative;
	width: 780px;
	height: 820px;
	margin-top: 140px;
	margin-left: 40px;
}


a:link {color:#46413e;}    /* unvisited link */
a:visited {color:#46413e;} /* visited link */
a:hover {color:#46413e;}   /* mouse over link */
a:active {color:#46413e;}  /* selected link */
a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:none;}   /* mouse over link */
a:active {text-decoration:none;}  /* selected link */

img.Indexfloatright{
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

img.floatright{
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

/* Tabs */

.clear {
	clear: both;
}

#content-explorer {
		    list-style: none;
		    margin-top: 0px;
		    margin: auto;
		    padding-left: 50px;
		    line-height: 24px;
		    height: 380px;
		    overflow: hidden;
		    font-size: 100%;
		    font-family: "Century Gothic";
		    position: relative;
		}
		#content-explorer li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    text-shadow: 0 1px #FFF;
		    margin: 0px -6px 0px 0px;
		    padding: 0 8px;
		}
		#content-explorer a {
			  color: #555;
			  text-decoration: none;
		}
		#content-explorer li.selected {
		    background: #FFF;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FFF;
		}
		#content-explorer:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
	
		  
		}
		#content-explorer li:before,
		#content-explorer li:after {
		    border: 1px solid #AAA;
		    position: absolute;
	

		}
		#content-explorer li:before {
		  
		    border-width: 0 1px 0px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		#content-explorer li:after {

		    border-width: 0 0 0px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		#content-explorer li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		#content-explorer li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}
		
		
		div.yui-content {
		position: absolute;
		margin-top: -17px;
		border-style: solid;
		border-color: #AAA;
		border-width: 1px;
		margin-left: 0px;
		padding: 10px;
		background-color: #ffffff;
		box-shadow: 3px 3px 10px #D1D1D1;
		 /* fallback DIY*/

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, top, bottom, from(#ffffff), color-stop(0.0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #dddddd), to(#afafaf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffffff, #ffffff, #ffffff, #dddddd, #afafaf);
}

#page-wrap {
	width: auto;
	margin: -5px auto;

}