/*****************************************************************************************************
		Kirsir Project Template v1.1
		http://www.kirsir.ca
		
		Date Created: October 20, 2004
		Date Modified: September 14, 2005
		Description: Each file in the project template contributes to a Kirsir web site project.
		             Provides a base web site for each client.
					 The site structure and code has been developed for use by Kirsir to assist in project development
					 and cannot be distributed or sold.
		
		Copyright (c) 2005 Kirsir Web Development
******************************************************************************************************/

/****************************RESTYLING***********************************************/
/*styles that overwrite those for a regular page in order to output a different looking index page*/

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

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

#center{ /*div holding content (adding a border adds width!)*/
	width:375px; /*no left col*/
	margin-top:1px;
}

#right{ /*column holding right content (adding a border adds width!)*/
	width:373px; 
	margin:2px 0px 0px 2px;/*allow 2px seperation between content and right box + 373px = 375px width*/
}

#content {margin:0px 1px 0px 0px;}

/********************************BOXES*****************************************************/
#flashSS{position:relative; z-index:1; background-color:#fff; width:373px; height:306px;} /*306px + 2px top margin = 308px*/
#flashBrownBox{
	position:relative;
	width:373px;
	height:17px;
	background:#8f7155;
	font:0%/0% Verdana, Arial, sans-serif;
	margin-top:2px;
}

/*3 horizontal boxes on index page*/
#box3HorizontalWrapper{
	position:relative;
	clear:both;
	width:100%;
}

#boxWhoWeAre{position:relative; width:100%; height:152px; background-color:#e6dac2;} /*324px (flash) - 20px date = 304px/2*/
#boxWhoWeAre .sideBoxHeader{background-image:url('../images/design/box_who_we_are.gif');}
#boxWhoWeAre .boxLine{width:100%; height:2px; font:0%/0% Verdana,Arial, sans-serif; background:url('../images/design/line_who_we_are.gif') top left repeat-x;}

#boxWhatWeDo{position:relative; width:100%; height:152px; background-color:#d7c6a2;}
#boxWhatWeDo .sideBoxHeader{background-image:url('../images/design/box_what_we_do.gif');}
#boxWhatWeDo .boxLine{width:100%; height:2px; font:0%/0% Verdana,Arial, sans-serif; background:url('../images/design/line_what_we_do.gif') top left repeat-x;}

/*all three main boxes have the following stylings*/
#boxFeaturedProject, #boxNewsEvents, #boxEstimate{position:relative; float:left; height:160px;}

#boxFeaturedProject{width:248px; background-color:#e8d9bb; margin-right:2px;}
#boxFeaturedProject .sideBoxHeader{background-image:url('../images/design/box_featured_project.gif');}
#boxFeaturedProject .boxLine{background:url('../images/design/line_featured_project.gif') top left repeat-x;}

#boxNewsEvents{width:250px; background-color:#e2cb9d;}
#boxNewsEvents .sideBoxHeader{background-image:url('../images/design/box_news_events.gif');}
#boxNewsEvents .boxLine{background:url('../images/design/line_news_events.gif') top left repeat-x;}

#boxEstimate{width:248px; background-color:#dfd0b3; margin-left:2px;}
#boxEstimate .sideBoxHeader{background-image:url('../images/design/box_need_an_estimate.gif');}
#boxEstimate .boxLine{background:url('../images/design/line_estimate.gif') top left repeat-x;}