@font-face
{ 
	font-family: SegoeUiLight;
	src: url('segoeuil.ttf');
} 

body
{
	font-family: SegoeUiLight, segoeuil;
	text-align: center;
	color: #ffffff;
	background: #353535 url("bg.png") no-repeat scroll center;
}

/* SCROLLBAR */

::-webkit-scrollbar 
{
    width: 8px;
	height: 8px;
}
 
::-webkit-scrollbar-track 
{
	border-radius: 8px;
    background: rgba(0,0,0,0.3); 
}
 
::-webkit-scrollbar-thumb 
{
    border-radius: 8px;
    background: rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:hover
{
    background: rgba(0,0,0,1); 
}

div.masog
{
	position: absolute;
	top: 16%;
	left: 50%;
    transform: translate(-50%, -50%);
	font-size: 100;
}

/* WHOLE AREA PLACEMENT & DESIGN */
div.main
{
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	background-color: rgba(37, 37, 37, 0.5);
}

div.bomw
{	
	background-color: #161616;
	font-size: 28;
}	
div.headers
{
	background-color: #252525;
	color: #c3c3c3;
	font-size: 16;
}	

/* SCROLLING OF SECTIONS STUFF */
div.sectionsscroll 
{ 
	height: 110px; 
	overflow: visible; 
	width: 550px; 
	overflow-y: hidden;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

/* 3D MODELS SECTION */
div.threedscroll img 
{
	height: 90px; 
	width: 180px;   
}

div.threedscroll 
{
	width: 1435px;
	padding-left: 10px;
}

div[class*='threedscroll']{float:left;margin-left: -10px;margin-right: 25px;}
div[class*='threedscroll'] p{margin-top:-1px;background-color: rgba(0, 0, 0, 0.5);}
div[class*='threedscroll'] a{color:inherit;text-decoration: none;}

div.threedscroll001:hover{color: rgba(150,150,150,1);}
div.threedscroll002:hover{color: rgba(150,150,150,1);}
div.threedscroll003:hover{color: rgba(150,150,150,1);}
div.threedscroll004:hover{color: rgba(150,150,150,1);}
div.threedscroll005:hover{color: rgba(150,150,150,1);}
div.threedscroll006:hover{color: rgba(150,150,150,1);}
div.threedscroll007:hover{color: rgba(150,150,150,1);}

/* LEVEL DESIGN SECTION */
div.lvlscroll img 
{
	height: 90px; 
	width: 180px; 
}

div.lvlscroll 
{
	width: 1435px;
	padding-left: 10px;
}

div[class*='lvlscroll']{float:left;margin-left: -10px;margin-right: 25px;}
div[class*='lvlscroll'] p{margin-top:-1px;background-color: rgba(0, 0, 0, 0.5);}
div[class*='lvlscroll'] a{color:inherit;text-decoration: none;}

div.lvlscroll001:hover{color: rgba(150,150,150,1);}
div.lvlscroll002:hover{color: rgba(150,150,150,1);}
div.lvlscroll003:hover{color: rgba(150,150,150,1);}
div.lvlscroll004:hover{color: rgba(150,150,150,1);}
div.lvlscroll005:hover{color: rgba(150,150,150,1);}
div.lvlscroll006:hover{color: rgba(150,150,150,1);}
div.lvlscroll007:hover{color: rgba(150,150,150,1);}

/* PERSONAL FAVORITES SECTION */
div.pfscroll img 
{
	height: 90px; 
	width: 180px; 
}

div.pfscroll 
{
	width: 1435px;
	padding-left: 10px;
}

div[class*='pfscroll']{float:left;margin-left: -10px;margin-right: 25px;}
div[class*='pfscroll'] p{margin-top:-1px;background-color: rgba(0, 0, 0, 0.5);}
div[class*='pfscroll'] a{color:inherit;text-decoration: none;}

div.pfscroll001:hover{color: rgba(150,150,150,1);}
div.pfscroll002:hover{color: rgba(150,150,150,1);}
div.pfscroll003:hover{color: rgba(150,150,150,1);}
div.pfscroll004:hover{color: rgba(150,150,150,1);}
div.pfscroll005:hover{color: rgba(150,150,150,1);}
div.pfscroll006:hover{color: rgba(150,150,150,1);}
div.pfscroll007:hover{color: rgba(150,150,150,1);}

div.verticalbar001
{
	float:right;
	background-color: #161616;
	padding-right: 20px;
}