@charset "utf-8";
/* CSS Document */

@import "tables.css";
@import "social_media.css";
@import url("fonts/fonts.css");


html{
    position: relative;
    min-height: 100%;
}


body{
	display:block;
	background:no-repeat center rgb(240,240,240);
	margin: 0 0 20px 0;
	padding: 0px;
	border: 0px;
	font-family:Calibri;
	font-size:15px;
	min-height:400px;
	height:100%;
}

header{
	clear:both;
	position:absolute;
	margin:0;
	padding:0;
	border:0;
	left:0;
	top:0;
	background:white;
	min-height:20px;
	min-width:800px;
	width:100%;
}

footer{
	clear:both;
	position:absolute;
	margin:0;
	padding:0;
	border:0;
	left:0;
	bottom:0;
	background:white;
	min-height:40px;
	width:100%;
	z-index:9;
}

.wrapper{
	clear:both;
	margin:0px auto;
	padding:0px;
	width:800px;
	height:100%;
}

h1, h2{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h3{
	font-size:12px;
	font-weight:100;
	margin:0px;
	padding:0px;
}

p{
	font-size:14px;
	margin:0px;
	padding:0px;
	text-indent:50px;
	text-align:justify;
}

/****************
 	CONSTANT
 ****************/
 
a img {border: none;}

.background{background:white;}
.background_img{background: url(../img/background.png) no-repeat center;}
.background_white{background:white;}
.background_black{background:black;}
.background_white_transperant{background:rgba(255,255,255,0.9);}

.color_white{color:white;}
.color_black{color:black;}
.color_grey{color:grey;}
.color_lightgrey{color:lightgrey;}

.center{margin:auto;}

.bold{font-weight:bold;}
.boldNO{font-weight:normal;}

.clear{clear:both;}
.clearNone{clear:none;}
.float_left{float:left}
.float_right{float:right}

.displayInlineBlock{display:inline-block;}

.borderNone{border:0px;}
.borderError{border:1px solid red;}
.borderBlack{border:1px solid #000;}
.borderLight{border:1px solid #CCC;}
.borderLighter{border:1px solid #E2E2E2;}
.borderLighterBottom{border-bottom:1px solid #CCC;}

.hidden{display:none;}

.pos_abs{position:absolute;}
.pos_rel{position:relative;}
.pos_fix{position:fixed;}
.pos_sta{position:static;}
.pos_inh{position:inherit;}

.margin_top00{margin-top:0px;}
.margin_top05{margin-top:5px;}
.margin_top10{margin-top:10px;}
.margin_top15{margin-top:15px;}
.margin_top20{margin-top:20px;}
.margin_top40{margin-top:40px;}
.margin_top50{margin-top:50px;}
.margin_top60{margin-top:60px;}

.margin_left05{margin-left:5px;}
.margin_left10{margin-left:10px;}
.margin_left30{margin-left:30px;}
.margin_leftH{margin-left:10px; margin-right:10px;}
.margin_leftN{margin-left:20px; margin-right:10px;}
.margin_leftI{margin-left:30px; margin-right:10px;}
.margin_leftII{margin-left:40px; margin-right:10px;}
.margin_left10per{margin-left:10%;}

.margin_right10{margin-right:10px;}
.margin_right10per{margin-right:10%;}

.margin_bottom05{margin-bottom:5px;}
.margin_bottom10{margin-bottom:10px;}
.margin_bottomfooter{margin-bottom:60px;}

.textLeft{text-align:left}
.textRight{text-align:right}
.textCenter{text-align:center}
.textJustify{text-justify:auto;}
.textNoDecoration{text-decoration:none;}
.textIndent{text-indent:50px;}

.min_width200{min-width:200px;}
.min_width400{min-width:400px;}
.min_width600{min-width:600px;}

.width100{width:100px;}
.width150{width:150px;}
.width200{width:200px;}
.width300{width:300px;}
.width400{width:400px;}
.width500{width:500px;}
.width600{width:600px;}
.width800{width:800px;}

.height_min400{min-height:400px;}

.menuBox{height:310px; width:194px;}

.boxM{width:194px; min-height:310px;}
.boxS{width:194px; height:5px;}


.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.font36{font-size:36px;}

.show_overflow{	
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}
.opacityLoading{	
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.rotate_cw{	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 998;
}
.rotate_ccw{	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 998;
}
.shadow_top{	
	-khtml-box-shadow: 0px -2px 2px #999;
	-webkit-box-shadow: 0px -2px 2px #999;
	-moz-box-shadow: 0px -2px 2px #999;
	box-shadow: 0px -2px 2px #999;
}
.shadow_bottom{
	-khtml-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	box-shadow: 0px 2px 2px #999;
}
.shadow{
	-khtml-box-shadow: 0px 2px 2px #999;
	-webkit-box-shadow: 0px 2px 2px #999;
	-moz-box-shadow: 0px 2px 2px #999;
	box-shadow: 0px 2px 2px #999;
}

/****************
 	MENU Vertical
 ****************/

.vMenu{
	clear:both;
	position:fixed;
	margin: 50px 0 0 100%;
	text-align:center;		
}
.vMenuBox{
	border:1px solid;
	clear:both;
	margin-top:85px;
	height:20px;
	width:20px;
}
.vMenuText{
	display:block;
	margin-top:-25px;
	background-color:#000;
	color:#CCC;
	height:25px;
	width:100px;
	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	
	-khtml-box-shadow: -2px -2px 2px #999;
	-webkit-box-shadow: -2px -2px 2px #999;
	-moz-box-shadow: -2px -2px 2px #999;
	box-shadow: -2px -2px 2px #999;
}


/****************
 	MENU Horizontal
 ****************/
 
 
.hMenu{
	color:#FFF;
	text-align:center;
	width:auto;
	height:45px;
	z-index: 999;
}
.hMenu a{
	float:left;
	margin:15px 10px 15px 10px;
}

/****************
 	LINKS
 ****************/
 
a:link		{	text-decoration:none;	}
a:visited	{	text-decoration:none;	}
a:hover		{	color:#F90; text-decoration:underline;	}
a:active	{	text-decoration:underline;	}




/****************
 	LOADING
 ****************/
 
.load_container_full{
	position:absolute;
	clear:both;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url(../img/ajax-loader.gif) no-repeat center rgb(255,255,255);
	z-index:9999;
}

