@charset "utf-8";
/*
Theme Name: High Output
Description: Custom design for Howard Olsen's High Output Website.
Version: 1.2
Author: Beyond Designing
Author URI: http://beyonddesigning.com/
*/

@import url("reset.css"); /* ------- Reset all CSS Styles */
@import url("typography.css"); /* ------- Sets up some sensible default typography */
@import url("forms.css"); /* ------- Sets up some default styling for forms */
@import url("formatting.css"); /* ------- Formatting for the content */

/* ------------- General ------------- */
html, body, *
{ 
  padding:0px;
  margin:0px;
}

body 
{
  background: #ffffff;
  font-size: 14px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color:#111;
  line-height:1.2em;
}

a:focus
{
	outline:none;
}

.center_wrap
{
	margin:27px auto 0 auto;
	clear:both;
	float:left;
}

.center_wrap img
{
	margin:0 10px 0 0;
	float:left;
	width:130px;
	height:90px;
	padding-top:1px;
}

.center_wrap img:hover
{
	margin:0 10px 0 0;
	padding:0;
}

/* ------------- Main Layout ------------- */
.wrap
{
	width:950px;
	margin:0px auto;
	clear:both;
}

.wrapper_holder
{
	width:970px;
	margin:0 auto;
}

.wrapper
{
	width:970px;
	margin:0 auto;
	float:left;
	padding-bottom:0px;
	background: url(images/wrapper_back.png) top center repeat-y;
}

.wrapper_top
{
	width:970px;
	margin:0 auto;
	clear:both;
	height:7px;
	float:left;
	background: url(images/wrapper_head.png) bottom center no-repeat;
}

.wrapper_foot
{
	width:970px;
	margin:0 auto;
	height:15px;
	padding:0;
	float:left;
	clear:both;
	background: url(images/wrapper_foot.png) top center no-repeat;
}

.redborder_top
{
	background:#dd1818;
	height:25px;
	float:left;
	width:100%;
	display:block;
	border-bottom:1px solid #E50001;
	margin-bottom:10px;
}

.main_left
{
	float:left;
	width:580px;
	margin:0 auto;
	padding-left: 2px;
}

.nosidebar_left
{
	float:left;
	width:946px;
	margin:0 auto;
}

.mag_style_home
{
	float:left;
	width:552px;
	border:2px solid #e62b36;
	padding:8px;
	margin:0 auto 0 2px;
}

.main_left .mag_style
{
	float:left;
	width:560px;
	padding:8px;
	margin:0 auto 0 0;
	border-color: #f1f1f1;
	border-width: 2px;
	border-style: solid;
}

.nosidebar_left .mag_style
{
	float:left;
	width:552px;
	padding: 8px;
	border:2px solid #e62b36;
	margin:0 auto 0 5px;
}

.mag_style_home .h4img
{
	margin:5px auto 30px 3px;
	display:block;
	float:left;
}

.mag_style_home .textp
{
	font-size:14px;
	line-height:1.6em;
}

.wrap .h4span h4
{
	margin:0;
	color:#fff;
	background: url(images/title_bar_left.png) center left no-repeat;
	height:33px;
	line-height:33px;
	font-size:18px;
	padding-left:5px;
	font-weight:normal;
}

.wrap .h4span .corner_left
{
	background: url(images/title_bar.png) center right no-repeat;
	height:33px;
	float:left;
	width:100%;
}

.wrap .h4span
{
	background: url(images/title_barback.png) center left repeat-x;
	height:33px;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.mag_style_home .title_h1_howard
{
	font-size:21px;
	text-align:center;
	margin:10px 0 20px 0;
	color:#111;
	line-height:1.3em;
}

.a_button_style
{
	margin:20px 5px 0 5px;
	float:left;
	width:570px;
}
 
.a_button_style a
{
	height:60px;
	background: #d42929 url(images/a_style_button.png) top left repeat-x;
	border:1px solid #999;
	width:176px;
	float:left;
	padding-top:5px;
	text-align:center;
	line-height:1.4em;
	margin-left:5px;
	font-size:20px;
	color: #FFFFFF;
}

.a_button_style a:hover
{
	color:#FFFFFF;
	border:1px solid #424242;
	background: #ec4542;
}

.main_right
{
	width:348px;
	float:right;
	padding:0 6px;
	margin:0 auto;
}

.slide_show
{
	position:relative;
	width:572px;
	height:210px;
	overflow:hidden;
	float:left;
	margin:12px 5px;
	display:block;	
}

#slideholder
{
	position:absolute;
}

#slideholder span
{
	display:block;
	float:left;
}

.play_video
{
	width:340px;
	height:195px;
	padding: 10px 10px;
	float:right;
	margin:10px 0;
	display:block;
	background: url(images/welcome_home.jpg) center no-repeat;
}

.play_video a
{
	font-size: 18px;
	color: #333;
}

.play_video .aholder
{
	width:220px;
	line-height:2em;
	margin:0 0 20px 5px;
}

.block-l
{
	float:left;
	width:200px;
	background: #f5fcff;
	height: 180px;
	margin-left:5px;
}

.block-m
{
	float:left;
	width:200px;
	margin-left:12px;
	display:inline;
	background: #f5fcff;
	height: 180px;
}

.block-r
{
	float:right;
	width:200px;
	display:inline;
	background: #f5fcff;
	height: 180px;
}

.block_wrap
{
	margin:15px auto 2px auto;
	clear:both;
}

.block_wrap h4
{
	color:#666;
	text-align:center;
	font-size:16px;
	margin-bottom:10px;
}

/* ------------- Sidebar ------------- */

.sidebar
{
	width:350px;
	float:left;
	margin:0 auto;
	font-size: 13px;
}

.sidebar p
{
	color:#8b8b8b;
}

.sidebar h3
{
	display:block;
	margin:20px 0 0 0;
	color:#000000;
	font-weight:normal;
	width:100%;
	font-size: 18px;
	padding: 4px 0;
}

.coach_form_wrap
{
	background: url(images/mailbox_tall.jpg) +255px bottom no-repeat;
	float:left;
	width:332px;
}

.coach_form
{
	margin:15px 5px 5px 0;
	color:#8b8b8b;
	padding:0 0 5px 4px;
}

.coach_form input
{ 
	margin:0 0 10px 0;
	padding:4px;
	background: url(images/mailbox_form.png) center center no-repeat;
	border:0; 
	width:179px;
	height:18px;
	color: #666;
	font-size:15px;
}

.coach_form label
{
	margin:5px 1px 0 0;
	font-size:11px;
	color:#ed2d2d;
	float:left;
	font-weight:normal;
}

.sidebar_back .coach_text
{
	color:#111;
	font-size:13px;
	margin-left:5px;
	width:242px;
	line-height:1.4em;
}

.coach_button input
{ 
	width:120px;
	height:26px;
	margin: 2px 0 0 103px;
	background: url(images/button_back.png) center left repeat-x;
	border:0;
	font-size:13px;
	color: #FFFFFF;
	cursor:pointer;
}

.coach_button input:hover, .coach_button input:focus
{ 
	background: #ec4542;
}

.sidebar ul
{
	margin:0 auto 5px auto;
	display:block;
	padding:0px;
}

.sidebar ul li
{
	margin:3px 2px;
	list-style:none;
	padding:0;
}

.sidebar li a
{	
	display:block;
	color: #393939;
	padding: 2px;
	font-size:14px;
	line-height:1.4em;
}

.sidebar li span
{
	color:#ed5c5c;
	margin-right:10px;
	font-size:11px;
}

.mag_style .archives_date
{
	color:#999;
	margin:0 10px 2px 0;
	font-size:12px;
}

.sidebar a:hover
{
	background: #f0f0f0;
}

.timer
{
	width:346px;
	float:left;
	padding-bottom:5px;
	margin:1px auto 0 auto;
	background:#e8e8e8 url(images/timer_back.png) left +30px repeat-x;
	border:1px solid #c9c9c9;
}

.view_all_events
{
	float:left;
	background: url(images/view_all_events.png) top left no-repeat;
	width:338px;
	line-height:20px;
	color:#e64040;
	padding:0 0 5px 8px;
	font-weight:bold;
	font-size: 13px;
}

.timer h4
{	
	font-size:12px;
	color:#666;
	float:left;
	margin-top:10px;
}

.timer h3
{
	color: #757575;
	font-size:13px;
	float:right;
	margin-top:7px;
	padding-left:25px;
	background: url(images/ajax.gif) center left no-repeat;
}

.timer span
{
	color:#ea6262;
	font-size:22px;
}

.timer .holder_time
{
	background:#FFFFFF;
	float:left;
	width:336px;
	height:30px;
	padding:0 5px;
}

.timer .holder_info
{
	padding:10px 5px;
	clear:both;
}

.timer .title_event
{
	color:#424242;
	font-size:16px;
	margin:0;
	font-weight:bold;
	display:block;
	padding: 5px 25px 4px 0;
}

.timer .ltext
{
	float:left;
}

.timer .title_event:hover
{
	color:#686868;
}

.timer .calender_block
{
	width:60px;
	border:1px solid #d5d5d5;
	height:60px;
	background:#FFFFFF;
	float:right;
	margin:5px;
	font-size:20px;
	text-align:center;
}

.timer .calender_block span
{
	background:#b9dcff;
	height:23px;
	width:100%;
	margin-bottom:12px;
	display:block;
	color: #686868;
	text-transform:uppercase;
	line-height:23px;
	font-size:14px;
}

.mag_style_home ul
{
	margin:0;
	padding:0 5px;
}

.mag_style_home ul li
{
	margin:4px 0;
	background: url(images/bullet.png) center left no-repeat;
	list-style:none;
	padding:10px 0px 10px 30px;
	font-size:15px;
}

.mag_style_home .the_great_stuff
{
	margin: 20px 0;
	display:block;
	width:100%;
	clear:both;
	float:left;
}

.mag_style_home .p_last_line
{
	text-align:center;
	color:#000;
	font-style:italic;
	clear:both;
	line-height:1.5em;
	font-size:14px;
}

.sidebar_shadow
{
	background:url(images/sidebar_shadow.png) top center repeat-y;
	float:left;
	width:100%;
}

.sidebar_bottom
{
	background:url(images/sidebar_bottom.png) top center no-repeat;
	width:350px;
	height:6px;
	clear:both;
	float:left;
}

.sidebar_top
{
	background:url(images/sidebar_top.png) top center no-repeat;
	width:350px;
	height:6px;
	clear:both;
	float:left;
}

.sidebar_back
{
	background:url(images/sidebar_back.png) top center repeat-x;
	width:332px;
	padding:5px 4px;
	float:left;
	margin:0 5px;
}

/* ------------- Header ------------- */

#header
{
	width:100%;
	margin:0 auto;
	position:relative;
	height:116px;
	float:left;
	background: url(images/logo.jpg) +5px top no-repeat;
}

#header .title-text
{ 
	float:right;
	clear:both;
	font-size:15px;
	margin-right:60px;
	font-style:italic;
	color:#333333;
	width:410px;
}

#header .title-text span
{
	display:block;
	text-align:right;
}

.top_icons
{
	width: 160px;
	height:64px;
	float:right;
	padding-top:10px;	
}

.top_icons #home_btn
{
	width:35px;
	height:35px;
	text-indent:-9999px;
	display:block;
	float:left;
	background: url(images/top-icons.jpg) top right no-repeat;
}

.top_icons #home_btn:hover
{
	background: url(images/top-icons.jpg) right -36px no-repeat;
}

.top_icons #contact_btn
{
	width:35px;
	height:35px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:22px;
	background: url(images/top-icons.jpg) -35px top no-repeat;
}

.top_icons #contact_btn:hover
{
	background: url(images/top-icons.jpg) -35px -36px no-repeat;
}

.top_icons #search_btn
{
	width:33px;
	height:35px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:20px;
	background: url(images/top-icons.jpg) top left no-repeat;
}

.top_icons #search_btn:hover
{
	background: url(images/top-icons.jpg) left -36px no-repeat;
}

#topsearch_slide 
{
	border: 5px solid #F1F1F1;
	z-index:9999;
	background:url(images/slide_search_back.png) center left repeat-x;
	width:250px;
	padding:0 5px;
	height:40px;
}

.topsearch_slide_box
{
	position:absolute;
	width:270px;
	height:50px;
	left:680px;
	top:55px;
	display:block;
}

#topsearch_slide .search_btn
{
	width:64px;
	height:30px;
	margin-top:5px;
	float:left;
	background: url(images/slide_search_button.png) left center no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-9999px;
}

#topsearch_slide .search_btn:active, #topsearch_slide .search_btn:hover, #topsearch_slide .search_btn:focus
{
	background: url(images/slide_search_button.png) right center no-repeat;
}

#topsearch_slide input
{ 
	margin:7px 0 0 0;
	padding:5px;
	background: url(images/slide_search_field.png) center center no-repeat;
	border:0;
	float:left;
	width:175px;
	height:16px;
	color: #666;
	font-size:14px;
}

/* ------------- Top Navigation ------------- */

.navigation
{
	width:950px;
	float:left;
	margin: 0 auto;
	padding:0px;
	clear:both;
	height:36px;
	font-size:13px;
	line-height:22px;
	background: #666666 url(images/navigation.png) top left repeat-x;
}

.navigation ul 
{
	margin:7px 0 0 0;
	list-style: none;
	padding:0px;
	float:left;
	width:100%;
}

.navigation li 
{
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
	float:left;
	position:relative;
}

.navigation li a
{
	padding:0 20px;
	margin:0;
	color:#fff;
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size:12px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radious:5px;
	background: url(images/nav_nback.png) left center repeat-x;
}

.navigation li a:hover, #nav a.mainMenuParentBtnFocused
{
	background: url(images/nav_hback.png) left center repeat-x;
}

.navigation .current_page_item a
{
	background: url(images/nav_sback.png) left center repeat-x;
}

#subMenusContainer a.subMenuParentBtnFocused
{
	background: #DD1818;
}

/* ------------- Footer ------------- */

.clear_style
{
	clear:both;
}

.clear
{
	clear:both;
}

.play_video_icon
{
	margin-top:12px;
	margin-left:12px;
}

.footer
{
	font-size:11px;
	float:left;
	width:100%;
	margin-top:10px;
	color:#FFFFFF;
	background: #dd1818;
	padding:10px 0;
	border-top:1px solid #a20000;
}

#footer-icons
{
	background:;
	width:100%;
	float:left;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.footer a, .redborder_top a
{
	font-size:12px;
	padding:2px 8px;
	margin-left:10px;
	color:#ffffff;
}

.footer a:hover, .footer .selected, .redborder_top a:hover, .redborder_top .selected
{
	color:#f1f1f1;
}

.a_button_style a
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radious:5px;
}

.footer .links
{
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}