/* RESET */
@import url('reset.css');

body {background:url(../images/bg.jpg) 0 0 repeat; font-family:"Open Sans", "Helvetica", sans-serif; -webkit-font-smoothing:antialiased;}

header {width:100%; height:400px; background:url(../images/bg-header.jpg) 0 0 repeat-x;}
header .header-content {width:720px; margin:0px auto; padding:17px 20px 0px;}

header .header-content a.home {display:block; height:21px; float:right; padding:4px 33px 0px 0px; margin:17px 12px 0px 0px; background:url(../images/bg-home.png) top right no-repeat; text-decoration:none; font-weight:600; font-size:13px; color:#6d8cc2;}
header .header-content h1 a {display:block; float:left; width:107px; height:61px; background:url(../images/dis-logo.png) 0 0 no-repeat; margin:0px 10px 0px 0px;}
header .header-content h2 {color:#fff; font-size:20px; margin:9px 0px 6px 0px; font-weight:600; letter-spacing:-0.04em; text-shadow:0px 1px 0px #253f77;}
header .header-content h3 {font-size:12px; font-weight:600; color:#6d8cc2; text-shadow:0px 1px 0px #253f77;}
header .header-content h3 a {font-weight:700; text-decoration:none; color:#96b0de;}
header .header-content h3 a:hover {text-decoration:underline;}

header .header-content form {display:block; float:left; width:295px; margin:50px 0px 0px 0px; padding:0px 0px 0px 5px;}
header .header-content form h3 {font-size:16px; color:#ffd800; margin:0px 0px 8px 0px; font-weight:600; text-shadow:0px 2px 0px #253f77;}
header .header-content form p {font-size:13px; line-height:18px; color:#fff; font-weight:600; margin:0px 0px 30px 0px; text-shadow:0px 2px 0px #253f77;}
header .header-content form p.terms {font-size:12px; color:#6d8cc2; margin:20px 0px 0px 0px;}
header .header-content form p.terms a {color:#6d8cc2;}

header .header-content form input[type=text] {width:265px; height:40px; border:none !important; background:#fff; border-radius:3px; outline:none; padding:0px 15px; font-family:"Open Sans", "Helvetica", sans-serif; font-size:14px; font-weight:600; 
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);}

#browser {float:right; margin:30px 0px 0px 0px;}
#submit {display:block; width:280px; height:28px; border:none; text-decoration:none; color:#fff; font-size:16px; font-weight:600; padding:12px 0px 0px 15px; margin:10px 0px 0px 0px; background:-moz-linear-gradient(top, #fdd90a 0%, #ffc801);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdd90a), to(#ffc801));
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 0px solid #ffbf00;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.4);
	text-shadow:0px 2px 0px #deb203;}

#main-content {display:block; width:720px; margin:0px auto 50px;}

#main-content .promo .pic-1 {border:1px solid #dbdbdb; padding:5px; background:#fff; position:absolute; top:425px; z-index:9;
	transform:rotate(-7deg);
	-ms-transform:rotate(-7deg); /* IE 9 */
	-moz-transform:rotate(-7deg); /* Firefox */
	-webkit-transform:rotate(-7deg); /* Safari and Chrome */
	-o-transform:rotate(-7deg); /* Opera */}
#main-content .promo .pic-2 {border:1px solid #dbdbdb; padding:5px; margin:0px 0px 0px 75px; background:#fff; position:absolute; top:455px; z-index:8;
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-moz-transform:rotate(3deg); /* Firefox */
	-webkit-transform:rotate(3deg); /* Safari and Chrome */
	-o-transform:rotate(3deg); /* Opera */}
#main-content .promo .pic-3 {position:absolute; top:510px; z-index:10; margin:20px 0px 0px 35px;} 
#main-content .promo h3 {padding:0px 0px 0px 320px; margin:15px 0px 10px 0px; color:#253f76; text-shadow:0px 1px 2px #999; font-weight:700;}
#main-content .promo p {padding:0px 0px 0px 320px; font-size:12px; line-height:18px; color:#777; font-weight:600; margin:0px 0px 30px 0px; text-shadow:0px 1px 0px #ddd;}


#main-content .social-container {display:block; width:720px; margin:20px auto 0px; padding:25px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#main-content .social-container h3 {text-align:center; color:#6d8cc2; text-shadow:0px 1px 2px #999; font-weight:600;}
#main-content .social-container h3 strong {font-weight:700; color:#31539a;}
#main-content .social-container ul.social {text-align:center; margin:20px 0px 10px;}
#main-content .social-container ul.social li {display:inline-block; margin:0px auto; padding:0px 5px;}
#main-content .social-container ul.social li a {text-decoration:none; background:#ccc; color:#fff; padding:4px 14px; border-radius:3px; font-size:14px; font-weight:600; text-shadow:0px 1px 0px #bbb;}
#main-content .social-container ul.social li a:hover {background:-moz-linear-gradient(top, #fdd90a 0%, #ffc801);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdd90a), to(#ffc801));
  text-shadow:0px 1px 0px #deb203;}


/* GLOBAL CLASSES */
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

.floatleft {float:left;}
.floatright {float:right;}

.inline {display:inline;}
.inline-block {display:inline-block;}

.imgtxt {display:block; height:0px; text-indent:-9999px; line-height:0px;}