/*================= This sets the width of the entire layout ====================*/



#header .masthead, #middle .content	{width: 74em;} /*there is 1.em padding on each side*/

body {font-size: 62.5%;}

.sidebar	{	width: 39%; }

.main		{ width: 54%;}

.equal		{ width: 44%; }

/*===============================================================================*/


html 	{height: 100%;}



body	{
		width: 100%;
		height:100%;
		margin: 0;
		padding: 0;
		background: #efecec;
		
		
		}
#header {
			width: 100%;
			height: 67px;
			background: url(../common_images/header-back.gif) repeat-x #EE8919;
			border-bottom: 1px solid #999;
			overflow: visible;
		}
		
		




#header  .masthead
			{
				
				height: 68px;
				width: 74em;
				margin: 0 auto;
				position: relative;
				z-index: 400;
				
			}	
		
#wrapper {
			width: 100%;
			position: relative;
			height: 100%;
			background: #EFECEC;
			
		 }
		
#footer {
			width: 100%;
			margin: 0 0 0 0;
			height: 100px;
			border-top: 1px solid #999;
			position: relative;
			clear: both;
			background: #EFECEC;
			text-align: center;
			}
			
		
					
#middle {
			position: relative;
			width: 100%;
			border: 12px solid white;
			border-width: 10px 0 10px 0;
			margin: 0 auto;
			background: #FCFDFB;
			z-index: 100;
		}
		
#middle .content
		{	
			margin: 0 auto;
			padding: 0;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			background: white;
		}
		
.element
				{
					width: 98%;margin: 0 0 10px 0;
					padding: 0px 0 10px 0;
					border-bottom: 1px solid #999;
				}
				
.sidebar .element
				{
					width: 94%;	margin: 0 0 10px 0 ;}
				
								
				
.full	{	width: 96%;
			margin: 0 auto;	}	




.headquote	{ float: right;
				margin: 3px 0 0 0;
				width: 590px;
				height: 30px;
				background: url(../common_images/header-quote.gif) no-repeat; }	
				
				
div.smallfooter {	margin:0 auto;
				width: 730px; 
				padding: 0 ;
				height: 30px;
				}
				
div.smallfooter p {	padding: 18px 0 0 0;}				
				
div.smallfooter img	{
						margin: 10px 0 0 0;
						float: right;
						position: relative;
						display: inline;
					}
					
.regularfooter {height: 50px !important;}

				
				
/*--------------- 2 column layout ---------------*/
	
/*#news	{	
			
			position: absolute;
			height: 65px;
			width: 70px;
			margin-top: 260px;
			margin-left:-50px;
			background: url(common_images/news.gif) center no-repeat;
			z-index: 300 !important;
			
			
			}*/
			
			

							
								
							


.sidebar	{	margin: 10px 2.5% 0 2.3%; 
				border-right: 1px solid #999;
				float: left;
				position: relative;		
			}

.main		{
				margin-top: 10px;
				float: left;
				position: relative;	
			}
			
.equal		{
				margin: 10px 0 0 3%;
				float: left;
				position: relative;
			}
			
.equalend	{ margin-left: 5.5%}			

.equaldivide	{ width: 43%;
				 padding-left: 3.3%;
				 border-left: 1px solid #999;
				 margin-left: 4%; }		
				 	
						
* html body .equal 	{ display: inline;}			
			
* html body .sidebar	{	margin-left: 1.8%;
							margin-right: 1%;
							display: inline; }			
			
* html body #header  .masthead { height: 67px; }			
			
* html body .sidebar	{	
							margin-left: 1.8%;
							margin-right: 2%;
							display: inline; }

* html body .main		{ display: inline; }			

* html #footer-wrapper {
  						float: left;
 						 position: relative;
  						width: 100%;
  						padding-bottom: 10010px;
  						margin-bottom: -10000px;
  						background: #EFECEC;       }
  						
 * html body #navigation { bottom: -2px;} 						

.content {	position: relative; /*---yay IE7---*/
			overflow: hidden;
			z-index: 200;
		}

.content .column {
			padding-bottom: 1001em;    
			margin-bottom: -1000em;     
			position: relative; 
				}

			
										
					
/*--------------------tabs ----------------------*/	



#navigation	{
				height: 25px;
				position: absolute;
				left: 0px;	
				bottom: 0px;
					
			}
			
#navigation ul 	{
					margin: 0;
					display: inline;
				}
#navigation li	{
					margin: 0;
					display: inline;
					
				}	
#navigation li a	{
						
						width: 78px;
						padding: 0;
						height: 16px;
						margin-top: 6px;
						display:block;
						float: left;
						text-align: center;
						text-decoration: none;
						color: #e1e1e1;
						font: normal 11px/15px Arial, sans-serif;
						border-left: 1px solid #666;
					}

a.navend	{ border: none;}					


#navigation li a:hover {	color: #EE8919;}									
														
#navigation a.active
				{
					background: url(../common_images/tab4.gif) no-repeat;
					color: #333;
					height: 26px;
					margin: 0 !important;
					line-height:26px;
					border:none;
				}												

#navigation a.active:hover	{color: #333; }		




/*-------------- typography ------------------*/

h1, h2, h3, .sidebar h1, .sidebar h2, .sidebar h3 {
			font-family: Verdana, helvetica, sans-serif;}

h1, h2, h3, p  {	margin-left: 2%; margin-right: 2%;}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar p
				{	margin-left: 4%; margin-right: 10%; }
					
.element h1, .element h2, .element h3, .element p
					{ margin-left: 0; margin-right: 0; }					
					
h1	{ 
		font-size: 1.2em;
		/*color: #db7300;*/
		/*color: #e49400;*/
		color: #EE8919;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: .3em;
		clear: both;
		
	}									

	
h1.list	{	margin-bottom: .4em; padding-left: 1.3em; background: url(../common_images/list3.jpg) left no-repeat;}	

h2	{
		font-size: 1.5em;
		line-height: 1.2em;
		color: #EE8919;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: .2em;
	}

h3	{
		font-size: .9em;
		color: #474747;
		font-style: italic;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: .6em;
	}
	
h3 strong 	{
				color: #333;
				font-size: 1em;
				font-weight: bold;
				font-style: normal;
			}
			
h3.right	{text-align: right;
				margin-bottom: 3em;}
	
p	{
		color: #333;
		font: normal 1.1em/1.4em Arial, Helvetia, sans-serif;
		margin-top: 0;
		margin-bottom: .5em;
	}
	
#footer p {
			color: #333;
			font: normal 1em/1.2em Arial, Helvetia, sans-serif;
			margin-top: .5em;
			margin-bottom: 0em;
			}					
		
	
	
a.endlink	{
				font: bold oblique 9px/2.5em Verdana, sans-serif;
				margin: 0 !important;
				text-decoration: none;
				background: url(../common_images/linkarrow.gif) right no-repeat;
				padding-right: 12px;
				color: #333;
				display: block;
				text-align: right;
				
			}
			
	
a.endlink:hover	{
					color: #666666;
					background: url(../common_images/linkarrow2.gif) right no-repeat;
				}						
.endquote { font-size: smaller; font-style: italic;}	
	
p a	{
		color: #8a8a8a;
		font-style: italic;
		text-decoration: none;
	}
	
p a:hover	{
		color: #151515;
		font-style: italic;
	}		

.callout	{	float: left;
				width: 75%;}
	
.quote	{	text-indent: -.5em;}	/*--hanging punctuation prettiness---*/		

.item 	{margin: 0 0 1.5em 0;}

.last	{ margin-bottom: 0px !important;}

.item p	{ 	margin-left: 1.5em;
			padding-left: 1em;
			 }
			 
div.press h1	{ font-style: italic;}			 
			
p.block {	border-left: 1px solid #999; } 

p+p.block {	margin-left: 2.6em;}	
		
.item h3	{	padding: 0 0 0 1em;}

img.tipin 	{	margin: 0 14px 0px 10px;
					width: auto;
					float: left;
					display: inline;
					position: relative;}

.emphasis {		font-size: 1.5em;
				font-weight: bolder;
				color: #EE8919;}	

					
.centerspace	{
					padding-top: .2em;
					padding-bottom: 1.1em;
					text-align: center;
				}
				
				
.column ul				{	margin:0 0 1.5em 0; padding: 0;  font: normal 1.1em/1.3em Arial, sans-serif;  text-indent: 0; }
.column ul li			{	margin-left: 23px; margin-bottom: .5em; padding: 0 0 0 10px; list-style: none; background:  url(../common_images/list4.jpg) no-repeat 0 5px  ; color: black; }

.column ul li a	{
		color: #151515;
		font-style: italic;
		text-decoration: none;
	}
	
.column ul li a:hover	{
		color: #666;
		font-style: italic;
	}		



.column ul li ol 		{	margin: 4px 0 0 0px; padding: 0;  }
.column ul li ol li		{	margin-left: 22px; padding: 0;  background: none; list-style-type: decimal  !important; list-style-position: outside;  }
				

* html .column ul li ol li	{	margin-left: 29px; }	

.blockquote	{	padding-left: 18px; padding-top: 6px; font-size: 1.2em; line-height: 1.4em; font-style: italic;}
.floatleft	{float: left;}	
.referance	{ 	padding-top: 8px;
				padding-left: 550px;}	

		.disclaimer {	width: 32em;
						height: 4em;
						padding-top: 1em;
						margin: 0 auto;
						background: white;
						text-align: center;
						border-top: 1px solid #999;}
		.disclaimer p {	font-size: .9em;
						font-style: italic;
						
						}	


/*-------------- image replacement ------------------*/

span.textreplace	{ display: none;	}	

.home-head { 	background: url(../common_images/irebal-front3.gif) center 0 no-repeat ; 
							margin: 3px auto 6px;
							width: 96%;
							height: 172px;
							border-bottom: 1px solid #999;
							 }	

.features-head { 	background: url(../common_images/irebal-features.gif) no-repeat; 
							margin: 10px auto;
							width: 640px;
							height: 100px;
							display: block;
							 }
							 
.press-head { width: 314px;
				height: 46px;
				margin: 0 auto 10px;
				background: url(../common_images/irebal-press.gif) no-repeat;}
				
.research-head { width: 314px;
				height: 46px;
				margin: 0 auto 10px;
				background: url(../common_images/irebal-research.gif) no-repeat;}								 
							 
							 
.testimonials-head { 	width: 100%;
								height: 180px;
								margin: 0 auto;
								background: url(../common_images/irebal-testimonials.gif) center no-repeat;
								}