/*****************************************************************************************************
		Kirsir Internet Solutions Project Template v1.2
		http://www.kirsir.ca
		
		Date Created: October 20, 2004
		Date Modified: June 25, 2006
		Description: Each file in the project template contributes to a Kirsir web site project and
		             provides a base web site for each client.
					 The site structure, logic, and code has been developed for use by Kirsir to assist in project development
					 and cannot be distributed or sold.
		
		Copyright (c) 2006 Kirsir Internet Solutions
******************************************************************************************************/

	/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is to be 175px, that total includes the border (1px?) and 'inside' (174px?).*/

@import url('borders.css');
@import url('boxes.css');
@import url('dropdowns.css');
@import url('forms.css');
@import url('links.css');
@import url('lists.css');
@import url('other.css');
@import url('tables.css');
@import url('text_headers.css');

/*************************CORE POSITIONING STYLES*****************************************/
html, body{width:100%; height:100%;}

body {
	background:#B4CFE9 url('../images/design/body_bg.gif') repeat-x fixed 0% 0%;
	color:#000;
	margin:0px;
	padding:0px;
	font:100%/1.3 Arial, sans-serif;
	text-align:center;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px auto;
	width:960px;
	background:#fff;
	text-align:left;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:236px; 
	left:0px;
	width:100%;
	background:#fff;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:236px;
	background:#fff;
}


/*******************************TOP STYLES**********************************************/

#topRow1{
	position:absolute;
	top:0px;
	right:0px;
	width:720px; 
	height:26px;
	z-index:10; /*Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
	background:#fff;	
}

#navbar{
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	height:26px;
	z-index:10; /*z-index above closer*/
	background:transparent url('../images/design/nav_bg.gif') repeat-x 0% 0%;
	color:#fff;
	font:70%/26px "trebuchet ms", Arial, sans-serif;
	text-align:right;
}

.navSeparator{padding:0px 5px; color:#E6EEF6;}

#logo{
	position:absolute;
	top:18px;
	left:8px;
	color:#2a80d5;
	font:64% Arial, sans-serif;
	z-index:5;
}

#topBandSlice{position:absolute; top:73px; left:279px; width:480px; height:20px; background:transparent url('../images/design/band/band_top_slice.gif') no-repeat 0% 0%;}

#topBand{
	position:absolute; 
	top:93px;
	left:0px;
	width:100%;
	height:143px;
	background:#fff;
}

#bandStep1Top{position:absolute; top:0px; left:0px;}
#bandStep1Bott{position:absolute; top:49px; left:0px;}

#bandStep2Top{position:absolute; top:0px; left:279px;}
#bandStep2Bott{position:absolute; top:49px; left:279px;}

#bandStep3Top{position:absolute; top:0px; left:519px;}
#bandStep3Bott{position:absolute; top:49px; left:519px;}

#bandPoint{position:absolute; top:0px; left:759px; width:60px; height:143px; background:transparent url('../images/design/band/band_arrow_point.jpg') no-repeat 0% 0%;}
#bandBlurb{position:absolute; top:35px; right:15px; width:122px; height:77px;}

#topTempBenefits{position:absolute; top:50px; right:8px; font:bold 70% "trebuchet ms", Arial, Helvetica, sans-serif; color:#2a80d5;}

/*******************************MIDDLE STYLES**********************************************/
#breadcrumbWrapper{position:absolute; top:0px; left:0px; width:763px; height:25px; border-bottom:0px solid #D0D0D0; background:#E2E2E2 url('../images/design/breadcrumb_angle.gif') no-repeat 100% 0%; color:#5e5e5e;}
#breadcrumb{position:absolute; left:0px; height:25px; font:70%/25px "Tahoma", Arial, Helvetica, sans-serif; padding:0px 15px 0px 16px; z-index:5;}

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	background:transparent;
	width:960px;
	height:auto; /*allow expanding div*/
	min-height:500px; /*FF height (not supported in IE or less - see ie_hacks.css)*/
	padding-top:28px;
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:780px;
	background:#fff;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:620px;
	float:right;
	height:auto; /*allow expanding div*/
	min-height:275px; /*FF height (not supported in IE or less - see ie_hacks.css)*/
}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:160px; 
	background:#fff;
}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:180px; 
	background:#fff;
}

#content {
	position:relative;
	margin:0px 10px 10px;
	background:#fff;
}

/*******************************BOTTOM STYLES**********************************************/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%;
	clear:both;
	margin-top:0px; /*distance from content area*/	
	border:8px solid #fff;
	border-width:5px 0px 0px;
	text-align:center;
}

#footerTop{width:100%; height:4px; font:0% Arial, Helvetica, sans-serif; background:#d5802a; border:1px solid #fff; border-width:0px 0px 1px;}

#footerBott{background:#3E90E0 url('../images/design/footer_bg.gif') repeat-x 0% 0%;}

#textLinks{
	position:relative;
	font:64% Arial, sans-serif;
	color:#fff;
	padding:5px 8px 2px;
}

#network{position:relative; font:64% Arial, Helvetica, sans-serif; color:#fff; padding:0px 8px;}

#copyright {
	position:relative;
	font:64% Tahoma, Arial, sans-serif;
	color:#fff;
	padding:2px 8px 10px;
}


/******************DISPLAY DURING PRINTING ONLY*****************************************/
/*Company Info that only appears when printed*/
#printCompanyInfo{display:none;}