/* 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;
color: #fff;
}

img{
border:0;
}

li{
list-style:none;
}

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:"Open Sans", "Ubuntu Mono";
}

div#content {
width: 940px;
height: 680px;
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: 149px;
float: left;
height: 680px;
position: relative;
margin-top: 50px;
}

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

h1{
margin-bottom: -4px;
}

h3{
font-size: 24px;
color: #333;
float: left;
margin-right: 15px;
padding-top: 5px;
}

.main_box{
float: left;
width: 500px;
#height: 95px;
padding: 25px;
border-left: 1px solid #303030;
}

h2{
font-family:"Open Sans", "Ubuntu Mono";
color: #ef3d23;
font-size: 24px;
margin-bottom: 20px;
margin-top: 20px;
}

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

h3{
font-family:"Open Sans", "Ubuntu Mono";
color: #ef3d23;
font-size: 20px;
margin-bottom: 16px;
margin-top: 16px;
}


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

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

ul li p{
font-size: 13px;
line-height: 15px;
color: #fff;
float: left;
margin: 0;
}

ul li p.social a.tw{
width: 28px;
height: 28px;
background: url(../img/social.png) left top no-repeat;
margin-right: 8px;
float: left;
}

ul li p.social a.fb{
width: 28px;
height: 28px;
background: url(../img/social.png) -36px top no-repeat;
float: left;
margin-right: 8px;
}

ul li p.social a.li{
width: 28px;
height: 28px;
background: url(../img/social.png) -72px top no-repeat;
float: left;
}

ul li p.social a.tw:hover{
width: 28px;
height: 28px;
background: url(../img/social.png) left bottom no-repeat;
float: left;
}

ul li p.social a.fb:hover{
width: 28px;
height: 28px;
background: url(../img/social.png) -36px bottom no-repeat;
float: left;
}

ul li p.social a.li:hover{
width: 28px;
height: 28px;
background: url(../img/social.png) -72px bottom no-repeat;
float: left;
}