/* 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: -200px;                                                              

float: left;

}



div#content {

width: 940px;

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: 309px;

float: left;

height: 280px;

position: relative;

}



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 cufon{

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;

}



form{

width: 590px;

padding: 10px 0;

float: left;

background: url(../images/dots.gif) right top repeat-y;

height: 80px;

}



h2{

font-family: Georgia;

color: #ffe400;

font-size: 24px;

margin-bottom: 20px;

}



h2 span{

color: #fff;

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 p{

font-size: 13px;

line-height: 20px;

color: #fff;

float: left;

margin: 0;

}





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;

}