@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;

}

.normalhr {
	background:#ccc;
	clear:both;
	height:1px;
	margin:10px 0 10px 0;
	float:left;
	width:100%;
}



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 ------------- */

.header_home
{
	position:absolute;
	display:block;
	text-indent:-9999px;
	font-size:0px;
	height:198px;
	width:220px;
	left:180px;
	top:0;
}

#home_btn2
{
	position:absolute;
	display:block;
	text-indent:-9999px;
	font-size:0px;
	height:35px;
	width:35px;
	left:10px;
	bottom:0;
}

.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:198px;

	float:left;

	background: url(images/HeaderBigHead.png) center 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:0px;	

}



.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;

}