html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
select, input, option {outline:none}
a:hover {opacity:0.8}

.container {width:960px; margin:0 auto}
.gutter {margin:0 10px}
.goleft {float:left}
.goright {float:right}
.clear:before,
.clear:after {content:" "; display:table}
.clear:after {clear:both}
.clear {*zoom:1}
.clearfix {clear:both}
em {font-style:italic}
strong {font-style:bold}
.pinkish {color:#f15a40}
.allcaps {text-transform:uppercase}
.margin-0 {margin-bottom:0}
.shadow {box-shadow: 0px 0px 3px #ddd; behavior:url(pie/PIE.htc)}
.cf {clear:both}

body {font:16px/1.5 arial, sans-serif}
header {position:relative; z-index:2}
hgroup {width:940px}
hgroup a.qbma {position:relative; top:70px; left:-120px; text-decoration:none; font-weight:bold; color:#ED1C24}
hgroup a.qbma:hover {text-decoration:underline}
h1 a {background:url(img/branding.png) no-repeat; display:block; width:405px; height:221px; font-size:0; line-height:0}
h1 a:hover {opacity:1.0}
h2 a {background:url(img/qbm.jpg) no-repeat; display:block; width:134px; height:93px; font-size:0; line-height:0}
.main section h3 {font-size:1.5em; color:#ed1c24}
.main section h4 {font-size:1.25em; color:#ed1c24}
select, .main figure, h3, p {margin-bottom:15px}
.main article {padding-left:10px}
#form h3 {color:#fff}

.seminars {width:540px}
.form {width:380px; background:#ed1c24}

.main {position:relative; top:-110px}
.main img {width:940px}
.form {position:relative}
#form {background:#ed1c24; position:absolute; z-index:2; top:-70px; padding:20px 15px 10px}

#form li {width:340px}
input {border:0; width:330px; height:34px; border-radius:10px; padding-left:10px; margin-bottom:15px; behavior:url(pie/PIE.htc)}
input[type="submit"] {background:url(img/book-now.jpg) no-repeat; width:118px; height:34px; cursor:pointer}
.locations a {background:url(img/seminar-location.jpg) no-repeat; display:block; width:350px; height:34px; font-size:0; line-height:0; margin:0 10px 15px 0}
select {width:340px; padding:8px 20px 8px 10px; border-radius:10px; border:1px solid #ED1C24; behavior:url(pie/PIE.htc); -webkit-appearance:none; background:#fff url(img/arrow.png) no-repeat right; color:#a9a9a9}
select option {color:#000}

.success, .form-error {color:#fff}
span.form-error {position:relative; top:-10px}

.fancybox-inner {background:#ED1C24 !important}
#popup {display:none; padding:20px; width:890px}
#popup .location {width:200px; height:350px; text-align:center; color:#fff; float:left; border:1px solid #fff; padding:10px}
.location strong {font-weight:bold}
.location h3 {font-weight:bold; font-size:1.5em; border-bottom:1px solid #fff; text-transform:uppercase; padding-bottom:10px}
.location  h4 {font-weight:bold; font-size:1.25em; margin-top:10px}

@-moz-document url-prefix() { 
 select {background:#fff; padding:8px 10px}
}