html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0; outline: none; outline-style: none; outline-width:0; font: 12px Arial}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { vertical-align: top; }
a { text-decoration: none; }

#main_index, #main_one_step { width: 960px; height: 586px; margin:0px auto; }
#main_index { background: url(../img/bg_index.png) }
#main_one_step { background: url(../img/bg_one_step.png) }
#main_days { width: 960px; height: 760px;  background: url(../img/bg_12_days.jpg); margin:0px auto; }
#main_marketing { width: 960px; height: 760px; margin:0px auto; background: url(../img/bg_marketing.jpg) }
#main_materials { width: 960px; height: 725px; margin:0px auto; background: url(../img/bg_marketing.png) }

#menu { position: relative; top: 40px; width: 830px; margin: 0 auto; }
.sub_logo { width: 240px; text-align: center; vertical-align: bottom; }
#screen_mp { background: url(../img/tv.jpg) no-repeat; width: 275px; height: 156px; text-align: center; vertical-align: middle; }

#menu span { display: inline-block; color: #fff; line-height: 44px; text-align: center; font-weight: bold; text-indent: 2px; margin-left: -3px }
#menu span:hover { cursor: pointer; }

/* Blue/brown menu */
#m_home { background: url(../img/menu/home.png) top center no-repeat; width: 75px; }
#m_home:hover { background: url(../img/menu/home.png) bottom center no-repeat; }

#m_12_days, #m_trainers, #m_vendors, #m_donate  { background: url(../img/menu/12_days.png) top center no-repeat; width: 116px; }
#m_12_days:hover, #m_trainers:hover, #m_vendors:hover, #m_donate:hover { background: url(../img/menu/12_days.png) bottom center no-repeat; }

#m_one_step { background: url(../img/menu/one_step.png) top center no-repeat; width: 176px;  }
#m_one_step:hover { background: url(../img/menu/one_step.png) bottom center no-repeat; }

#m_riding { background: url(../img/menu/riding.png) top center no-repeat; width: 107px;  }
#m_riding:hover { background: url(../img/menu/riding.png) bottom center no-repeat; }

/* Green/red menu */
#d_home { background: url(../img/menu/z_home.png) top center no-repeat; width: 75px; }
#d_home:hover { background: url(../img/menu/z_home.png) bottom center no-repeat; }

#d_12_days, #d_trainers, #d_vendors  { background: url(../img/menu/z_12_days.png) top center no-repeat; width: 116px; }
#d_12_days:hover, #d_trainers:hover, #d_vendors:hover { background: url(../img/menu/z_12_days.png) bottom center no-repeat; }

#d_one_step { background: url(../img/menu/z_one_step.png) top center no-repeat; width: 176px;  }
#d_one_step:hover { background: url(../img/menu/z_one_step.png) bottom center no-repeat; }

#d_riding { background: url(../img/menu/z_riding.png) top center no-repeat; width: 107px;  }
#d_riding:hover { background: url(../img/menu/z_riding.png) bottom center no-repeat; }

#d_donate { background: url(../img/menu/z_donate.png) top center no-repeat; width: 121px; }
#d_donate:hover { background: url(../img/menu/z_donate.png) bottom center no-repeat; }


#register { padding-left: 35px; }
#m_register { background: url(../img/menu/register.png) top center no-repeat; width: 109px; display: block; color: #fff; line-height: 54px; text-align: center; font-weight: bold; text-indent: 2px; margin: 48px auto 0; font-size: 13px  }
#m_register:hover { background: url(../img/menu/register.png) bottom center no-repeat; cursor: pointer; }


#videos td { width: 150px; height: 150px; text-align: center; }
#videos div { background: #fff; text-align: center; color: #888; padding: 5px 0; width: 142px; margin: -2px auto 0; font-weight: bold; font-size: 11px }
#play_btn_1, #play_btn_2, #play_btn_3, #play_btn_4  { position: relative; left: 45px; top: -55px; background: url(../img/play.png); display: inline-block; width: 27px; height: 22px }
#play_btn_1:hover, #play_btn_2:hover, #play_btn_3:hover, #play_btn_4:hover { cursor: pointer; }

#webinar { width: 100%; }
#m_webinar {  background: url(../img/menu/webinar.png) top center; display: block; width: 131px; height: 75px; float: right; margin: -48px 45px 0 0 }
#m_webinar:hover { background: url(../img/menu/webinar.png) bottom center no-repeat; }

#social { width: 910px; margin: -31px auto 0; }
#s_twit, #s_face  { display: inline-block; height: 12px; float: right; }
#s_twit { background: url(../img/twitter.gif); width: 52px }
#s_face { background: url(../img/facebook.gif); width: 60px }

#footer { text-align: center; color: #999; font-size: 11px; margin-top: 20px }
#footer a:link, #footer a:visited { color: #ccc; text-decoration: none; }
#footer a:hover, #footer a:active { color: #000; text-decoration: underline; }

/* One step */
h1 { text-transform: uppercase; width: 100%; text-align: center; font: bold 22px Arial; color: #fff; margin-top: 65px }
#ones_text { padding: 50px 140px 0 }
#ones_buttons { width: 360px; margin: 26px auto 0; }

#ones_register, #ones_marketing, #back_btn { height: 62px; display: inline-block; color: #fff; font: bold 18px Arial; line-height: 62px; text-align: center; }

#ones_register, #back_btn { background: url(../img/ones_register.png) top center no-repeat; width: 120px;  }
#ones_register:hover, #back_btn:hover { background: url(../img/ones_register.png) bottom center no-repeat; cursor: pointer; }

#ones_marketing { background: url(../img/ones_marketing.png) top center no-repeat; width: 211px;  }
#ones_marketing:hover { background: url(../img/ones_marketing.png) bottom center no-repeat; cursor: pointer; }

/* Riding */
#riding_buttons { width: 360px; margin: 41px auto 0; }

#riding_howto { position: relative; top: 10px; width: 200px; margin: 0 0 0 -15px; }
#riding_howto span { display: inline-block; color: #fff; line-height: 44px; text-align: center; font-weight: bold;  }
#riding_howto span:hover { cursor: pointer; }
#riding_partic { background: url(../img/menu/participate.png) top center no-repeat; width: 200px;  }
#riding_partic:hover { background: url(../img/menu/participate.png) bottom center no-repeat; }

/* Trainers */
#trainer_buttons { width: 360px; margin: 56px auto 0; }

/* Vendors */
#vendor_text { padding: 50px 120px 0 }
#vendor_buttons { width: 360px; margin: 16px auto 0; }

/* Donate */
.other { color: #00f; text-decoration: underline; cursor: pointer; font-size: 11px }
.usd { color: #000; text-decoration: none; font: bold 13px Arial }

/* 12 Days */
#days_text { padding: 230px 190px 0 }
#dtd li { line-height: 16px; font-size: 11px; display: block; margin-bottom: 5px }

#days_buttons { width: 360px; margin: 55px 0 0 300px; }
#days_social { width: 910px; margin: -63px auto 0; }

/* Registration */
.reg_title { display: inline-block; width: 150px; height: 22px; text-align: right; padding-right: 15px }
.reg_input { display: inline-block; width: 223px; height: 22px; padding-top: 4px; text-indent: 4px; border: none; background: url(../img/bg_input.png) no-repeat right top; overflow: hidden; margin-bottom: 10px }
.reg_check { display: inline-block; width: 20px; height: 20px; border: none; margin: 0 0 10px 55px  }
.reg_descr { display: inline-block; text-align: left; padding-left: 15px; font-size: 11px; width: 300px; margin-bottom: 5px }

#inq { width: 362px; height: 42px; background: url(../img/bg_inq.png); margin-left: 50px; text-align: center; font-size: 11px }
#reg_buttons { width: 260px; margin: 5px auto 0; }

/* Marketing */
#ones_marketing { background: url(../img/ones_marketing.png) top center no-repeat; width: 211px;  }
#ones_marketing:hover { background: url(../img/ones_marketing.png) bottom center no-repeat; cursor: pointer; }

.market_folder { display: inline-block; height: 160px; width: 169px; text-align: center; background: url(../img/folder.png); }
.market_p { color: #999; font: bold 16px Arial; width: 400px; margin: 10px auto }

#market_text_12 { padding: 210px 120px 0; text-align: center; }
#market_text { padding: 40px 120px 0; text-align: center; }

#market_text_12 span, #market_text span { display: inline-block; padding-top: 100px; font: bold 11px Arial; color: #FEA91C; line-height: 12px }

#mm_days_buttons { width: 260px; margin: 25px auto 0; }
#mm_days_social { width: 910px; margin: -56px auto 0;  }
#mm_riding_buttons { width: 260px; margin: 20px auto 0; }
#mm_social { width: 910px; margin: -46px auto 0; }

#days_marketing { width: 960px; height: 1270px; margin:0px auto; background: url(../img/bg_12_days_m.jpg) }