/* Reset */
* {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html,body{
height: 100%;
}

body{
margin:0;
padding:0;
background:#111;
font-family:'Lato', Helvetica, Arial, sans-serif;
}


div#content {
width: 50%;
height: 280px;
margin: 0 auto;
clear: both;
position: relative;
top: 140px;

}


.logo_box{
width: 50%;
float: left;
border-right: 1px solid #303030;
height: 280px;
position: relative;
}

h1{
padding: 12px 70px 12px 20px;
position: absolute;
right: 0;
text-align:left;
top: 25%;
float: left;
color: white;
letter-spacing: -1px;
font-size: 38px;
}


.main_box{
float: left;
width: 50%;
height: 95px;
padding: 25px;
}


h2{
color: white;
font-size: 24px;
margin-bottom: 20px;
}

h2 span{
color: silver;
font-size: 16px;
line-height: 26px;
font-style: italic;
}

ul.info{
width: 500px;
padding: 0;
margin: 10px 0 0 0;
float: left;
}

ul.info li{
margin-bottom: 20px;
clear: both;
float: left;
}

ul.info li h3{
font-size: 12px;
line-height: 20px;
color: #666;
float: left;
margin: 0;
margin-right: 15px;
}

ul.info li p{
font-size: 16px;
line-height: 20px;
color: #fff;
float: left;
margin: 0;
}


ul.info li a{
font-size: 16px;
line-height: 20px;
color: olive;
float: left;
margin: 0;
text-decoration: none;
}


ul.info li a:hover{ color: yellow}