/*  
 ====================================
	css author		steve scavo
	began on		8/04/07
	main bg			0e0e0e
	nav blue		5492c7
	deep blue		015daa
	text blue		084760
	dark pink		c54aa8
====================================	 
*/



/* ------------- GLOBALS ------------- */



* { outline:none; }

html, body { height: 100%; xmax-height:100%; margin: 0; }
body {
	background:#89D2E3 url(../i/texture1.gif) repeat-x top left;
	font:small/1.2em Arial, Helvetica, sans-serif;
	color:#084760;
	padding:0 0 100px 0;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	}
	
a { color:#c54aa8; text-decoration:none; }
a:hover { text-decoration:underline; }

abbr, acronym {
	cursor:help;
	border-bottom: 1px dotted #c54aa8;
	}
	abbr:hover, acronym:hover { color:#000; }
	
	
.top {
	position:relative; 
	top:0; 
	left:350px; 
	width:50px; 
	text-align:center; 
	text-transform:uppercase; 
	font:bold 9px Arial, Helvetica, sans-serif;
	padding:2px 0; 
	border-top:1px dotted #ccc;
	display:block;
	}
	a.top { }
	a.top:hover { text-decoration:none; background:#666; color:#fff; border-top:1px solid #666; }




/* X */

#xfloat {
	position: relative; 
	height: 100%;
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-attachment:scroll;
	z-index:1;
	}
	html>body #xfloat { /*background-image:url(../i/bg_x.png); */} 
	



/* LOGO */

#tear {
	position:absolute;
	top:0px;
	left:0px;
	width:389px;
	height:204px;
	background-repeat:no-repeat;
	z-index:6;
	}
	html>body #tear { background-image:url(../i/tear.png); }
	tear h1 { margin:0; padding:0; }
	#tear h1 a {
		position:relative;
		display:block;
		width: 197px;
		height:134px;
		background:url(../i/logo.gif) no-repeat left top;
		text-indent:-9999em;
		margin:0;
		padding:0;
		z-index:7;
		}
		#tear h1 a:hover { background-position:right top; }
		



/* NAV */

#nav {
	position:fixed;
	top:228px;
	left:0px;
	width:163px;
	overflow:hidden;
	}
	#nav ul {
		margin:0;
		padding:0;
		list-style-type:none;
		}
	#nav li {
		margin-bottom:3px;
		}
		#nav li a {
			display:block;
			width:163px;
			height:17px;
			background:no-repeat left top;
			text-indent:-9999em;
			}
			#nav li a:hover, #nav li a.current {
				background-position:right top;
				}
			#nav li#home a { background-image:url(../i/nav_home.gif); }
			#nav li#coaching a { background-image:url(../i/nav_coaching.gif); }
			#nav li#consulting a { background-image:url(../i/nav_consulting.gif); }
			#nav li#production a { background-image:url(../i/nav_production.gif); }
			#nav li#about a { background-image:url(../i/nav_about.gif); }
			#nav li#contact a { background-image:url(../i/nav_contact.gif); }
			#nav li#blog a { background-image:url(../i/nav_blog.gif); }
			
		




/* CONTENT AREA */


#content {
	position:relative;
	top:0;
	left:179px;
	width:418px;
	background:#f5f5f5;
	line-height:1.2em;
	height:auto;
	overflow:hidden;
	}
	#flash { background:transparent; }
	.padding { padding:15px 15px 115px; }
	#cap { 
		height:150px;
		background:#f5f5f5;
		}
	#content h1 {
		font-size:1.5em;
		line-height:1.1em;
		color:#015daa;
		padding:6px 0 6px 35px;
		margin-top:1.5em;
		background:url(../i/circle.gif) no-repeat left top;
		letter-spacing:-1px;
		}
		#content h1.first { 
			margin-top:155px; 
			font-size:1.8em; 
			letter-spacing:-0.1em; 
			background:url(../i/circle.gif) no-repeat left top; 
			z-index:99999;
			}
	#content h2 { 
		font-size:1.35em;
		margin-top:2em;
		}
	#content h3 {
		font-size:1.25em;
		border-bottom:1px dotted #ccc;
		}
	#content ul {
		margin: 1em 2em 2.5em;
		padding:0;
		}
	#content li {
		list-style:outside url(../i/x.gif);
		margin:0 0 0.7em;
		padding:0;
		}
		
		
		
		
/*  SIDEBAR */
		 
#sidebar {
	position:absolute;
	top:0px;
	left:597px;
	width:300px;
	height:auto;
	max-height:100%;
	padding-bottom:11em;
	background:url(../i/sidebar_tear.png) no-repeat bottom !important;
	background:url(../i/sidebar_tear_ie.png) no-repeat bottom;
	color:#fff;
	}
	#sidebar h2 {
		display:block;
		height:26px;
		line-height:26px;
		font-size:13px;
		background:url(../i/bg_title_pink.gif) repeat-x;
		margin:0; padding:0 0 0 7px;
		}
		#sidebar h2.blue { 
			background:url(../i/bg_sidebar_blue.gif) repeat-x;
			}
	#sidebar #firstbox {
		height:205px;
		}
	#sidebar #firstbox li { 
		list-style-image:url(../i/plus.gif);
		font:bold 1em Arial, Helvetica, sans-serif;
		}
	#sidebar #secondbox ul { 
		font-size:1.1em; 
		list-style:none; 
		color:#9cf; 
		padding:10px;
		margin:1em 1em 2em;
		}
	#sidebar #secondbox li { 
		margin:0;
		padding:0;
		line-height:1.1em;
		font-weight:normal;
		display:block; 
		clear:both;
		}
		#sidebar #secondbox li a { 
			background:transparent;
			color:#c54aa8; 
			padding:2px;
			font-weight:bold; 
			display:block;
			}
		#sidebar #secondbox li a:hover {
			color:#ccc; 
			background:#000;
			text-decoration:none;
			}
		#sidebar #secondbox ul#text { font-size:.85em;  }
		#sidebar #secondbox ul#text li {
			margin-bottom:1em;
			line-height:1.4em;
			}
		#sidebar #secondbox ul#text li a { 
			display:inline;
			background:none;
			padding:0;
			text-decoration:underline;
			}
		#sidebar #secondbox ul#text li a:hover { 
			text-decoration:underline;
			}
	
	#sidebar li strong,
	#sidebar li b { 
		color:#fff;
		}
	#sidebar li img.thumb,
	#sidebar li img.thumb a,
	.thumb {
		float:left;
		margin:1px 7px 2px 0;
		padding:2px;
		border:1px solid #333;
		background:#005dab;
		display:inline;
		}
	#sidebar li img.thumb:hover, 
	#sidebar li img.thumb a:hover,
	#sidebar li a:hover img.thumb { 
		background:#c54aa8;
		border:1px solid #fff;
		}
		
	#sidebar p {
		margin:1em;
		}
	




/* FOOTER */	

#footer {
	position:fixed;
	bottom:-1px;
	right:2px;
	width:100%;
	height:100px;
	background:url(../i/bg_footer.png);
	z-index:1000000;
	color:#666;
	font-size:80%;
	font-weight:bold;
	}
	#footer a, #footer a img, #footer img a { border:none; }
	
#footer span {
	display:block;
	margin-left:20px;
	}

/* FORMS */

input {
	border:1px solid #666;
	background:#0e0e0e;
	color:#ccc;
	margin:0em 0 0.2em;
	font-size:1.2em;
	padding:2px 4px;
	}
.submit {
	position:relative;
	top:-2px;
	left:0;
	cursor:pointer;
	background:#0e0e0e;
	font-weight:bold;
	letter-spacing:0.05em;
	font-size:.9em;
	}
.submit:hover {
	background:#015daa;
	}



/* Hide print-specific elements */

.p, * .p, #sidebar .p, #content .p { display:none; }	
	




/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}