/*
Client: Kitchen Art
Site: www.cabinetsbykitechart.ca
Design: galigraph.com
Author: Arthur Kononuk
Date: April 2009
*/

@charset "UTF-8";

/*
Body/Paragraph/Attribute - Shorthands
*/

body, html {padding:0;margin:0;width:100%;height:100%;}

body {background-color:#4E5A66;}

#wrapper {margin:0;padding:0;position:relative;}

* { outline:none; }

p, a, span, h, li {color:#5C6A91;font-family:Verdana, Tahoma, Myriad, Myriad Pro, sans-serif;text-decoration:none;padding:0;margin:0;list-style-type:none;}

/*
Main Content Divs
*/

#shim {
visibility:	hidden;
margin-top:	-345px;
width:		100%;
height:		50%;
float:		left;
}

#wrapper {
height:		690px;
width:		1010px;
margin:		0 auto;
position:	relative;
clear:		both;
}

#topBar {
width:		1010px;
height:		175px;
float:		left;
background:	url("../images/ka_header.jpg");
}

#contentBox {
height:		440px;
width:		894px;
float:		left;
background:	#EDE5DA;
max-width:	894px;
max-height:	440px;
}

#leftBar {
width:		63px;
height:		440px;
float:		left;
background:	url("../images/ka_leftbar.jpg");
}

#rightBar {
width:		53px;
height:		440px;
float:		left;
background:	url("../images/ka_rightbar.jpg");
}

#footerBar {
width:		1010px;
height:		45px;
float:		left;
background:	url("../images/ka_footer.jpg");
}

#spacerBar {
background:		#4A3B1F;
width:			100%;
height:			2px;
float:			left;
border-top:		1px solid #FDF9E9;
border-bottom:	1px solid #C5A275;
margin:			5px 0 5px 0;
}

#spacerBarF {
background:		#4A3B1F;
width:			100%;
height:			2px;
float:			left;
border-top:		1px solid #FDF9E9;
border-bottom:	1px solid #C5A275;
margin:			0 0 2px 0;
}

#flashBox {
width:		890px;
float:		left;
overflow:	visible;
}

#textleft, #textright{
	float:left;
	width:300px;
}

#textright{
	margin-left:45px;
}
	

#colBox {
margin:0 auto;
}

#coPartner {
height:395px;
width:113px;
margin:0 auto;
padding:0;
}


/*
Navigation
added by js below*/


a.newx:link {
	font-family:avant garde, arial;
	font-size:12px;
	color:#311B0A;
	color: #A7863B;
	text-decoration: none;
	}
a.newx:visited {
	font-family:avant garde, arial;
	font-size:12px;
	
	color: #A7863B;
	/*color: #86824E;*/
	text-decoration: none;
	}
a.newx:hover, a:active {
font-family:avant garde, arial;
	color:#311B0A;
	font-size:12px;
}
	
#tableNav_text  {

	top:100px;
	left:400px;
	width:540px;
	position:absolute;
/*	display:	block;
	width:		45px;
	height:		22px;
	background:	url("../images/nav_home.jpg") 0px 0px;*/
	}




#navWrap {
height:		22px;
width:		394px;
float:		right;
margin: 	107px 105px 0 0;
}

	#homeNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		55px;
	background:	url("../imagesx/nav_home.jpg") 0px 0px;
	}
	
	#homeNav_text a {
	font-family:avant garde, arial;
	color:#86824E;
	font-size:12px;
	float:		left;
	display:	block;
	width:		45px;
/*	height:		22px;
	background:	url("../images/nav_home.jpg") 0px 0px;*/
	}
	
	
		#homeNav a:hover {
		background:	url("../imagesx/nav_home.jpg") 0px 23px;
		}
		
		#homeNav_text a:hover {
		font-family:avant garde, arial;
		font-size:12px;
		color:#311B0A;
/*		background:	url("../images/nav_home.jpg") 0px 23px; */
		}
		
		
	#portfolioNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		62px;
	background:	url("../imagesx/nav_portfolio.jpg") 0px 0px;
	}

#portfolioNav_text a {
border:ridge;
	float:		left;
	display:	block;
	font-family:avant garde, arial;
	color:#86824E;
	font-size:12px;
	width:		62px;
/*	height:		22px;
	
	background:	url("../images/nav_portfolio.jpg") 0px 0px;*/
	}	
		#portfolioNav a:hover {
		background:	url("../imagesx/nav_portfolio.jpg") 0px 23px;
		}
		
	#portfolioNav_text a:hover {
		font-family:avant garde, arial;
		font-size:12px;
		color:#311B0A;
/*		background:	url("../images/nav_portfolio.jpg") 0px 23px; */
		}



	#partnersNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		60px;
	background:	url("../imagesx/nav_partners.jpg") 0px 0px;
	}
	
		#partnersNav a:hover {
		background:	url("../imagesx/nav_partners.jpg") 0px 23px;
		}
		
	#testimonialsNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		84px;
	background:	url("../imagesx/nav_testimonials.jpg") 0px 0px;
	}
	
		#testimonialsNav a:hover {
		background:	url("../imagesx/nav_testimonials.jpg") 0px 23px;
		}
		
	#bioNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		73px;
	background:	url("../imagesx/nav_bio.jpg") 0px 0px;
	}
	
		#bioNav a:hover {
		background:	url("../imagesx/nav_bio.jpg") 0px 23px;
		}

	#kitchenNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		73px;
	background:	url("../images/navx_kitchen.jpg") 0px 0px;
	}
	
		#kitchenNav a:hover {
		background:	url("../imagesx/nav_kitchen.jpg") 0px 23px;
		}









	#contactNav a {
	float:		left;
	display:	block;
	height:		22px;
	width:		60px;
	background:	url("../imagesx/nav_contact.jpg") 0px 0px;
	}
	
		#contactNav a:hover {
		background:	url("../imagesx/nav_contact.jpg") 0px 23px;
		}

/*
Gali Box
*/

#galigraph a {
margin:			0 auto;
display:		block;
width:			82px;
height:			30px;
text-indent:	-9000px;
background:		url(../images/gali_spr.gif) 0px 0px no-repeat;
}

#galigraph a:hover {
background: url(../images/gali_spr.gif) 0px -36px no-repeat;
}

/*
Paragraph & Attributs
*/

.mainCopy {
margin:			0 0 0 10px;
font-size:		10pt;
line-height:	14pt;
color:			#4A3B1F;
}

p.bioCopy {
margin:			20px 40px;
font-size:		10pt;
color:			#3F2416;
}

p.bioCopy2 {
margin:			20px 40px;
font-size:		9pt;
color:			#3F2416;
}

.mainHead {
margin:			0 0 0 10px;
font-size:		16pt;
color:			#3F2416;
}

li.partners {
margin:			0 0 0 10px;
font-size:		11pt;
line-height:	15pt;
color:			#3F2416;
list-style:		square;
}

li.partners a {
color:	#B78354;
}

/*
Rando
*/

#imageThumb {
margin: 5px 5px 0 0;
}

#imageThumb2 {
margin: 2px 0 0 0;
}

#goBack {
float:left;
}

.backSmall {
margin:			0;
padding:0;
font-size:		8pt;
color:			#4A3B1F;
}

/* new_page.html */



#far_right{
left:710px;
top:190px;
position:absolute;
}

#left_menu{
width:95px;
font-family:arial;
font-size:13px;
font-weight:400px;
left:70px;
top:220px;
position:absolute;
z-index:50;
}

#transbar{
background:#847B73;
filter:alpha(opacity=80);
opacity:.8;
width:740px;
height:40px;
left:210px;
top:520px;
position:absolute;
z-index:50;
}

#luxpng{
left:500px;
top:520px;
position:absolute;
z-index:52;
}

/* index_ani.html - animation workings */

 #jpg1 {
  top:203px;
 background:none;
 left:175px;
 width: 109px; 
 height: 164px; 
 padding: 0.4em; 
 overflow:hidden;
 position:absolute; 
 z-index:10;
 }
 
 #jpg2 {
 
	left:305px;
	/*  background-image:url(1.jpg);
  background-repeat: no-repeat;*/
  top:203px;
	background: none;  
	width: 239px; 
 height: 0px; 
	position: absolute;
	overflow:hidden;
	visibility:visible; 
	z-index:10;
}

 #jpg3 {
 	left:550px;
	/*  background-image:url(1.jpg);
  background-repeat: no-repeat;*/
  top:203px;
	background: none;  
	width: 132px; 
 height: 0px; 
	position: absolute;
	overflow:hidden;
	z-index:10;
}

 #jpg4 {
 /*border:ridge;*/
 display:none;
 top:383px; 
 background:none;
 left:180px;
 width: 115px; 
 height: 164px; 
 padding: 0.4em; 
 overflow:hidden;
 position:absolute; 
 z-index:10;
 }

 #jpg5 {
/* border:ridge; */
 display:none;
 top:383px; 
 background:none;
 left:300px;
 width: 109px; 
 height: 164px; 
 padding: 0.4em; 
 overflow:hidden;
 position:absolute; 
 z-index:10;
 }

 #jpg6 {
 display:none;
 top:383px; 
 background:none;
 left:420px;
 width: 256px; 
 height: 164px; 
 padding: 0.4em; 
 overflow:hidden;
 position:absolute; 
 z-index:10;
 }

#jpg7 {
display:none; 
 top:198px; 
 background:none;
 left:680px;
 width: 242px; 
 height: 350px; 
 padding: 0.4em; 
 overflow:hidden;
 position:absolute; 
 z-index:10;
 }

 #txt {
/*border:ridge; */
 display:none; 
 background:none;
 /*opacity:.7;*/
 top:523px;
 left:445px;
 width:540px; 
 height: 25px; 
  overflow:hidden;
 position:absolute; 
 z-index:11;
 }  

/*contact.html */

#facebook{
left:900px;
top:130px;
position:absolute;
z-index:22;

}