/*
Theme Name: Business Glue
Theme URI: http://www.dynamicquest.com/
Description: Custom theme developed for <a href="http://www.thebusinessglue.com/">the Business Glue</a>.
Version: 1.5
Author: Dynamic Quest
Author URI: http://www.dynamicquest.com/
Tags: custom header, fixed width, two columns, widgets

	Business Glue v1.5
	 http://www.businessglue.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php.

*/


	
	html, body {
	height:100%;
	width: 100%;
	}

body{
	font:14px/1.25em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333;
	margin: 0;
	height: 100%;
	width: 100%;
	background-image: url(images/home_bg.jpg);
	background-repeat: repeat-x;
	background-color: #015DB0;
}

img{
	border: 0px;
}

p{
	line-height: 1.25em
	margin: 0 0 1.25em 0;
}

.all{
	float: left;
	background-image: url(images/blog_background_all.jpg);
	background-color: none;
	width: 100%;
}

a:link {text-decoration: underline; font-weight:normal; color:#333;}
a:visited {text-decoration: underline; font-weight:normal; color:#999;}
a:active {text-decoration: underline; font-weight:normal; color:#333;}
a:hover {text-decoration: underline; font-weight:normal; color:#333;}


.spacer10{
	position: relative;
	width: 100%;
	height: 10px;
}

.author{
	font:14px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	letter-spacing: 0em;
	margin: 0 0 10px 0;
	}


.top_nav_float{
	float:left;
	width: 100%;
	height: 106px;
	}
	
	
.top_nav_float .center{
	position: relative;
	top:0px;
	left: 0px;
	margin: 0 auto 0 auto;
	width:960px;
	height: 106px;
}

.slider_float{
	float: left;
	height: 372px;
	width: 100%;
}

.slider_float .center{
	position: relative;
	top:0px;
	left:0px;
	height: 372px;
	width: 960px;
	margin: 0 auto 0 auto;
}

.content_float{
	float: left;
	width: 100%;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
}

.blog_float{
	float: left;
	width: 100%;
	margin:0 0 0 0;
	background-image: url(images/second_tier_bg.jpg);
	background-repeat: repeat-x;
	background-color: none;
}


.content_float .center{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding: 20px 0 0 0;

}

.blog_float .center{
	position: relative;
	width: 983px;
	margin: 0 auto 0 auto;
	min-height:500px;
	height:auto !important;
	height:500px;
	

}

.bottom{
	float: left;
	width: 100%;
	height: 120px;
	background-color: #fff;

}

.footer{
	float: left;
	width: 100%;
	height: 104px;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	}
	

.footer .center{
	height: 54px;
	padding: 50px 0 0 0;
	width: 982px;
	margin: 0 auto 0 auto;
	text-align: center;
	font:10px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#efefef;
	letter-spacing: 0.5em;
	text-transform: uppercase;
}


.footer .center a:link {text-decoration: none; font-weight:normal; color:#efefef;}
.footer .center a:visited {text-decoration: none; font-weight:normal; color:#efefef;}
.footer .center a:active {text-decoration: none; font-weight:normal; color:#efefef;}
.footer .center a:hover {text-decoration: none; font-weight:underline; color:#fff;}

.search{
	position: absolute;
	top:20px;
	right:12px;
	width:231px;
	height:45px;
}

.search_bg{
	position: absolute;
	background-image: url(images/search_bg.png);
	background-repeat: no-repeat;
	width:231px;
	height:45px;
}

.search_wrapper{
	position: relative;
	z-index: 10;
	height: auto;
	width: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}

.top_logo{
	position: absolute;
	top:-12px;
	left:10px;
	
}

.top_nav{
	position: absolute;
	height: 31px;
	width: 432px;
	right:5px;
	top:60px;
	text-align: right;
}

.top_nav .wrapper{
	position: relative;
	top:0px;
	left:0px;
	width:432px;
	height:31px;
	background-image: url(images/buttons_top.png);
	background-repeat: no-repeat;
}

.pointer1{
	position: absolute;
	top:8px;
	left: 0px;
}

.pointer2{
	position: absolute;
	top:8px;
	left: 82px;
}

.pointer3{
	position: absolute;
	top:8px;
	left: 165px;
}

.pointer4{
	position: absolute;
	top:8px;
	left: 255px;
}

.pointer5{
	position: absolute;
	top:8px;
	left: 353px;
}



.top_nav img{
	-moz-opacity:0.0; filter:alpha(opacity=0); opacity:0.0;
}

.home_left_nav img{
	float: right;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

.left_nav_copy{
	float: left;
	width: 195px;
	padding: 0 20px 0 20px;
}

.top_nav img:link{text-decoration: none;}
.top_nav img:active{text-decoration: none;}
.top_nav img:visited{text-decoration: none;}
.top_nav img:hover{text-decoration: none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

.home_left_nav{
	position: absolute;
	top:20px;
	left: 30px;
	width: 175px;
	height: 330px;
	z-index: 0;
}

.home_left_nav .buttons img{
	height: 44px;
	width: 179px;
	position: relative;
	-moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
	padding: 27px 0 9px 0;
	
	}
	
.home_left_nav .buttons img:link{text-decoration: none;}
.home_left_nav .buttons img:active{text-decoration: none;}
.home_left_nav .buttons img:visited{text-decoration: none;}
.home_left_nav .buttons img:hover{text-decoration: none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}


.lt_nav_bg img{
	top:40px;
	left:0px;
	position: absolute;
	width: 175px;
	height: 261px;
	z-index: 0;
}




.mini{
	float: left;
	width: 446px;
	height: 200px;
	margin:  15px 15px 15px 15px;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	overflow: hidden;
	font:12px/1.25em Arial;
}

.mini_wrapper{
	top:0px;
	left:0px;
	position: relative;
	width: 446px;
	height: 200px;
}

.mini_bg{
	float: left;
	width: 213px;
	height: 148px;
}

.mini_copy{
	float: right;
	width: 220px;
	height: 173px;
	margin: 14px 10px 0 0;
	overflow: hidden;
}

.mini_image{
	top:15px;
	left:15px;
	position: absolute;
	width:183px;
	height: 118px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.mini_wide{
	float: left;
	width: 446px;
	height: 200px;
	margin:  0px 15px 30px 15px;
	border-width:  0 0 0 0;
	border-style: solid;
	border-color: #ccc;
	overflow: hidden;
	font:12px/1.25em Arial;
}

.mini_wide .title{
	font-size: 16px;
	letter-spacing: -0.06em;
	font-weight: bold;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 14px 0 5px 0;
	width:441px;
}


.mini_wide .copy{
	height: 150px;
	overflow: hidden;
	width: 446px;
}



.mini .title a:link{ text-decoration: none; color: #333;}
.mini .title a:active{ text-decoration: none; color: #333;}
.mini .title a:hover{ text-decoration: none; color: #333;}
.mini .title a:visited{ text-decoration: none; color: #333;}


.mini a:link{ text-decoration: none; color: #333;}
.mini a:active{ text-decoration: none; color: #333;}
.mini a:hover{ text-decoration: none; color: #333;}
.mini a:visited{ text-decoration: none; color: #333;}


.mini_wide .title a:link{ text-decoration: none; color: #333;}
.mini_wide .title a:active{ text-decoration: none; color: #333;}
.mini_wide .title a:hover{ text-decoration: none; color: #333;}
.mini_wide .title a:visited{ text-decoration: none; color: #333;}


.mini_wide .copy a:link{ text-decoration: none; color: #333;}
.mini_wide .copy a:active{ text-decoration: none; color: #333;}
.mini_wide .copy a:hover{ text-decoration: none; color: #333;}
.mini_wide .copy a:visited{ text-decoration: none; color: #333;}




.mini_copy .title {
	font-size: 16px;
	letter-spacing: -0.06em;
	font-weight: bold;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 5px 0;
}

.blog_nav{
	float: left;
	width: 232px;
	height:auto;
	margin: 17px 0 30px 0;
	display: block;
	clear: both;
}

.container{
	position: relative;
	margin:0;
	top:0px;
	left:0px;
}

.blog_nav_bg{
	top:0px;
	left:0px;
	position: absolute;
	width:239px;
	height:292px;
}


.blog_nav .container .buttons{
	position: relative;
	top:13px;
	left: -3px;
	width:239px;
	height:292px;
}

.blog_nav .container .buttons img{
	float: left;
	margin: 18px 0 0 27px;
	-moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
}


.blog_nav .container .buttons img:hover{
	-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;
	
}


.blog_header{
	float: left;
}

.blog_content{
	margin: 0 0 0 0;
	float: right;
	width: 750px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background-image: url(images/blog_center.jpg);
	background-repeat: repeat-y;
	top:0px;
	left:0px;
}



.page_blog_copy{
	float: left;
	min-height:560px;
	height:auto !important;
	height:560px;
	width:646px;
	margin: -220px 0 0 51px;
	padding: 0 0 0 0;
	z-index: 5;
}

.blog_copy{
	float: left;
	min-height:560px;
	height:auto !important;
	height:560px;
	width:525px;
	margin: -220px 0 0 51px;
	padding: 0 0 0 0;
	z-index: 5;
}

.blog_copy .content{
	position: relative;
	top:0px;
	left:0px;
}

.wide_blog_content{
	margin: 0 0 0 0;
	float: right;
	width: 750px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background-image: url(images/wide_center.jpg);
	background-repeat: repeat-y;
	top:0px;
	left:0px;
}

.wide_blog_copy{
	float: left;
	min-height:500px;
	height:auto !important;
	height:500px;
	width:625px;
	margin: -220px 0 0 51px;
	padding: 0 0 0 0;
	z-index: 5;
}


.blog_footer{
	 float:left;
	 z-index:0;
}

.wide_blog_footer{
	 float:left;
	 z-index:0;
}

h1{
	font:32px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	letter-spacing: -0.075em;
	
}

.home{
	font:48px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	letter-spacing: -0.075em;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	width: 934px;
	height: 45px;
	}

h1 a:link{text-decoration: none; color: #999;}
h1 a:active{text-decoration: none; color: #999;}
h1 a:hover{text-decoration: none; color: #000;}
h1 a:visited{text-decoration: none; color: #999;}


h2{
	font:22px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	margin: 5px 0 5px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #dedede;
	
}


h2 a:link{text-decoration: none; color: #999;}
h2 a:active{text-decoration: none; color: #999;}
h2 a:hover{text-decoration: none; color: #000;}
h2 a:visited{text-decoration: none; color: #999;}


h3{
	font:18px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	margin: 5px 0 5px 0;

}


h3 a:link{text-decoration: none; color: #999;}
h3 a:active{text-decoration: none; color: #999;}
h3 a:hover{text-decoration: none; color: #000;}
h3 a:visited{text-decoration: none; color: #999;}


.search_form{
	top:11px;
	left: 32px;
	position: absolute;
	border:1px;
	height: 24px;
	position: relative;
	background-color: transparent;
	font:18px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#666;
	width: 194px;
	z-index: 10;
}
.li_wrapper{
	position: relative;
	top:0px;
	height: 0px;
	width: 680px;
	height: 315px;
	padding:  0 0 0 0;
	
}

.slider_bg{
	position: absolute;
	top:0px;
	left: -40px;
	width: 675px;
	height: 315px;
}
.slider_copy {
	font:13px/1.25em Arial;
	position: absolute;
	top:40px;
	left:-20px;
	color: #999;
	width: 475px;
	height: 233px;
	overflow: hidden;
	padding: 10px;
	}


.slider_copy strong{
	position: absolute;
	bottom:-3px;
	right:-8px;
	font:0px/1.25em Arial;
	position: absolute;
	background-image: url(images/read_more.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 113px;
	}

.slider_copy a:link{text-decoration: none; color: #999;}
.slider_copy a:active{text-decoration: none; color: #999;}
.slider_copy a:hover{text-decoration: none; color: #999;}
.slider_copy a:visited{text-decoration: none; color: #999;}

.slider_copy h3{
	font: 24px/1.0em Helvetica, Arial, sans-serif; color:#999;
	margin: -5px 0 10px 0;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;


}
	
.slider_title{
	font-size: 16px;
	font-weight: bold;
	border-width:  0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 0px 0 5px 0;
	width:475px;
	color: #666;
}

.rollover{
	top:28px;
	right:5px;
	position: absolute;
	width:179px;
	height:44px;
}


.rollover_1{
	top:108px;
	right:5px;
	position: absolute;
	width:179px;
	height:44px;
}


.rollover_2{
	top:187px;
	right:5px;
	position: absolute;
	width:179px;
	height:44px;
}

.rollover_3{
	top:267px;
	right:5px;
	position: absolute;
	width:179px;
	height:44px;
}

.comment_bg{
	position: relative;
	width:450px;
	height:242px;
	background-image: url(images/comment_bg.png);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
}

.comment_bg textarea{
	position: absolute;
	background: none;
	top:28px;
	left:28px;
	width:392px;
	height:185px;
	border: 0px;
	padding:0px;
	overflow-y: auto;
	overflow-x: hidden;
}

.youtube{
	width:480px;
	height:385px;
	margin: 10px auto 10px auto;
	display: block;
	clear: both;
}

.social_buttons{
	top:42px;
	right:47px;
	position:absolute;
	width:103px;
	height:96px;
	background-image: url(images/share_bg.png);
	background-repeat: no-repeat;
}

.copy{
	position: relative;
	top:0px;
	left: 0px;
	height: auto;
	width: 103px;
}

.twitit{
	position: absolute;
	top:39px;
	left:4px;
	width:28px;
	height: 28px;
}

.fb{
	position: absolute;
	top:68px;
	left:5px;
	width:27px;
	height: 28px;
}



.avatar{
	position: relative;
	width: 89px;
	height: 88px;
	top:100px;
}

.avatar_paige{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_scott{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_ella{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_mccoot{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_anna{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_polly{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_guest{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_dq{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_coachg{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}

.avatar_dez{
	position: absolute;
	width: 89px;
	height: 88px;
	top:100px;
	display: none;
}


/*Page Css*/

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/


#page-wrap                              { width: 675px; padding: 0; background: none; position: relative; top:30px; left: 240px;}


ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font:14px/1.25em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#333; margin: 0 0 8px 0; list-style: none;}

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }


/*Slider Css*/

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 675px; height: 315px; position: relative; margin: 0 auto 15px; overflow: hidden;}
.anythingSlider .wrapper                { width: 675px; overflow: auto; height: 315px; margin: 0; position: relative; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background-color: none; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -40px; }
.anythingSlider .back                   { background-position: -67px 0; left: -40px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; display: none; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; display: none; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.li_wrapper .social_buttons{
	top:38px;
	left:493px;
	position: relative;
	width:103px;
	height:96px;
	background-image: url(images/share_bg.png);
	background-repeat: no-repeat;
}

.slider_author{
	position: relative;
	margin: 10px 0 0 5px;
	font: 14px/1.0em Helvetica, Arial, sans-serif; color:#ddd;
}

.slider_author h3{
	position: absolute;
	margin: 0 0 0 0;
	font: 16px/1.0em Helvetica, Arial, sans-serif; color:#eee;
}

.post_author{
	position: absolute;
	margin: 10px 0 0 5px;
	font: 14px/1.0em Helvetica, Arial, sans-serif; color:#999;
}

.post_author h3{
	position: absolute;
	margin: 0 0 0 0;
	font: 16px/1.0em Helvetica, Arial, sans-serif; color:#999;
}


.slider_copy img{
	margin: 0 10px 10px 10px;
	float: left;
}

.slider_copy h2{
	margin: 0 10px 10px 10px;
	font:22px/1.0em Myriad Pro, Myriad, Helvetica, Tahoma, Arial, sans-serif; color:#999;
	margin: 5px 0 5px 0;
}

.textwidget{
	position: relative;
	margin:0;
}

.postmetadata{
	margin: 0 0 40px 0;
}

.alignleft {
	float: left;
	padding:10px;
	}
	
.alignright {
	float: right;
	padding:10px;
	}

.commentlist ol{
	position:relative;
}

.commentlist li{
	position:relative;
	display:block;
	clear:both;
	width:460px;
	margin: 0 0 20px 0;
}

.comment-author{
	position:relative;
	top:0px;
	left:0px;
}
.comment-author img{
	position:absolute;
	top:0px;
	right:-75px;
	height:48px;
	width:48px;
	border-width:2px;
	border-color:#efefef;
	border-style:solid;
}

.li_wrapper .author_info{
	top:0px;
	right:-10px;
	position: absolute;
	width: 120px;
	height: 270px;
	background-color: none;
}

.sm_logo { -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8;}

.sm_logo:hover{text-decoration: none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
