/* bk */

body
{
font-family:Helvetica;

margin:0;
padding:0;
background-color:#2d1d0e;
color:#ffffff;
}	

a
{	
color:#cccccc;
text-decoration:none;
}


.innercont
{
margin:auto;
width:96%;
max-width:1000px;
}

header
{
}

footer
{
background:black;
font-size:1vw;
}

.center600
{
margin:auto;
max-width:600;
}




/* menu */
ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#333;
}

li 
{
float:left;
}

li a 
{
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}

li a:hover 
{
background-color:#111;
}






#hiddenmenu
{
display:none;
}

#menucont
{
width:100%;
background-color:#333;
font-size:1vw;
height:50px;
}

.menuitem
{
height:50px;
display:inline-block;
background-color:#333;
text-align:center;
vertical-align:middle;
padding:7px;

}

.menuitem:hover
{
background-color:#555;
}

.hmitem
{
text-align:center;
}






p
{
font-size:14px;
color:#CCC
}


/* image */
.ofc100
{
display:inline-block;

onject-fit:cover;
height:100px;
width:100px;
border:1px solid white;
}

.haicon
{

max-width:100%;
}

/* table */
table
{
width:100%;
border-collapse:collapse;
}

td
{
text-align:center;
}




/* 
#menu 
{
font-family:Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
margin: 20px 0;
padding: 0;
list-style-type: none;
				background-color: #eee;
				font-size: 13px;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
			}

			#menu li 
{
				float: left;
				margin: 0;				
			}

			#menu li a 
{
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #666;
			}

			#menu li a:hover, #menu li.active a 
{
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}

			#menu_wrapper ul {margin-left: 12px;}
			#menu_wrapper {padding: 0 16px 0 0; background: url(images/grey.png) no-repeat right;}
			#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}
			
			
			#menu_wrapper.black ul {
				border-top: 2px solid #333;
				border-bottom: 2px solid #000;
				background: #333;}
			#menu_wrapper.black a {color: #CCC;}
			#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
			#menu_wrapper.black {background: url(images/black.png) no-repeat right;}
			#menu_wrapper.black div {background: url(images/black.png) no-repeat left;}


menu */


/* buttons */
.greenbutton
{
background:green;
display:inline-block;
text-align:center;
padding:9px;
border-radius:3px;
}

.w
{
color:white;
}


/* sticky */
#sticky
{
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}