/************************************************************************************
RESET
*************************************************************************************/
address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html, body {padding:0; margin:0; height:100%}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; 
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #191919 ;
	font: .81em/110% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #999999; }
	
#container1 {min-height: 100%; position:relative; background-image:url(../images/bg/download.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:100%}
#container2 {min-height: 100%; position:relative; background-image:url(../images/bg/download1.jpg); background-position:bottom; background-repeat:no-repeat; background-size:cover; height:100%}
#container3 {min-height: 100%; position:relative; background-image:url(../images/bg/download2.jpg); background-position:top; background-repeat:no-repeat; background-size:cover; height:100%}
#container4 {min-height: 100%; position:relative; background-image:url(../images/bg/download3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:100%}
#container5 {min-height: 100%; position:relative; background-image:url(../images/bg/download4.jpg); background-position:top; background-repeat:no-repeat; background-size:cover; height:100%}

#body {padding: 10px; padding-bottom:60px; /* Height of the footer */ }

#text-body {background:#ffffff;	padding: 20px 0 20px 2%; position:absolute; bottom:55px; color: #333333 !important; font-size: 120%; height: 150px; width:98%; overflow:auto; line-height: 1.4em }
#text-clients { float:left; width:29%; padding: .75% 0 .75% 1%; margin-right:3%; border-bottom:dashed #333333 thin;  }
#text-body33_first-child { border-left: none; width:30%; min-height:105px; padding: 0 1%; float:left; }
#text-body33 {width:30%; min-height:105px; padding: 0 1%; float:left; border-left: thin dashed grey}

	
#copyright-image { position:absolute; bottom:90px; right: 30px}

#swiss_image {font-weight:bold; margin: 8px 0 0 1%; Padding-left:25px; background-image:url(../images/swiss_icon.png); background-repeat:no-repeat; background-size:22px;  display:inline-block; }

a {
	color:#333333;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color:#333333
}


p {
	margin: 0 0 1.2em;
	padding: 0; 
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
li.news {margin-bottom:3em}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	color: #000;
}
h1 {
	font-size: 2em; 
	padding: 0; font-weight:normal; 
}
h2 {
	font-size: 1.6em; color:inherit;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.1em; padding-left:1%;
}
h5 {
	font-size: 4em;
}
h6 {
	font-size: 1.2em; color:#FFF
}



@font-face {
    font-family: 'Trebuchet MS';
    src: url('../../css/fonts/Trebuchet MS.eot');
    src: url('../../css/fonts/Trebuchet MS.eot?#iefix') format('embedded-opentype'),
url('../../css/fonts/Trebuchet MS.woff') format('woff'),
url('../../css/fonts/Trebuchet MS.ttf') format('truetype'),
url('../../css/fonts/Trebuchet MS.svg#Trebuchet MS') format('svg');
    font-weight: normal; font-style: normal; }
	




/************************************************************************************
HEADER
*************************************************************************************/
#header {position: relative;}

/* site logo */
hgroup {width:100%; margin: 0 0 0; background-color:#f1f1f1; height:80px; background-image:url(../images/logo-sis-band.png); background-repeat:no-repeat; background-size: 175em; background-position: center left }


/* menu - movie - categories */
#f-menu {float: left; width : 20%; max-width:300px; margin : 50px 0 0 3%; }



/************************************************************************************
FOOTER
*************************************************************************************/
#footer {	
	background:#111111;
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;	
	color: #888888 !important;
	font-size: 120%; width:100%; padding-bottom:15px; padding-top:20px; }


#footer-menu { text-align:right; width:100%; text-transform:uppercase }
.footer-menu-act {font-weight:normal; color:#f68a3d}
#footer-copyright {clear:both; text-align:center; font-size:80%;}
#footer-nav {
	margin: 0 auto;
	width: 85%;
	left: 0;
	bottom: 0;
	max-width: 2450px;
	}
	
#footer-nav li {
	width:50%;
	list-style: none;
	float:left;
	}

/************************************************************************************
CLEARFIX
*************************************************************************************/
/*.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }/*