/* ------------------------------------------------------------------------

imcflare.com - styles.css

			Author: 		Steven Fiske
			Created: 		2009-12-06
			Last Modified: 	2009-12-06

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
	Global
   --------------------------------------------------------------------- */
	html, body {
		height: 100%;
	}
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #c7c5c5;
		background: #000;
		}   
	.container {
		width: 940px;
		margin: 0 auto;
		display: block;
		padding-bottom: 50px;
		_height: 1%;
		}
	.container:after {
		content: ".";  
		visibility: hidden;  
		display: block;  
		clear: both;  
		height: 0;  
		font-size: 0; }  
	
	.left {
		float: left;
		}
	.right {
		float: right;
		}
	
	p {
		font-size: 1.3em;
		line-height: 1.3em;
		}
	
	a, a:visited {
		color: #999;
		text-decoration: none;
		}
		a:hover {
			color: #ff3635;
			text-decoration: underline;
			}
	h2, h3 {
		color: #ff3635;
		text-transform: uppercase;
		font-weight: lighter;
		}
	h2 { font-size: 2.2em; margin-bottom: 0px;}
	h3 { font-size: 1.8em; margin-bottom: 10px; }
		
	
/* ---------------------------------------------------------------------
	Content
   --------------------------------------------------------------------- */
	div.bg {
		width: 100%;
		background: url(../images/bg.jpg) center bottom no-repeat;
		}
	h1 {
		width: 298px;
		height: 134px;
		display: block;
		text-indent: -9999px;
		background: transparent url(../images/imc-flare.png) top left no-repeat;
		}
		
	div.intro {
		width: 380px;
		}
	
	ul.flareBullets {
		list-style: inside;
		list-style-position: outside;
		margin: 20px 0 20px 25px;
		font-size: 1.3em;
		line-height: 1.3em;
		}
		ul.flareBullets li {
			list-style-image: url(../images/bullet.png);
			margin: 3px 0 3px 10px;
			}
	
	div.info {
		width: 785px;
		height: 260px;
		margin: 50px auto 50px;
		padding: 30px 35px 0;
		background: transparent url(../images/info1-bg.png) left top no-repeat;
		}
		div.info ul.flareBullets {
			margin: 0 0px 0 15px;
			}
		div.info img.middle {
			margin: 0 60px 0 0;
			}
	div.distributors {
		width: 500px;
		margin: 20px 0 50px 0;
		}
		div.distributors .left {
			width: 190px;
			min-height: 15em;
			_min-height: 15em;
			margin: 0 25px 25px 0;
			padding: 15px;
			border: 1px solid #4c2020;
			background: url(../images/dist-bg.png) left top no-repeat;
			}
			div.distributors .left.imc {
				min-height: 100%;
				height: 100%;
				margin-bottom: 50px;
				}
			div.distributors p {
				font-size: 1.2em;
				}
		div.distributors strong {
			font-size: 1.2em;
			}
	p.footer {
		font-size: 1em;
		color: #3a3a3a;
		margin-bottom: 10px;
		}
	div.testimonials {
		width: 448px;
		padding: 10px;
		margin-bottom: 30px;
		border: 1px solid #4c2020;
		background: url(../images/dist-bg.png) left top repeat;
		}
		p.dear {
			font-size: 20px;
			margin-bottom: 10px;
			text-shadow: 1px 1px 2px #000000;
			filter: dropshadow(color=#000000, offx=1, offy=1);	
			}
	blockquote {
		padding: 15px;
		display: block;
		background: url(../images/quote-bg.png) no-repeat left top;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		
		}
		cite {
			font-family: Arial, Helvetica, sans-serif;
			font-style: normal;
			font-size: 1.25em;
			line-height: 1.25em;
			display: block;
			margin-top: 10px;
			text-align: right;
			}
	
/* ---------------------------------------------------------------------
	Slider
   --------------------------------------------------------------------- */
   
	.anythingSlider                         { width: 538px; height: 284px; position: relative; margin: 0 0 15px 0; }
	.anythingSlider .wrapper                { width: 538px; overflow: auto; height: 284px; margin: 0; position: absolute; top: 0; left: 0; border: 1px solid #4c2020;  }
	.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
	.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 284px; width: 538px; 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: -20px; }
	.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
	.anythingSlider .forward:hover          { background-position: 0 -200px; }
	.anythingSlider .back:hover             { background-position: -67px -200px; }
	
	#thumbNav                               { position: relative; top: 286px; text-align: center; }
	#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                             { display: none; 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: 286px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
	#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; }

/* ---------------------------------------------------------------------
	jQuery Tools - Tabs
   --------------------------------------------------------------------- */
   
   #videoTabs {
	   width: 400px;
	   height: 230px;
	   border: 1px solid #4c2020;
	   }
   
	/* root element for tabs  */
	ul.tabs { 
		list-style:none; 
		margin:0 !important; 
		padding:0;	
		height:30px;
		background-color: #000;
		}

		/* single tab */
		ul.tabs li { 
			float:left;	 
			text-indent:0;
			padding:0;
			margin:0 !important;
			list-style-image:none !important; 
		}

		/* link inside the tab. uses a background image */
		ul.tabs a { 
			display:block;
			height: 30px;  
			line-height:30px;
			width: 133px;
			text-align:center;	
			text-decoration:none;
			text-transform: uppercase;
			color:#b9b9b9;
			padding:0px;
			margin:0px;	
			position:relative;
			top:1px;
		}

	ul.tabs a:active {
		outline: none;
		}
	/* when mouse enters the tab move the background image */
	ul.tabs a:hover {
		color:#fff;	
	}
	
	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
		cursor:default !important; 
		color:#ff3030 !important;
	}
	
	/* initially all panes are hidden */ 
	div.panes div.pane {
		display:none;		
	}
	
	/* tab pane styling */
	div.panes div {
		display:none;
		height:200px;
		width: 400px;
	}

/* -------- Overlay --------- */

	
	/* the overlayed element */
	.apple_overlay {
		
		/* initially overlay is hidden */
		display:none;
		
		/* growing background image */
		/*background-image:url(../images/white.png);*/
		background: none;
		
		/* 
			width after the growing animation finishes
			height is automatically calculated
		*/
		width:600px;		
		
		/* some padding to layout nested elements nicely  */
		padding:30px;
	
		/* a little styling */	
		font-size:11px;
	}
	
	/* default close button positioned on upper right corner */
	.apple_overlay .close {
		background-image:url(../images/close.png);
		position:absolute; right:5px; top:5px;
		cursor:pointer;
		height:35px;
		width:35px;
	}

	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(../images/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}


	
/* ---------------------------------------------------------------------
	Footer
   --------------------------------------------------------------------- */
   
   /* Sticky Footer - Keeps footer at bottom of the page */
   .wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
	}
   .push {
	   	height: 120px; /* Must be the same height as the footer + footer top & bottom margin */
		}
			

/* ---------------------------------------------------------------------
	Misc Classes and Elements
   --------------------------------------------------------------------- */


/* Clear Floated Elements - http://www.positioniseverything.net/easyclearing.html */

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



.clearfix {
	display: block;
	}