/*-----------------------------------------------------------------------------
SCREEN Style Sheet

version:   1.0
author:    Tej Bains
website:   http://www.tejbains.com

-----------------------------------------------------------------------------*/

@import "reset.css";
@import "fonts.css";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{text-decoration:none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }


body { margin: 0; padding: 0; background: url(../imgs/BG.jpg) no-repeat center top #ffffff;}
.wrapper {width:850px; margin:0 auto; clear:both;}

#header .logo a, #main-form .left-cont ul li span, #footer .c-rights .grey-logo, #main-form .m-form form .button {background:url(../imgs/sprites.png) no-repeat;}


#header{width:100%; background:#fff; height:65px; padding:15px 0 0 0;}
#header .logo {width:320px; height:50px; float:left;}
#header .logo a{width:330px; height:50px; float:left; text-indent:-9999em; overflow:hidden;}
#header .m-benefits-logo {width:160px; height:27px; float:right;}
#header .m-benefits-logo a{width:160px; height:70px; margin-top: -10px; float:left; background:url(../imgs/nysut-new.jpg) no-repeat right; text-indent:-9999em; overflow:hidden;}
#tag-line {height:315px;}
#tag-line h1{color:#ffffff;float:right; text-align:right; font:800 52px/52px 'Open Sans', arial, sans-serif; text-transform:uppercase; letter-spacing:-0.05em; padding:50px 0 0 0;}

#main {width:850px; margin:0 auto; clear:both; background:#fff;}
#main-top {padding:65px 65px 40px 65px; float:left;}
#main-top .info {width:320px; float:left;}
#main-top .info h2 {font:400 23px/30px 'Open Sans', Arial, sans-serif; color:#a32121; letter-spacing:-0.03em;}
#main-top .map { width:390px; height:222px; float:right; background:url(../imgs/map.png) no-repeat top right;}
#main-top .map h4 {margin:105px 0 0 25px; width:140px; font:600 16px/24px 'Open Sans',Arial, sans-serif; color:#a32121; letter-spacing:-0.02em;}
#main-top .map p {margin:0 0 0 25px; width:130px; font:11px/14px 'Open Sans',Arial, sans-serif; color:#555555;}

#main-form {clear:both; float:left; width:720px; background:url(../imgs/form-bg.gif) repeat-x bottom #d05748; padding:40px 65px 30px;}
#main-form .left-cont {width:310px; height:100%; float:left; clear:both;}
#main-form .left-cont h3 {height:40px;width:100%; font:700 28px/21px 'Open Sans',arial, sans-serif; color:#ffffff; letter-spacing:-0.04em;}
#main-form .left-cont h3.btm {float:left;width:100%; height:55px; font:bold 18px/20px 'Open Sans',arial, sans-serif; color:#ffffff; letter-spacing:-0.03em; text-align:center; margin:0 auto; background:url(../imgs/arw.png) no-repeat 260px 26px;}

#main-form .left-cont ul{width:100%; float:left; margin:0 0 20px;}
#main-form .left-cont ul li{width:145px; float:left; margin:0 10px 0px 0; font:600 10px/15px 'Open Sans',Arial, sans-serif; color:#ffffff; letter-spacing:-0.01em;}
#main-form .left-cont ul li span {width:12px; height:39px; float:left; margin:5px 5px 0 0; background-position:-30px -100px;}

#main-form .left-cont p{width:100%; font:italic 10px/14px 'Open Sans',arial, sans-serif; color:#ffffff; opacity:0.8; padding:0 0 10px; text-align:center;}

#main-form .right-cont {width:340px; float:right; }
#main-form .right-cont h3 {font:700 36px/21px 'Open Sans',Arial, sans-serif; text-transform:uppercase; color:#ffffff; letter-spacing:-0.04em;}
#main-form .right-cont h4 {font:bold 18px/36px 'Open Sans',Arial, sans-serif; color:#ffffff; letter-spacing:-0.03em; margin:40px 0 0 0;}
#main-form .right-cont h5 {font:bold 18px/22px 'Open Sans',Arial, sans-serif; color:#ffffff; letter-spacing:-0.03em; margin:40px 0 20px 0;}
#main-form .right-cont .form-title .byline {font:700 14px/22px 'Open Sans',Arial, sans-serif; color:#ffffff; letter-spacing:-0.03em; margin:0px 0 0 0;}
#main-form .right-cont .form-title p {font:600 12px/16px 'Open Sans',Arial, sans-serif; color:#ffffff; letter-spacing:-0.03em; margin:0px 0 0 0;}
#main-form .right-cont .form-title .byline .number{text-decoration:underline;}
#main-form .sepline {position:absolute; margin:0 0 0 337px; width:2px; height:420px; float:left;background:url(../imgs/sep-line.png);}

#main-form .m-form {width:100%; padding:40px 0; }
#main-form .m-form form fieldset{width:100%; float:left;}
#main-form .m-form form {width:100%; height:100%; font:13px/18px Arial, Helvetica, Sans-serif; color:#777777;}
#main-form .m-form form input {color:#acacac; width:310px; height: 24px; border: 5px solid #ffffff; padding:5px 10px 5px 10px; margin:0 0 10px; -moz-box-shadow: inset 1px 1px 8px #acacac; -webkit-box-shadow: inset 1px 1px 8px #acacac;box-shadow :inset 2px 3px 8px #cccccc;}
#main-form .m-form form input.fname, #main-form .m-form form input.lname  {width:135px; float:left;}
#main-form .m-form form input.lname {float:right !important;}
#main-form .m-form form input.pnumber{width:135px; margin:0 5px 10px 0;}
#main-form .m-form form input.zip {width:70px;}

#main-form .m-form form .btn {width:184px; height:51px; margin:10px 0 0; clear:both;}
#main-form .m-form form .button {width:142px; height:47px; margin:10px 0 0 0; text-indent:-9999em; background-position:-60px -100px; border:none !important; cursor:pointer;-webkit-box-shadow:none; -webkit-box-shadow:none; box-shadow :none;}
#main-form .m-form form .button:hover {opacity:1; background-position:-202px -100px}


#main-btm {clear:both; height:70px; padding:35px 65px;}
#main-btm h4 {width:50%; color:#333; font:500 26px/31px 'Open Sans',arial, sans-serif; letter-spacing:-0.04em;}
#main-btm h4.left {float:left; clear:both;}
#main-btm h4.right {float:right; font:700 44px/50px 'Open Sans',arial, sans-serif; text-align:center;}
#main-btm p {float:right; width:50%;font:14px/10px 'Open Sans',arial, sans-serif; text-align:center; color:#999999;}




#footer {width:720px; height:100px; padding:45px 65px; clear:both; background:#ffffff; margin:30px auto 40px;}
#footer p { float:left; width:400px; clear:both; font:12px/18px 'Open Sans',arial, sans-serif; color:#777;}
#footer .c-rights {width:270px; float:right;}
#footer .c-rights .grey-logo {width:130px; height:30px; background-position:0px -50px; margin:0 auto 10px;}
#footer .c-rights p{width:270px; font:10px/14px 'Open Sans',arial, sans-serif; text-align:center;}