/*** Import Fonts ***/
@font-face { 
  font-family: "EasSansBook";  
  /* src: url( /location/of/font/FontFileName.eot ); IE */  
  src: local("Eau Sans Book"), url( ../fonts/files/eau_sans_book.otf ) format("opentype"); /* non-IE */  
}  
@font-face { 
  font-family: "EasSansBookBold";  
  /* src: url( /location/of/font/FontFileName.eot ); IE */  
  src: local("Eau Sans Bold"), url( ../fonts/files/eau_sans_bold.otf ) format("opentype"); /* non-IE */  
}   
@font-face { 
  font-family: "EasSansBookOblique";  
  /* src: url( /location/of/font/FontFileName.eot ); IE */  
  src: local("Eau Sans Book Oblique"), url( ../fonts/files/eau_sans_book_obl.otf ) format("opentype"); /* non-IE */  
}  

/*** Base Elements ***/
html,body{ width:100%;height:100%; margin:0 auto; padding:0; }
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; width:100%; color:#666666; letter-spacing:normal; }
ul,li { margin-left:10px; padding-left:0px; }
form { margin:0; }
input, textarea { font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#666666; }
/*input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
h1 { font-size:20px; font-weight:normal; letter-spacing:0; margin:0 0 0 10px; color:#fff; font-family:"EasSansBook", Arial, Verdana, Helvetica, sans-serif; }
h1 span.h1_second { display:inline-block; color:#999; }
h2 { color:#fff; font-family:"EasSansBook", Arial, Verdana, Helvetica, sans-serif; }
h3 { font-size:16px; font-weight:normal; letter-spacing:0; margin:0 0 5px 0; color:#333;}
h1 span, h2 span { display:none;  }
a span { display:none; }
hr { color: #b9b7b7; background-color: #b9b7b7; height: 3px; border:none; }
a:active, a:visited, a:focus { outline:none; }
a img { border:none; }

/*** Containers ***/
#container { margin:0 auto; width:100%; z-index:1; position:relative; }
#top_container { z-index:1; width:742px; height:178px; display:block; margin:0 auto; padding:20px 0 0 0;  position:relative; background:url(../images/top.jpg) no-repeat bottom center; }
#nav_container { width:742px; height:64px;  display:inline-block; text-align:center; margin:0 auto 0 auto;  }
#footer_container { margin:0 auto 0 auto; height:67px; width:100%; background:url(../images/footer.jpg) no-repeat bottom center; }
#content_container { width:100%; background:url(../images/bg.jpg) repeat-y top center;  }
.calendar { z-index:999; }

/*** top ***/
#top_links { font-size:10px; color:#939393; line-height:10px; float:right; margin:0 35px 0 0; }
#top_links a { font-size:9px; text-decoration:none; color:#939393; margin:0 10px; line-height:10px; text-transform:uppercase; }
#top_links a:hover { text-decoration:underline; color:#fff; }
#top_logo a { position:absolute; right:40px; top:80px; width:140px; height:50px; display:block; }
#top_company_image { position:absolute; width:742px; height:133px; left:0; top:33px; display:inline-block; background-position:center; background-repeat:no-repeat; overflow:hidden; margin:0 0 0 0; }
#top_company_image a { display:block; width:100%; height:100%; }


/*** footer ***/
#footer {  width:742px;  margin:0 auto; text-align:center; display:inline-block; }
#footer_bottom { margin:25px auto 0 auto; font-size:11px; color:#999999; }
#footer_copy { padding:0 5px 0 0; }
#footer_links { font-size:12px; color:#999999; line-height:12px; }
#footer_links a { font-size:11px; text-decoration:none; color:#fff; margin:0 5px; line-height:12px; }
#footer_links a:hover { text-decoration:underline; }


/*** content ***/
#content { width:708px; margin:0 auto;  min-height:300px; text-align:left; display:inline-block; position:relative; }
#content_inner { margin:0 10px; text-align:left; }


/*** box ***/
.box {  width:100%; margin:0; background:#2e2e2e url(../images/box_top_middle.jpg) repeat-x top; position:relative; }
.box_clean { background-image:none; }
.box_top { background:url(../images/box_top_left.jpg) no-repeat top left; width:100%; height:35px; margin:0; }
.box_top h2 { background:url(../images/box_top_right.jpg) no-repeat top right; width:100%; height:35px; margin:0; font-size:13px; font-weight:normal; }
.box_top h2 span { display:inline-block; margin:11px 0 0 15px; }
.box_bottom { background:url(../images/box_bottom_left.jpg) no-repeat bottom left; width:100%; height:12px; margin:0; }
.box_bottom_inner { background:url(../images/box_bottom_right.jpg) no-repeat bottom right; width:100%; height:12px; margin:0; }
.box_middle { display:inline-block; width:100%; }
.box_middle_inner { margin:10px 20px 0 20px; width:100%; display:inline-block; }
.box_dots { width:100%; margin:0; background:url(../images/box_dots.jpg) repeat-x top; height:2px; }
.box_top_clean { background:url(../images/box_top_clean_left.jpg) no-repeat top left; width:100%; margin:0; min-height:15px; }
.box_top_clean_inner { background:url(../images/box_top_clean_right.jpg) no-repeat top right; width:100%; margin:0; min-height:15px; }
.box_clean h1 { font-size:19px; font-weight:bold; display:inline-block; margin:10px 0 0 15px; width:100%; color:#fff; font-family:Arial, Helvetica, sans-serif;  }
.box_clean h2 { font-size:14px; font-weight:bold; display:inline-block; margin:0 0 10px 0; padding:0; width:100%; color:#fff; font-family:Arial, Helvetica, sans-serif;  }
.box_clean h3 { font-size:10px; font-weight:normal; display:inline-block; margin:0 0 10px 15px; width:100%; color:#999; font-family:Arial, Helvetica, sans-serif; }
.box_clean .box_middle { display:inline-block; width:95%; }


/*** buttons ***/
.btn { background:url(../images/btn_left.png) no-repeat 0 0; height:20px; margin:0; padding:0 10px 0 0; }
.btn a { text-transform:uppercase; display:block; width:100%; height:100%; text-decoration:none; padding:0 0 0 10px; font-weight:normal; color:#fff; font-size:8px; line-height:20px; background:url(../images/btn_right.png) no-repeat top right; }
.btn a span { background:url(../images/btn_arrow.png) no-repeat 0 0; width:10px; height:7px; display:inline-block; margin:0 0 0 5px; }
.btn:hover { background:url(../images/btn_left_over.png) no-repeat 0 0; height:20px; margin:0; }
.btn a:hover { background:url(../images/btn_right_over.png) no-repeat top right; height:20px; margin:0; }


/*** message ***/
#message_container { position:absolute; width:511px; height:1px; top:-6px; left:416px; z-index:999; visibility:hidden;  }
#message { background:url(../images/message.png) no-repeat 0 0; width:511px; height:109px; position:relative;  }
#message h1 { color:#4b4a4a; font-size:14px; padding:20px 20px 10px 20px; margin:0; }
#message p { font-size:11px; color:#666; padding:0 20px; margin:0; }
#message a { color:#ea0202; text-decoration:none; }
#message a:hover { color:#ea0202; text-decoration:underline; }
#message_close { position:absolute; top:24px; right:18px; width:12px; height:12px; }
#message_close a { display:block; width:100%; height:100%; }


/*** home ***/
#home_tour_stats { margin:20px 0 0 0; }
.home_stat_group { display:inline-block; float:left; margin:5px 0 5px 10px; }
.home_stat_label { display:inline-block; width:125px; text-align:right; float:left; color:#fff; font-size:11px; font-weight:bold; }
.home_stat_data { display:inline-block; width:180px; float:left; margin:0 0 0 15px; }
.stat { height:30px; background:#141414; padding:2px; display:inline-block; width:auto; }
.stat span { width:22px; height:28px; background:url(../images/stat_bg.jpg) no-repeat 0 0; display:block; float:left; padding:2px 0 0 0; margin:1px; line-height:28px; text-align:center; font-size:27px; color:#8d0c0c; font-weight:bold; }
#home_tour_stats .btn { position:absolute; right:7px; top:7px; }
.sampling_goals { background:url(../images/sampling_goals.png) no-repeat 0 1px; margin-left:15px; }
.sampling_goals .home_stat_group { margin-left:0; }
.sampling_goals .home_stat_data { width:175px; }
.sampling_goals .home_stat_group_2 { margin-left:0; }
.sampling_goals .home_stat_label { margin-top:3px; width:140px; }
.sampling_goals_over .stat span { color:#5c8e25; }
.stat span.stat_zero { color:#666; }

#home_bottom { display:inline-block; margin:20px 0 0 0; }
#home_col_1 { float:left; width:334px; }
#home_col_2 { float:left; width:334px; margin:0 0 0 20px; }

.home_tour { margin:0 0 20px 0; }
.home_tour .box_top h2 span { width:240px; overflow:hidden; height:13px; }
.home_tour .box_middle {  }
.home_tour .btn { position:absolute; right:7px; top:7px; width:80px; }
.home_tour_profile { display:inline-block; margin:10px 0 10px 0; }
.home_tour_pic { width:118px; height:118px; overflow:hidden; float:left;  }
.home_tour_copy { width:174px; float:left; margin:0 0 0 15px; }
.home_tour_title, .home_tour_title a { margin:0 0 10px 0; color:#fff; font-size:12px; text-decoration:none; font-weight:bold; }
.home_tour_title a:hover { text-decoration:underline; }
.home_tour_desc { color:#999; font-size:11px; }

#tab_cal { width:77px; height:23px;  display:inline-block; position:absolute; right:180px; top:12px; }
#tab_cal a { width:100%; height:100%; background:url(../images/home_tab_cal.png) no-repeat 0 0; display:block;  }
#tab_cal a:hover { width:100%; height:100%; background:url(../images/home_tab_cal.png) no-repeat 0 -23px;  }
#tab_cal a.selected { width:100%; height:100%; background:url(../images/home_tab_cal.png) no-repeat 0 -46px;  }
#tab_map { width:54px; height:23px;  display:inline-block; position:absolute; right:123px; top:12px; }
#tab_map a { width:100%; height:100%; background:url(../images/home_tab_map.png) no-repeat 0 0; display:block;  }
#tab_map a:hover { width:100%; height:100%; background:url(../images/home_tab_map.png) no-repeat 0 -23px;  }
#tab_map a.selected { width:100%; height:100%; background:url(../images/home_tab_map.png) no-repeat 0 -46px;  }
#cal { margin:5px 0 0 -9px; width:282px; height:260px; padding:10px 14px; background:#141414; }
#map { margin:5px 0 0 -9px; width:312px; height:260px; background:#141414; position:absolute; top:40px; }
#map_inner { margin:16px 2px; width:308px; height:198px; background:url(../images/map.png) no-repeat 0 0; position:relative; }
.map_dot { position:absolute; top:0; left:0; width:6px; height:6px; display:inline-block; text-align:left; cursor:pointer; }
.map_dot_red { background:url(../images/cal_dot_red.png) no-repeat 0 0;  }
.map_dot_blue { background:url(../images/cal_dot_blue.png) no-repeat 0 0; }
.map_dot_green { background:url(../images/cal_dot_green.png) no-repeat 0 0; }
.map_dot_orange { background:url(../images/cal_dot_orange.png) no-repeat 0 0; }
.map_dot_purple { background:url(../images/cal_dot_purple.png) no-repeat 0 0; }
.map_dot_yellow { background:url(../images/cal_dot_yellow.png) no-repeat 0 0; }
#cal_dropdown { cursor:pointer; width:100px; height:20px; background:url(../images/cal_dropdown.png) no-repeat 0 0; display:inline-block; position:absolute; right:7px; top:7px; z-index:999; }
#cal_selected { line-height:20px; font-size:9px; color:#fff; overflow:hidden; width:80px; height:20px;  padding:0 0 0 10px; }
#cal_options { width:100px; display:none; position:absolute; margin:-1px 0 0 1px; }
.cal_option { cursor:pointer; width:98px; height:18px; overflow:hidden; background:url(../images/cal_option.png) no-repeat 0 0; display:inline-block; line-height:18px; padding:0 0 0 10px; font-size:9px; color:#fff }
.cal_option:hover { background:url(../images/cal_option.png) no-repeat 0 -18px; }

#home_recent_events { margin:20px 0 0 0; }
.home_recent_event { display:inline-block; width:100%; margin:0 0 10px 0;   }
.home_recent_event_last { margin-bottom:0; }
.home_recent_event_date { float:left; color:#999; font-size:11px; width:80px; }
.home_recent_event_title { float:left; color:#fff; font-size:11px; width:200px; padding:0 20px 0 0; background:url(../images/btn_arrow.png) no-repeat center right; }
.home_recent_event_title a { color:#fff; text-decoration:none; }
.home_recent_event_title a:hover { color:#fff; text-decoration:underline; }


/*** Events ***/
#event_col_1 { float:left; width:458px; }
#event_col_2 { float:left; width:210px; margin:0 0 0 15px; }
#event_col_1 .box_middle_inner { color:#fff; }}
#event_col_1 .box_middle_inner a { color:#999999; text-decoration:none; }
#event_col_1 .box_middle_inner a:hover { color:#999999; text-decoration:underline; }
#event_callout { float:right; width:140px; background:#232323; font-size:10px; padding:7px 0; margin:0 10px 10px 10px; color:#fff; }
#event_callout p { margin:5px 0 0 0; padding:0 7px;  }
#event_callout_top { font-size:9px; color:#999; margin:0 0 5px 0; padding:0 7px; }
.event_callout_label { color:#999; }

.qa { font-size:11px; display:inline-block; margin:0 0 5px 0; width:100%; }
.question { color:#999; font-weight:bold; cursor:pointer; padding:0 0 0 15px; background:url(../images/qa_toggle.jpg) no-repeat 3px center; }
.question:hover, .question_on  { color:#fff; font-weight:bold; text-decoration:underline; }
.question_on { background:url(../images/qa_toggle_on.jpg) no-repeat center left; }
.answer { color:#fff; font-style:italic; padding:0 0 5px 15px; }

#event_tour_stats { margin:15px 0 0 0; }
.event_stat_group { display:inline-block; float:left; margin:5px 0 5px 0; }
.event_stat_label { display:inline-block; width:120px; text-align:right; float:left; color:#fff; font-size:9px; font-weight:bold; }
.event_stat_data { display:inline-block; width:95px; float:left; margin:0 0 0 5px; }
#event_tour_stats .stat { height:20px; background:#141414; padding:0; display:inline-block; width:auto; }
#event_tour_stats .stat span { width:15px; height:20px; background:url(../images/stat_bg.jpg) no-repeat 0 0; display:inline-block; padding:1px 0 0 0; margin:0; line-height:20px; text-align:center; font-size:14px; color:#8d0c0c; font-weight:bold; }
#event_tour_stats .stat span.stat_zero { color:#666; }
#event_tour_stats .btn { position:absolute; right:7px; top:7px; }
#event_tour_stats .box_middle_inner { margin:10px 10px 10px 10px; width:100%; display:inline-block; }

#event_pagination { margin:0 0 15px 0; }
#btn_prev { width:78px; float:left; margin:0 0 2px 10px; }
#btn_next { width:78px; float:right; margin:0 0 2px 0; }
#btn_prev .btn a { padding:0 5px 0 5px; }
#btn_prev .btn a span { background:url(../images/btn_arrow_left.png) no-repeat 0 0; width:10px; height:7px; display:inline-block; margin:0 5px 0 0; }

#event_media { margin:0 0 15px 0; }
#event_media .btn { position:absolute; right:9px; top:7px; width:68px; }
#event_media .btn a span { background-position:right top; width:25px; }
#event_media .box_middle { background:#141414; padding:10px 0 5px 10px; width:185px; margin:10px 0 0 7px; }
.event_media_thumb { width:55px; height:55px; margin:0 5px 5px 0; float:left; overflow:hidden; background: no-repeat 50% 25%; position:relative;  }
.event_media_thumb a { width:100%; height:100%; display:block;  }
.event_media_thumb img { margin:auto; text-align:center; display:block; }
.event_media_thumb_video_overlay { display:inline-block; position:absolute; width:55px; height:55px; background:url(../images/btn_play_video.png) no-repeat 0 0; left:50%; top:50%; margin:-7px 0 0 -7px; }

#event_cal { margin:0 0 15px 0; }
#event_cal .box_middle { background:#141414; padding:5px 0 5px 5px; width:190px; margin:10px 0 0 7px; }
#event_cal #cal { margin:0; width:165px; padding:0; height:218px; }
#event_cal .mooECal { width:185px;  }
#event_cal .mooECal .liHeaderCal{ margin:3px 0 0 25px; } /* date range of current view */
#event_cal .monthDay,.weekDay,.dayDay{ width:31px; height:27px; padding-bottom:0;  }
#event_cal .mooECal td span { padding:0 2px 0 0; margin-left:3px; }
#event_cal .mooECal tr.dowRow th { padding-bottom:2px; }
#event_cal .mooECal td div { margin:0 0 0 1px; padding: 0; }
#event_cal .mooECal td div span { margin:0 0 0 0; padding: 0 1px 0 2px; }


/*** Login ***/
body.login #content_container { }
#box_login { width:270px; margin:20px auto 0 auto; }
body.login #content { min-height:0; margin-bottom:20px; }
.contact_line { display:inline-block; width:100%; margin:5px 0 5px 0; font-size:13px; }
.contact_label { float:left; width:70px; color:#fff; }
.contact_data { float:left; width:150px; margin:0 0 0 5px; }
.contact_data input { width:143px; border:#868686 solid 1px; background:#ccc; color:#666; padding-left:5px; }
.contact_button { display:inline-block; width:225px; margin:10px 0 0 0; }
.contact_button .forgot_pass { width:155px; float:left; color:#fff; font-size:11px; }
.contact_button .forgot_pass a { color:#fff; text-decoration:none; }
.contact_button .forgot_pass a:hover { color:#fff; text-decoration:underline; }
.contact_button .btn { width:52px; float:left; margin:0 0 0 8px; }
#message_window { width:90%; }
#message_window h3 { color:#999; font-size:13px; font-weight:normal; }


/*** Event Media ***/
#project_container_inner { padding:0; width:450px; height:360px; overflow:hidden; }
#project_back { z-index:1000; position:absolute;  background:url(../images/project_back.png) no-repeat 0 0; left:0; width:65px; height:111px; display:inline-block; cursor:pointer; margin:114px 0 0 0; }
#project_back:hover { background:url(../images/project_back.png) no-repeat 0 -111px; width:65px; height:111px; }
#project_forward { z-index:1000; position:absolute; background:url(../images/project_forward.png) no-repeat 0 0; right:0; width:65px; height:111px; display:inline-block; cursor:pointer;  margin:114px 0 0 0; }
#project_forward:hover { background:url(../images/project_forward.png) no-repeat 0 -111px; width:65px; height:111px; }
#project_viewer { display:inline-block; position:relative; width:450px; height:360px; margin:0 0 0 0; }
#project_viewer_content { width:450px; height:360px; overflow:hidden; z-index:1; position:absolute; left:0; }
#project_viewer_content_inner a { text-decoration:none; color:#a7a7a7; }
#project_viewer_content_inner a:hover { text-decoration:none; color:#fff; }
#project_viewer_content_inner { width:auto; height:360px;   }
#project_viewer_content_inner .viewer_item { width:450px; height:360px; overflow:hidden; float:left; position:relative; }
#project_viewer_content_inner .viewer_content { text-align:center;  margin:10px 0 0 0;  }
#project_viewer_content_inner .viewer_page { width:200px; height:30px; position:absolute; left:0; z-index:1000; top:700px; color:#a2a1a1; font-size:15px; }
#project_viewer_content_inner .viewer_title { width:400px; text-align:right; height:30px; position:absolute; z-index:1000; top:700px; right:0; color:#767676; font-size:12px;  }
#project_viewer_content_inner .viewer_title_project { color:#d31145;  }
#project_viewer_content_inner .viewer_title_item { color:#fff;  }
#project_viewer_content_inner .viewer_content_flv { margin:-10px 0 0 0; }
#mbPrevLink, #mbNextLink { visibility:hidden; }
#mbCaption { color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

