/*****************************************************************************************************
		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:#9e9d72 url('../images/design/body_bg.jpg') 0px 0px repeat-x;
	color:#000;
	margin:0px;
	padding:0px;
	font:100%/1.3 Arial, sans-serif;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:32px 0px 0px;
	left:50%;
	margin-left:-384px; /*752px moved 50% of window to center - to move back, margin must be neg*/
	width:768px;
	background:#dddcba;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:242px;
	left:0px;
	width:752px; /*752px + 8px left border + 8px right border = 768px (MAX WIDTH FOR 800x600 screens!)*/
	background:#dddcba url(../images/design/palette_bottom_bg.jpg) 0% 0% no-repeat;
	border:8px solid #fff;
	border-width:0px 8px 8px;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:752px;
	height:234px; /*234 images + 8px top border = 242px*/
	background:#dddcba;
	border:8px solid #fff;
	border-width:8px 8px 0px;
}


/*******************************TOP STYLES**********************************************/
/*Positioning the collage of images*/
#trees {position:absolute; top:0px; right:390px; width:104px; height:234px; background:url('../images/design/top_trees.jpg');}
#abstract{position:absolute; top:0px; right:257px; width:131px; height:162px; background:url('../images/design/top_abstract.jpg');}
#collage3{position:absolute; top:164px; right:139px; width:249px; height:70px; background:url('../images/design/top_collage3.jpg');}
#collage4{position:absolute; top:82px; right:139px; width:116px; height:80px; background:url('../images/design/top_collage4.jpg');}
#flowers{position:absolute; top:0px; right:139px; width:116px; height:80px; background:url('../images/design/top_poppies.jpg');}
#collage6{position:absolute; top:0px; right:0px; width:137px; height:234px; background:url('../images/design/top_collage6.jpg');}


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

#logo{position:absolute; top:0px; left:0px; width:243px; height:80px; font:100% Arial, sans-serif;}


#navbar{
	position:absolute;
	top:80px; left:0px;
	width:256px;
	height:154px;
	z-index:10; /*z-index above closer*/
	
	font:64% Arial, sans-serif;
	color:#000;
	background:#dddcba url(../images/design/nav_bg.jpg) 0% 0% no-repeat;
}
#navlinks {position:absolute; top:18px; right:12px; text-align:right;}


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

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	background:transparent;
	width:100%;
	height:auto; /*allow expanding div*/
	padding:30px 0px 0px;/*Move bottom stuff below palette bottom image*/
	min-height:295px; /*FF height (not supported in IE 6 or less - see ie_hacks.css)*/
}

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

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:250px;
	float:right;
	height:auto; /*allow expanding div*/
	min-height:295px; /*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:251px; 
	background:url(../images/design/dotted_vert_line.gif) 100% 0% repeat-y;
	height:auto; /*allow expanding div*/
	min-height:295px; /*FF height (not supported in IE or less - see ie_hacks.css)*/

}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:251px; 
	height:auto; /*allow expanding div*/
	min-height:295px; /*FF height (not supported in IE or less - see ie_hacks.css)*/
	background:url(../images/design/dotted_vert_line.gif) 0% 0% repeat-y;
}

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

#horzBar {font:1px Arial, sans-serif; width:241px; margin-left:10px; height:1px; background:#dddcba url(../images/design/dotted_hor_line.gif) 0% 0% repeat-x;}
#horzBarFeatures{font:1px Arial, sans-serif; width:100%; height:1px; background:#dddcba url(../images/design/dotted_hor_line.gif) 0% 0% repeat-x;}
#bar{position:absolute; top:2px; right:0px; width:494px; height:6px; z-index:5; background:#004d75; font:0% arial;}

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

#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	background:#dddcba url(../images/design/dotted_hor_line.gif) 0% 0% repeat-x;
	clear:both;
	margin-top:10px; /*distance from content area*/
}

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

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

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

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