/* Reset */

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:#000;
font-family:"Helvetica Neue",Helvetica, Arial;
}



div#shim{
visibility: hidden;
width: 100%;
height: 50%;                                                                     
margin-top: -140px;                                                              
float: left;
}

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

/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */


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

h1{
padding: 12px 50px 12px 50px;
position: absolute;
right: 0;
text-align:left;
top: 25%;
float: left;
color: #fff;
letter-spacing: -1px;
font-size: 36px;
font-family: 'Muli', sans-serif;
}

.main_box{
width: 400x;
height: 280px;
padding: 25px;
margin-top: 25px;
float: left;
}


h3{
font-size: 20px;
font-family: 'Muli', sans-serif;
color: #fff;
top: 25%;
clear: both;
margin-right: 15px;
margin-bottom: 0px;
margin-top: 15px;
}



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

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

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

ul.info li p a:link{
text-decoration: none;
font-color: fff;
}

ul.info li p a:visited {
text-decoration: none;
font-color: fff;
}

ul.info li p a:hover{
text-decoration: underline;
color: ffff00;
}

ul.info li p a:active{
text-decoration: none;
color: ffff00;
}