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

#main{width:100%; top:0px; left:0px; right:0px; bottom:0px; position:absolute; background:#222222; margin-right: auto;
margin-left: auto;overflow: hidden;
}
#office {
width: 100%;
	height:1200px;
float: left;
background-image:url("../images/office.jpg");
	background-size: cover;
	background-position: right;
	position:absolute; 
    filter: blur(2px) grayscale(0.45) brightness(60%);
	  -webkit-filter: blur(2px) grayscale(0.45) brightness(60%); /* Safari 6.0 - 9.0 */
}

#office:hover{
   filter: blur(0px) grayscale(00) brightness(100%);
	 -webkit-filter: blur(0px) grayscale(0) brightness(100%); /* Safari 6.0 - 9.0 */
	  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#retail {
width: 100%;
	height:1200px;
float: right;
	background-image:url("../images/retail.jpg");
	background-size: cover;
	background-position: center;
	right:-50%;
	position:absolute;
    filter: blur(2px) grayscale(0.45) brightness(60%);
	  -webkit-filter: blur(2px) grayscale(0.45) brightness(60%); /* Safari 6.0 - 9.0 */
}
#retail:hover{
   filter: blur(0px) grayscale(00) brightness(100%);
	 -webkit-filter: blur(0px) grayscale(0) brightness(100%); /* Safari 6.0 - 9.0 */
	  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.middleline{height:100%; width:1px; border-right:1px dotted rgba(255,255,255,0.4); position:absolute; left:0px;  margin-left:auto; margin-right:auto;right:3px;}


.biglogo{
  width:500px;
  height:252px;
	background:url("../images/gateway logo.png");
	background-repeat: no-repeat;
  position:absolute;
	top:35%;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	right:0px;
}


.office_text{
	font-family: 'Montserrat', sans-serif; font-weight:800; color:white; font-size:45px;
	position:absolute; left:4%; top:15%; width:450px;text-align:left; text-transform:lowercase; line-height:47px;
}

.office_text_s{
	font-family: 'Montserrat', sans-serif; font-weight:700; color:white; font-size:15px; margin-bottom:-10px;width:450px;text-align:left; text-transform:uppercase; letter-spacing:2px;
}

.office_text_s2{
	font-family: 'Montserrat', sans-serif; font-weight:400; color:white; font-size:15px; margin-bottom:-10px;width:450px;text-align:left; text-transform:lowercase; 
}

.middletext{
	font-family: 'Montserrat', sans-serif; font-weight:800; color:#d5643b; font-size:17px; width:550px;text-align:center; text-transform:uppercase; letter-spacing:3px; position: absolute; margin-left:auto; margin-right:auto; left:0px; right:0px; top:280px;text-shadow: 1px 0 3px rgba(0,0,0,0.75);margin-left:-9px;
}

.office_bar{
width:50px;height:4px;background-color:#d5643b; margin-top:15px;position:absolute;
}



.retail_text{
	font-family: 'Montserrat', sans-serif; font-weight:800; color:white; font-size:45px;
	position:absolute; right:4%; top:15%; width:450px;text-align:right; text-transform:lowercase; line-height:47px;
}

.retail_text_s{
	font-family: 'Montserrat', sans-serif; font-weight:700; color:white; font-size:15px; margin-bottom:-10px;width:450px;text-align:right; text-transform:uppercase; letter-spacing:2px;
}

.retail_text_s2{
	font-family: 'Montserrat', sans-serif; font-weight:400; color:white; font-size:15px; margin-bottom:-10px;width:450px;text-align:right; text-transform:lowercase; 
}

.retail_bar{
width:50px;height:4px;background-color:#790101; margin-top:15px;right:0px;text-align:right; position:absolute;
}