/**************************/
/* -- Basic HTML Rules -- */
/**************************/
/* - stop gap if only inline element in block level container - */
img,object,embed{border:none;}
/* - to avoid ff<1.03 bug - */
html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{margin:0;padding:0;color:#FFFFFF;}
/* - look normal - */
a img,:link img,:visited img,fieldset{border:none; color:#FFFFFF;}
/* - dot less - */
ul,ol,dl{list-style:none;}
/* - uniform styles - */
h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select{font-size:1em;}

/* -- General Styles -- */
/* - default font */
html,body{font-family:'Arial',verdana,tahoma,georgia,sans-serif}
/* - give default font style - */
p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:70%;line-height:120%;}
th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;}
h1,h2,h3,h4,h5,h6,p,ul,dl,ol,pre{margin-bottom:1em;}
/* - table - */
table{border-collapse:collapse;}
td, th{vertical-align:top;}

/* -- General Classes -- */
/* --  errors -- */
.error{color:red;list-style:none;}
.errorTop{margin-bottom:0.5em;margin-top:0.2em}
.errorBottom{margin-bottom:0.5em;margin-top:0.2em}

/* -- contain -- */
.contain:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
.contain{display:inline-table;}
* html .contain{/* nomac \*/height:1%;/* nomac */}
.contain{display:block;}/* should hide from mac but seems to work */
/* -- image replacement -- */
.imageReplace{position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;}
.imageReplace span{width:100%;height:100%;position:absolute;background-repeat:no-repeat;top:0px;left:0px;z-index:1;}
/* -- clear -- */
.clear{clear:both;}


/* -- Page Wrap -- */
body.centerAlign{text-align:left;}
body.centerAlign #pageWrap{text-align:left; margin:0 auto;}

body {
	/* overflow: hidden; */
	background-image:url(../img/main-background.png);
	background-repeat: no-repeat;
	background-color: #333333;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #333333;
	scrollbar-face-color: #333333;
	scrollbar-arrow-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-darkshadow-color: #666666;
	scrollbar-base-color: #333333;
	scrollbar-track-color: #191717;
	font-size: 11px; 
}

body.mainContent {overflow: hidden; background-image: none; background-color: #333333; padding-top: 0px; margin-top: 0px; background-color: #191717; margin-right: 15px;}

#pageLayout {width: 855px; height: 592px;}
#topLeft {position: absolute; left: 36px; top: 0px; width: 308px; height: 290px; background-color: #191717;}
#topLeft #topLeftContent {padding-left: 28px; padding-top: 60px;}
#topLeft #topLeftContentKokoLogo {padding-left: 29px; margin-top: 54px;}
#topLeft #topLeftContentInfernosLogo {padding-left: 29px; margin-top: 84px;}
#mainTextWithFooter {position: absolute; left: 36px; top: 297px; width: 308px; height: 315px; background-color: #191717;}
#mainTextWithFooter #mainTextContent {padding-left: 20px; padding-top: 12px;}
#mainText {position: absolute; left: 36px; top: 276px; width: 308px; height: 316px; background-color: #191717;}
#mainTextScroll {width: 284px; height: 295px; overflow: auto;}
#mainText2 {position: absolute; left: 36px; top: 276px; width: 308px; height: 316px; background-color: #191717; overflow: hidden;}
#mainText #mainTextContent {padding-left: 20px; padding-top: 12px;}
#mainText2 #mainTextContent {padding-left: 20px; padding-top: 12px;}
#rightBar {position: absolute; left: 348px; top: 0px; width: 482px; background-color: #191717; text-align:right;}




#rightBar #rightBarContent {padding-left: 7px; padding-right: 17px; padding-top: 12px;}
#btmTxt {position: absolute; height: 17px;  left: 36px; top: 598px; width: 795px; background-color: #191717;}
#btmTxtContent{
padding-top: 3px; padding-left: 20px;

}
#subMenu {position: absolute; left: 200px; top: 154px;}


#subMenuLayout {position: absolute; top: 0px;  width: 140px;}
#filterContainer {OVERFLOW: hidden;}
.right {text-align: right;}

h1 {font-family: arial narrow, arial, sans-serif; margin-top: 0px; padding-top: 0px; margin-bottom: 7px; font-weight: normal; color: #cccccc; font-size: 19px; text-transform: uppercase;}
p,a {font-family: arial, sans-serif; font-size: 11px; color: #ffffff; padding-right: 2px;}
iframe{overflow: hidden;}
img.main {margin-bottom: 54px;}
img.header {margin-bottom: 29px;}
a {color: #01e2fd; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a.menu {font-weight: bold; color: #ffffff; font-size: 12px; text-decoration: none; text-transform: uppercase;}
a.menu:hover {font-weight: bold; color: #999999; text-decoration: none;}
a.dark {color: #999999; font-weight: bold; text-decoration: none;}
a.news {font-weight: bold; text-decoration: none;}
a.newsHdr {font-size: 1.3em; color: #cccccc; font-weight: normal;}
a.news:hover {font-weight: bold; text-decoration: none; text-decoration: underline;}
a.menuSelected {font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: #01e2fd; text-decoration: none;}
a.subMenu {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase;}
a.subMenu:hover {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none;}
a.subMenuSelected {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #01e2fd; text-decoration: none; text-transform: uppercase;}
a.subMenuSelected:hover, a.subMenuBarsSelected:hover, a.menuSelected:hover {text-decoration: none;}
a.subsubMenu {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase;}
a.subsubMenu:hover {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none;}
a.subsubMenuSelected {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; text-transform: uppercase;}
a.subsubMenuSelected:hover {text-decoration: none;}


.darksub {color: #999999; text-decoration: none;}
p.mainMenu {padding: 0px; margin-top: 0px; margin-bottom: 4px;}
p.subMenu {padding: 0px; margin-top: 0px; margin-bottom: 2px;}
p.subMenuHeader,a.subMenuHeader {font-family: arial, sans-serif; font-size: 11px; margin: 0px; padding: 0px; font-weight: bold; color: #01e2fd; font-size: 12px;}	
p.subMenuIndent {margin: 0px; padding: 0px; padding-left: 3px; margin-bottom: 2px;}

a.subMenuBarsSelected {font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; text-transform: uppercase;}
.faqQ {font-weight: bold; color: #cccccc; margin-bottom: 0px;}
.faqA {margin-top: 0px;}
.footer {font-family: arial, sans-serif; font-size: 9px; color: #666666; text-decoration: none; text-align: left; padding-bottom: 0px; margin-bottom: 0px;}

.inTxt {font-family: arial, sans-serif; font-size: 10px; color: #000000; background-color: #cccccc; border: 0px;}
.tdFormTop {padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px;}
.tdForm {padding-left: 20px; padding-right: 20px; padding-bottom: 15px;}
.send {font-size: 11px;}
.press-header {color: #ffffff; padding-bottom: 4px;}
a.press-header:link{color: #ffffff; padding-bottom: 99px;}


.logo {padding-top: 0px;}
/*.thumb {padding-left: 8px; padding-right: 3px; padding-top: 10px;}*/
.thumb {margin-left: 8px; margin-right: 10px; margin-top: 12px; width: 88px; height:64px;}
/*.recruitThumb {margin-left: 0px; margin-right: 0px; margin-top: 3px; width: 111px; height: 106px;}*/
.recruitThumb {margin-left: 0px; margin-right: 0px; margin-top: 3px; width: 88x; height: 84px;}
hr {border: 0;	border-bottom: 1px solid #444444; height: 0; margin-bottom: 2px;}
ul.lists{padding-right: 5px; padding-left: 5px;}
li.lists{list-style:disc; margin-left: 20px;}
#mugshot{
position: relative;
padding-left:12px;
padding-bottom:2px;
line-height:18px;
color: #cccccc;

height: 67px;

text-align:right;
font-family: arial, sans-serif; font-size: 10px; color: #cccccc; 
}
#bodycontent{
	position	: relative;
	width		: 255px;
	left		: 2px;
	font-family: arial, sans-serif; font-size: 11px; color: #ffffff; 
	
padding-left: 5px;
}
#scrollcontainer{

	position	: absolute;
	top			: 10px;
	left		: 10px;
	width		: 290px;
	height		: 295px;

	overflow	: auto;
	

	
}

#scrollArea {
		position	: relative;
	left		: 286px;
	top			: 32px;
	height		: 225px;
	width		: 17px;
	

	overflow	: hidden;
}

#scroller {
	position	: relative;
	top			: 1px;
	width		: -100%-15px;
	background	: #333333;
	border	: 1px solid #666666;

}
#bodycontenttwo{
	position	: relative;
	width		: 450px;
	left		: 2px;
	font-family: arial, sans-serif; font-size: 11px; color: #ffffff; 
overflow:hidden;
margin-left: 5px;

}


#scrollcontainertwo{
	position	: absolute;
	top			: 10px;
	left		: 0px;
	width		: 478px;
	height		: 380px;
	overflow	: auto;
		border: 0px;
		text-align:center;

}

#scrollcontainertwo_noscroll{
	position	: absolute;
	top			: 10px;
	left		: 8px;
	width		: 450px;
	height		: 380px;
	overflow	: hidden;
		border: 0px;
	
	
}

a.footer, a.footer:hover, a.footer:hover, a.footer:hover {font-family: arial, sans-serif; font-size: 9px; color: #666666; text-decoration: none; text-align: left; padding-bottom: 0px; margin-bottom: 0px;}

#formLayout {position: relative;  background-color: #666666; text-align:right; padding: 25px;} 
#formLayerPadding {padding: 15px;
text-align:left; background-color: #474747;}
input{
width:203px;
border: 0px;
padding: 2px;
margin:4px;
font-family: arial, sans-serif; font-size: 11px; color: #171719;
margin-top:0px;
margin-bottom:8px;
background: #CCCCCC;
}
label{
padding-right: 20px;
font-family: arial, sans-serif; font-size: 11px; color: #ffffff; 
}
#foliointro{
width: 133px;
height:97px;
border: solid 1px #434142;
float:left;
margin-left: 6px;
margin-right: 9px;
text-align:left;
margin-bottom: 3px;
}
#foliointro #inner{

height: 76px;
overflow:hidden;
}
#foliointro #inner #text{
padding: 5px;
text-align:left;
color:#CCCCCC;


}
#foliointro a{
text-decoration:none;
color:#CCCCCC;
}