@charset "UTF-8";
/* CSS Document */

ol, ul {list-style: none;}
a{text-decoration:none;}
* { margin: 0;}

html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../img/bg-img1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
}
body{min-width: 1260px;}
::selection {background: #ccc; /* Safari */}
::-moz-selection {background: #ccc; /* Firefox */}
::-webkit-selection{background: #ccc;}

.content{
	margin:0 auto;
	padding:0;
	position: relative;
	width:1260px;
    font-family: 'Open Sans', sans-serif;
}
/* HEAD */

.header{
	background:url(../img/bg-head.jpg) no-repeat, #333;
	background-position:center;
    display: block;
	height:124px;
	}
#nav{
	background-color:#000;
	width:1260px;
	font-weight:300;
	text-transform:uppercase;
	height:42px;
	}
#nav li{
	float:left;
	padding:10px 20px;
	}
#nav li a{
	color:#FFF;
	font-size:16px;
	letter-spacing:1px;
	}
#nav li:hover{
	background-color: #999;
	}

/* STRIPE LOGOS */

.stripe{
    position: absolute;
    top: 50%;
    margin-top: -100px;
	height:200px;
 	width:100%;
	}
.bg06{
	background: #000;
	filter: alpha(opacity=40); /* IE */
 	-moz-opacity: 0.4; /* Mozilla */
 	opacity: 0.4; /* CSS3 */
	position: absolute;
	height:200px;
 	width:100%;
	}
.stripe .content {
	text-align:center;
	width:1028px;
	padding-top:20px
	}
.stripe .content .logo {
	float:left;
	margin:0px 30px;
	}
	



/* FOOTER */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -210px; /* negative value of footer height */
	height: 210px;
	clear:both;
	background-color: #000;
	background-position:center;
	} 
	
#footer #wrap{
	color:#FFF;
	display:block;
	height:210px;
	margin:auto;
	width:1260px;
	}

h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

.catalogue{
    width:88px;
    height:124px;
	}

#button {
    margin-left: 586px;
    width:88px;
    height:124px;
    position: absolute;
}
#two {
    font-size: 20px;
    font-weight: 600;
    background: none repeat scroll 0 0 #4887b2;
    color: #fff;
    text-align: center;
    line-height: 124px;
    width:88px;
    height: 0;
    overflow:hidden;
    left: 0;
    position: absolute;
    top: 0px;
    opacity: 0.8;
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    -ms-transition: all .3s ease; 
    -o-transition: all .3s ease; 
    transition: all .3s ease;
}
#button:hover > #two {
    display:block;
    left:0px;
    height:124px;
}