/*****************************************************************************************************
		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{height:100%;}

body {
	background:#fff;
	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:768px;
	background:#fff;
	text-align:left;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:313px; /*1px below topWrapper for a 1px white crack*/
	left:0px;
	width:768px; 
	background:#fff url('../images/design/contentAllWrapper_bg.gif') repeat-y 0% 0%;
}

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


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

#date{ /*positions the date div*/
	position:absolute;
	top:10px;
	right:0px;
	font:64% Arial, sans-serif;
	color:#666;
}

#logo{
	position:absolute;
	top:23px;
	left:160px;
	color:#000;
	font:70% Arial, sans-serif;
	z-index:2;
}

#thumbsUpTop{position:absolute; top:0px; left:0px;}
#thumbsUpBott{position:absolute; top:119px; left:0px;}

#bandCurve{position:absolute; top:69px; left:172px;}
#bandHead{position:absolute; top:140px; left:172px;}
#bandText{position:absolute; top:181px; left:172px;}
#bandSlogan{position:absolute; top:246px; left:172px;}
#bandCouple{position:absolute; top:48px; right:0px;}

#navbar{
	position:absolute;
	top:282px;
	left:0px;
	width:554px;
	height:30px;
	z-index:10; /*z-index above closer - Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
	background:#54A7A1 url('../images/design/nav_bg_off.gif') repeat-x 0% 0%;
	text-align:left;
	font:70%/30px "Trebuchet MS", Arial, sans-serif;
	color:#fff;
}


/*******************************MIDDLE STYLES**********************************************/

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

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

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:342px;
	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:213px; 
	background:transparent;
}

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

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

/*******************************BOTTOM STYLES**********************************************/
#rightSideBott{ position:relative; float:right; clear:both; font:0% Arial, Helvetica, sans-serif; width:213px; height:1px; background:#DEB1B4; overflow:hidden;} /*Creates bottom border of right side*/

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	background:#479993 url('../images/design/footer_bg.gif') repeat-x 0% 0%;
	clear:both;
	border:10px solid #fff;
	border-width:10px 0px 0px;
}

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

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

#kirsir{
	font:64% Tahoma, Arial, sans-serif;
	color:#fff; 
	padding:0px 10px 8px;
}

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