/* reset
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
body { margin: 0; padding: 0; }
ul, ol, dl { margin: 0; padding: 0; list-style: none; }
fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }
a { outline: none; }
:focus { -moz-outline-style: none;}
a:active { outline: none; }

/* layout
------------------------------------------- */
body { text-align: center; background: url(../images/bg.gif); font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; color: #262626; line-height: 16px; }
a { color: #002fca; text-decoration: underline; }
h1, h2, h3 { color: #ff7800; }
h1 { margin-bottom: 15px; font-size: 24px;}
h1.dark { color: #333333; font-size: 20px; font-style: italic; line-height: 22px; font-weight: normal; line-height: 25px; margin-bottom: 45px; }
h2, h3 { font-size: 18px; margin-bottom: 15px; }
h4 { color: #262626; margin: 15px 0; }
#wrapper { width: 944px; margin: 40px auto; text-align: left;  }
#header { width: 940px; height: 240px; background: url(../images/header_bg.gif); padding: 0px 2px; position: relative; }
#sticker { background: url(../images/sticker_2.gif) no-repeat; width: 302px; height: 211px; position: absolute; top: 0px; left: 675px; }
.shadow { background: url(../images/shadow.gif) repeat-x; width: 940px; height: 5px; margin-left: 4px; }
.sidebar-shadow { background: url(../images/shadow.gif) repeat-x; width: 295px; height: 5px; margin-left: 4px; }
.content-shadow { background: url(../images/shadow.gif) repeat-x; width: 620px; height: 5px; margin-left: 4px; float: left; }

#content { width: 624px; float: left; }
.content-box { background: url(../images/content_bg.gif) repeat-y; width: 584px; float: left; padding: 22px; margin-top: 20px; }
.content-box-col-1 { width: 400px; float: left;  }
.content-box-col-2 { width: 160px; float: right; }

.content-videolist { width: 140px; padding: 10px; background: #e4e4e4; border: solid 1px #b1b1b1; height: 380px; overflow: auto; text-align: center; }
.content-videolist a { text-decoration: none;  }
.content-videolist a.play-one-movie { display: block; }

.content-small-box { background: url(../images/content_box_bg.gif) repeat-y; width: 304px; margin-top: 20px; }
.content-small-box-wrapper { padding: 20px; }
.content-small-inner { background: url(../images/shadow.gif) repeat-x; width: 300px; height: 5px; margin-left: 4px; margin-bottom: -5px; }

.letter { padding: 20px;  background: #f2f2f2; border-right: solid 1px #dadada; border-bottom: solid 1px #dadada; width: 460px; margin-bottom: 30px; }
.letter p { margin-bottom: 15px; color: #404040; }

.message { font-size: 14px; margin: 30px 0; }

#sidebar { float: right; width: 300px; margin-top: 20px;  }
.sidebar-box { background: #fff url(../images/sidebar_box_bg.gif); width: 260px; padding: 20px; }
.sidebar-box p { color: #404040; line-height: 18px; margin-bottom: 15px; font-size: 14px; }

.sidebar-simple-box { background: #fff url(../images/sidebar_simple_box_bg.gif); width: 260px; padding: 20px; }
.sidebar-simple-box p { color: #404040; line-height: 18px; font-size: 13px; }

.content-box p { margin-bottom: 15px; }

fieldset { display: block; margin: 15px 0; padding: 0px; }
label { width: 180px; display: block; float: left; padding-top: 5px; }
input { background: url(../images/input_bg.gif); width: 171px; padding: 0px 4px; border: none; height: 32px; line-height: 20px; }
input.long { background: url(../images/input_bg_long.gif); width: 349px; padding: 0px 4px; border: none; height: 32px; line-height: 20px; margin: 0px;}
textarea { border: none; background: url(../images/textarea_bg.gif); width: 248px; height: 148px; padding: 5px; }

.signup_btn { text-indent: -9999px; background: url(../images/signup_btn.gif) top left; border: none; width: 173px; height: 40px; float: right; margin-right: 83px; }

.back_btn { display: block; text-indent: -9999px; background: url(../images/back_btn.gif) top left; border: none; width: 256px; height: 40px;  margin-top: 15px;}

.save_btn { text-indent: -9999px; background: url(../images/save_btn.gif) top left; border: none; width: 76px; height: 40px; float: left; margin-left: 180px; }

#footer {  margin-top: 30px; }
#footer a { color: #262626; }
#quote { position: absolute; top: 30px; left: 280px; }
#logo { position: absolute; top: 34px; left: 27px; }

.head-counter { color: #ff7800; font-weight: bold; font-size: 32px; margin-right: 5px;  }
.head-counter-txt { position: absolute; top: 55px; left: 0px; color: #6c4a2f; font-weight: bold; font-size: 22px; line-height: 36px; width: 300px; text-align: center;}
.head-help-btn { position: absolute; top: 140px; left: 45px; }

blockquote {
  font-size: 14px; 
  line-height: 20px;
  font-weight: normal;
  color: #262626;
  width: 370px;
  margin: 5px 0px;
}

blockquote:first-letter {
  background: url(../images/open-quote.gif) no-repeat left top;
  padding-left: 20px;
}
.mr20 {  margin-right: 15px; }
.bigger { font-size: 14px; line-height: 20px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.mb15 { margin-bottom: 15px;}
.error_list { color: red; }

#ajax-loader { margin: 20px auto; display: block; display: none;}

.FB_SERVER_IFRAME {background: #fff;  border: solid 1px #aaa; padding: 5px;}
