html, body	{height: 100%;
		background-color: white;
		margin:0px;}

#wrap 	{min-height: 100%;
	margin:0px;}

#main 	{overflow:auto;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: white;
	padding-top: 260px;
	padding-right: 20px;
	padding-left: 100px;
	padding-bottom: 80px;}  /* must be same height as the footer */



#navi	{position: fixed;
	top: 213px;
	left: 0px;
	height: 26px;
	background-color: white;
	color: #FF0000;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: lighter;
	padding-left: 100px;
	padding-top: 10px;
	width: -webkit-calc(100% - 340px);
   	 width:    -moz-calc(100% - 340px);
    	width:         calc(100% - 340px);
	z-index: 28;
	}




.flex_client_list
	{display: flex;
	}
.flex_left
	{flex: 1;
	background: white;
	}






#header	{overflow:auto;

-webkit-transform: translate3d(0, 0, 0);
transform : translate3d(0, 0, 0);
	position: fixed;
  	top: 0;
  	left: 0;
	height: 210px;
	width: 100%;
	padding: 0px;
	border-style:solid;
	border-bottom-width:3px;
 	border-bottom-color:#ff0000;
	border-top-width:0px;
 	border-top-color:#ff0000;
	border-left-width:0px;
 	border-left-color:#ff0000;
	border-right-width:0px;
 	border-right-color:#ff0000;
	z-index:10;
	width:100%;
	background-image:url('picts/steel.jpg');
	background-size:100% 100%;}
	
	


#top	{overflow:hidden;
	position: fixed;
	top:170px;
	left:0;
	height:40px;
	width:100%;
	z-index:12;}




#logotop	{position:absolute;
	top:10px;
	left:20px;}

#logoword	{position:absolute;
	top:86px;
	left:20px;}


#logowordlinked	{position:absolute;
	top:110px;
	left:760px;}




#flashright	{position:absolute;
	top:0px;
	right:0px;
	border-style: none;
	border-top-width:0;
	border-bottom-width:0;
	border-right-width:0;
	border-left-width:0;
 	border-left-color:#ff0000;
}


#click_me	
	{position:fixed;
	top:172px;
	right:14px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Ubuntu, sans-serif;
	font-weight: lighter;
	text-align:right;
	z-index:36;}








#right 	{overflow:auto;
	float:right;
	margin:20px 20px 20px 40px;
	width:160px;
	height:640px;
	padding:10px;
	color: #666666;
	font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	text-align:center;
	background:#FFFFCC;
	border:0.5px solid;
	border-color:#CCCC66;
	border-radius:25px;
	box-shadow: -8px 14px 8px #888888;
	padding-bottom: 80px;}  /* must be same height as the footer */




#rightfriends 	{overflow:auto;
	float:right;
	margin:280px 40px 40px 0px;
	width:160px;
	height:900px;
	padding:10px;
	color: #666666;
	font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	text-align:center;
	background:#FFFFCC;
	border:0.5px solid;
	border-color:#CCCC66;
	border-radius:25px;
	box-shadow: -8px 14px 8px #888888;
	padding-bottom: 80px;}  /* must be same height as the footer */


#leftfch 	{overflow:auto;
	float:left;
	background-color: white;
	width:210px;
	height:900px;
	padding-right: 40px;
	padding-top: 86px;
	padding-left: 04px;
	padding-bottom: 40px; /* must be same height as the footer */
	color: #666666;
	font: 13px arial, verdana, sans-serif; 
	text-align:center;
	border:0px solid;
	border-color:#CCCC66;
	border-radius:25px;}
	



#column5 {
		float: left;
		text-align:left;
		width:80%;
		vertical-align: top; 
		padding-right: 280px;
 		padding-left:0px;
		border-style:none;
 		border-width:2px;
		 
	}




#column6 {
		
		position:absolute;
		right:10px;
		text-align:center;
		width:220px;
		vertical-align: top; 
		padding-right:0px;
 		padding-left:0px;
		border-style:none;
 		border-width:2px;
		 
	}












#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height:60px;
	background-color: white;
	z-index: 120;
	letter-spacing: 2px;
	font-size: 11px;
	line-height: 1.2;
	font-family: 'Ubuntu', sans-serif;
	font-weight: lighter;
	color: #666666;
	text-align:center;
	clear:both;} 



#sitemap 	{overflow:auto;
	position:absolute;
	bottom:22px;
	right:80px;
	background-color: white;
	border-style:none;
	
	padding:0px;
	color: #000000;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	text-align:center;}


.contact-form
	{
	width:250px;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	color:#666666;
	}

.submit-btn
{
	cursor: pointer;
	font-family: 'Ubuntu', sans-serif;
	width:250px;
}

.g-recaptcha
{
	width:550px;
	font-family: 'Ubuntu', sans-serif;
}






.table	{ color: #000000;
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: lighter;}




.tableside
	{ color: #666666;
	font: 13px 'Ubuntu', verdana, sans-serif; }

.title	{ COLOR: #000000;
	font-size: 20px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal; }

.subtitle		{ COLOR: #009900; FONT: 16px 'Ubuntu', verdana, sans-serif; font-weight: normal; }


.subtitlered		{ COLOR: #FF0000; FONT: 13px 'Ubuntu', verdana, sans-serif; font-weight: normal; }


.smalltitle 	{ COLOR: #336699; FONT: 18px verdana, arial, sans-serif; font-weight: normal; }


.bigtitle		{ COLOR: #FFFFFF; font-size: 36px;
		font-family: 'Ubuntu', sans-serif;
		line-height: 0.6;
		font-weight: bold; }


.tinytitle 		{ COLOR: #0000FF; FONT: 14px 'Ubuntu', verdana, sans-serif; font-weight: normal; }
.sidetitle		{ COLOR: #000000; FONT: 16px 'Ubuntu', verdana, helvetica, sans-serif; letter-spacing: 0px; font-weight: bold;
		text-decoration:undeline;}


a:link {color:#0000FF; text-decoration: none}
a:visited {color:#0000FF; text-decoration: none}
a:hover {text-decoration: underline; color: #FF0000;}
a:active {color:#0000FF; text-decoration: none}


a.one:link {color:#0000FF; text-decoration: none}
a.one:visited {color:#0000FF; text-decoration: none}
a.one:hover {text-decoration: underline; color: #FF0000;}
a.one:active {color:#0000FF; text-decoration: none}


a.two:link {color:#0000FF; text-decoration: none; font-size:12px;}
a.two:visited {color:#0000FF; text-decoration: none}
a.two:hover {text-decoration: underline; color: #FF0000;}
a.two:active {color:#0000FF; text-decoration: none}


a.three:link {color:#FF0000; font-size:12px; text-decoration:none;}
a.three:visited {color:#009933; font-size:12px; text-decoration:none;}
a.three:hover {text-decoration:underline; font-size:12px; color:#0000FF;}
a.three:active {color:#0000FF; font-size:12px; text-decoration:none;}




a.navi:link {color:#333333; text-decoration: none; font-size:12px;}
a.navi:visited {color:#333333; text-decoration: none}
a.navi:hover {text-decoration: underline; color: #FF0000;}
a.navi:active {color:#FF0000; text-decoration: none}



















ol.a {list-style-type: decimal; font-size:12px}


ul.a {list-style-type: circle; color:#0000FF;}
ul.b {list-style-type: square; color:#0000FF;}
ul.c {list-style-type: disc; color:#0000FF;}
ul.d {list-style-type: none; color:#0000FF;}









/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
