/* 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%;color: rgb(168, 168, 168);font-weight:normal;/* background: #333; */font-size: 14px;font-weight: 300;font-family: oxygen;line-height: 1.4;}

html,body{
height: 100%;
}

body{margin:0;padding:0;background: #f2f2f2;font-family:"Helvetica Neue",Helvetica, Arial;}

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

a {
    color: #2d2d2d;
    text-decoration: none;
    border-bottom: 1px solid #ffc624;
}

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

/* IE4ever Hack: Hide from IE4 **/position: static;
/** end hack */text-align: center;}

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


.logo_box{width: auto;float: left;border-right: 1px solid #e0e0e0;height: 315px;position: relative;padding-right: 70px;}

.logo_box img {
    max-width: 100%;
    height: auto;
    width: 358px;
    vertical-align: middle;
    margin-top: 64px;
}

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;
}


h3{font-size: 16px;color: #797979;float: left;margin-right: 15px;padding-top: 7px;font-weight: bold;/* background: #e8e5e5; */padding: 5px;display: inline-block;width: 20px;text-align: center;height: 20px;border: 1px solid #e4e1e1;font-weight: 700;border-radius: 100%;line-height: 20px;}

.main_box{float: left;width: 300px;height: 95px;padding: 25px 0 35px 55px;text-align: left;}

form{
width: 590px;
padding: 10px 0;
float: left;
background: url(../images/dots.gif) right top repeat-y;
height: 80px;
}

h2{font-family: oxygen;color: #1b1b1b;font-size: 20px;margin-bottom: 10px;font-weight: bold;letter-spacing: 1px;/* background: #eeeeee; *//* text-align: center; */padding: 0;}

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

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

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

h4 {
	color: #737272;
}

ul.info li p{font-size: 13px;line-height: 16px;color: #424242;float: left;margin: 0;font-family: oxygen;}

ul.info li p.one-line{padding-top: 8px}


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

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

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

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

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

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



.field{
float: left;
background: url(../images/input.png) left top no-repeat;
width: 425px;
height: 21px;
font-size: 14px;
color: #666;
padding: 10px;
border: none;
}

.submit_butt{
float: left;
background: url(../images/input.png) right top no-repeat;
width: 109px;
height: 41px;
border: none;
cursor: pointer;
}

.submit_butt:hover{
background: url(../images/input.png) right bottom no-repeat;
}

.connect{
width: 145px;
padding-left: 20px;
float: left;
padding-top: 20px;
}

.connect img{
margin-right: 5px;
}