/* CSS Document */
/* Author Pierre Zevallos @ Zevallos.TV http://www.NetworkingFriends.com */
/* Khausak.com khausakmusic.com*/
/* Khausak Main Style Sheet UPDATE TO FIX IE7 rollover problems and using transparent images of menut-text-link to apply different color backgrounds*/
/*Styles use in this khausak_style6b.css use for khausak_menu_DIVs.css MINUS LEFT TOP RIGHT margins*/
/* This Style Sheet allows the use of multiple image rollover within and instead the traditional method of inserting images rollovers with in the html, allowing a faster and cleaner functionality that hwlps any browser since it is a CSS with proper DIV tags*/
/*FINAL STYLE FOR MENU LIST */  /* SPANISH VERSION of IMAGES ESPANOL*/

/*other  color FONTS to consider dark olive 494d2c lgith olive b9b899 & b9b997 yellow d9b742 red a20615 red-bright 660033 baby-blue becdec fuscia 892048 mamey ea7220 red-wine 812608 light-blue 87a5e3 orangy ebce7f */
/*colors can be use in combination as long as the other elements allow readability such as putting a too bright or too dark background incontrast an opposite hue/tone/brightness of color*/

/* Khausak Main Wrapper Style Sheet LEFT MENU SIZE DIMENSIONS */
#menu {
	position:relative;
	/*background-color: #494d2c;*/
	/*background-color: #b9b899;*/
	/*background-color: #87a5e3;*/
	/*left:0px;*/
	/*top:0px;*/
	text-align: left;
	width:219px;
	height: 290px;
	padding: 0px;
	/*padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px; */
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border-spacing: 0px;*/
	/*border-left-color:#333333;*/
	/*border-right-color:#CCCCCC;*/
	/*border-left:inset;
	/*border-top:inset;
	/*border-right:outset;
	/*border-bottom:outset;
	/*border:groove;*/
	/*border-style:ridge;*/
	/*border:outset;
	/*border-left-style:solid;
	/*border-left-style:outset;*/
	/*background-image:url(images_khausak/khausak_2x2_b9b899.gif);*/
	/*background-color: #b9b899; light green olive*/
	 /* background-position:left; bottom center inherit left right top*/
	/*background: color, url, none,bottom, center, left, right, top, no-repeat, repeat, repeat-x, repeat-y, fixed, scroll, inherit */
	/*background-position: bottom center inherit left right top*/
	/*background-attachment: fixed, scroll, inherit,*/
	/*background-image: browse to url, inherit, none */
	/*background-repeat:inherit, no-repeat, repeat, repeat-x, repeat-y */
	/*position:absolute, fixed, inherit, relative, static*/
	/*float:inherit, left, none, right*/
	/*overflow:auto, hidden, inherit, scroll, visible*/
}

/* Khausak Begin image divisions and layout CSS for LEFT MENU speciic size and dimensions base on rollover images slices */
#khausak-menu-DIVs-01 {
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_01.gif);/*image background of color light olive*/
	/*background image URL no required if use any BACKGROUND COLOR CODE*/
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:57px;
	height:21px;
	/*background-color: #494d2c;*/
	/*background-color: #87a5e3; /*#b9b899;*/
}

#khausak-menu-DIVs-02 {
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_02.gif);/*image background of color light olive*/
	/*background image URL no required if use any BACKGROUND COLOR CODE */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:0px;
	width:162px;
	height:21px;
	/*background-color: #87a5e3; /*#b9b899;*/
}

#khausak-menu-DIVs-03 {
	/*background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_f4.png);/*image of flute quena instrument*/
	/*background image could be different instrument as long as aspect ratio of pre-cut/slice dimensions are maintain*/
	background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_flu2.png);/*Quena handmade*/
	/*background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_q1.png);/*Quenacho*/
	/*background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_flute1.png);/**/
	/*background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_flute2.png);/*flauta*/
	/*background-image:url(../images_menu_list/images_menu_transparent/instrument_57x217_flu3.png);/*quena close-up*/
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:21px;
	width:57px;
	height:217px;
}

#khausak-menu-DIVs-04 {
/*images background are not really needed since I am using ROLLOVER IMAGES for each menu list interaction*/
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_06.png);/*image 04 menu HOME can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif);  image 04 menu INDICE SPANISH */
	/*background-image:url(images_menu_list/menu162x31/menu_en_g_219x31_06.jpg); /*green color image text*/
	/*background-image:url(images_menu_list/menu162x31/menu_en_r_219x31_06.jpg); /*red color image text*/
	/*background-image:url(images_menu_list/menu162x31/menu_en_w_219x31_06.jpg); /*white color image text*/
	/*background-image:url(images_menu_list/menu162x31/menu_es_g_219x31_06.jpg); /*SPANISH green color image text*/
	/*background-image:url(images_menu_list/menu162x31/menu_es_r_219x31_06.jpg); /*SPANISH red color image text*/
	/*background-image:url(images_menu_list/menu162x31/menu_es_w_219x31_06.jpg); /*SPANISH white color image text*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:21px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-05 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_07.png);/*image 05 menu BIOGRAPHY can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 05 menu BIOGRAFIA SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:52px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-06 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_08.png);/*image 06 menu DISCOGRAPHY can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 06 menu DISCOGRAFIA SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:83px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-07 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_09.png);/*image 07 menu PHOTOS can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 07 menu FOTOS SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:114px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-08 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_10.png);/*image 08 menu SHOWS can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 08 menu EVENTOS SHOWS SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:145px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-09 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_11.png);/*image 09 menu CONTACTS can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 09 menu CONTACTENOS SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:176px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-10 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_12.png);/*image 10 menu comments can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_04.gif); image 10 menu comentarios SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:207px;
	width:162px;
	height:31px;
}

#khausak-menu-DIVs-11 {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_14.png);/*image 11 menu SHOPPING CART can change base on language EN or SP*/
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_11.gif); image 04 menu CARRO DE COMPRAS SPANISH */
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:238px;
	width:219px;
	height:31px;
}

#khausak-menu-DIVs-12 {
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_12.gif);/*image background of color light olive*/
	/*background image URL no required if use any BACKGROUND COLOR CODE */
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:269px;
	width:57px;
	height:21px;
	/*background-color: #87a5e3; /*#b9b899;*/
}

#khausak-menu-DIVs-13 {
	/*background-image:url(image_slice_khausak/images/khausak_menu_DIVs_13.gif);/*image background of color light olive*/
	/*background image URL no required if use any BACKGROUND COLOR CODE */
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:269px;
	width:162px;
	height:21px;
	/*background-color: #87a5e3; /*#b9b899;*/
}


/*khausak menu css rollover letters and images*/
#rollmenu {
/*to use for new ID with new parameters such as TEXT rollover instead of individual images rollover and APLLYING ALL AT ONCE with one defaul image and hover estates*/
}
#rollmenu ul {
/*to use for new ID with new parameters such as TEXT rollover instead of individual images rollover*/
/*margin:0;*/ /*list-style-type:none;*/ /*font-size:12px;*/
}
#rollmenu a {
/*to use for new ID with new parameters such as TEXT rollover instead of individual images rollover*/
/*display block allows properties od estates such as individual border colors, font weight, decoration, padding, background image */
	display:block;
	/*color:#87a5e3; /* #494d2c green dark olive - #000066 dark blue violet and light olive #b9b899;*/
/*text-decoration:none;*/ /*font-weight:bold;*//*padding:25px 2px 5px 45px;
/*border-bottom-color:#aea907;/*green olive variations hues*/ /*#330099 vibrant blue violet*/
/*border-right-color:#B8D69C; /*very light fluorescent green olive variations hues */ /*#6600cc purple*/
/*border-left-color:#bab50c;  /*yellow lime green olive variations hues*//*#9999ff light purple*/
/*border-top-color:#636623;  /*very light green olive variations hues*//*#ccccff lighter purple*/
	background-position:0% 50%;
/*height:1em;*/ /*use for font*/
	height:inherit; /*use for full image display keeping current size*/
}
#rollmenu a:hover, #rollmenu a:active {
/*to use for new ID with new parameters such as TEXT rollover instead of individual images rollover*/
	display:block;
	/*color:#87a5e3; /* #494d2c green dark olive - #000066 dark blue violet and light olive #b9b899;*/
	text-decoration:none;
	font-weight:bold;
	height:inherit; /*use for full image display keeping current size*/
}
#current a:link, #current a:visited, #current a:hover, #current a:active {
/*to use for new ID with new parameters such as TEXT rollover instead of individual images rollover*/
/*to insert one of the rollover images and make it the current page default of each indivual html url*/
/*using a new nested ID DIV tag inside the HTML will override the previous estate properties, the enclosing parent div tag*/
}



#khausak-menu-DIVs-04 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_06.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-04 a:hover, #khausak-menu-DIVs-04 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_06.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current04 a:link, #current04 a:visited, #current04 a:hover, #current04 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_06.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:21px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-05 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_07.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-05 a:hover, #khausak-menu-DIVs-05 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_07.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current05 a:link, #current05 a:visited, #current05 a:hover, #current05 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_07.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:52px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-06 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_08.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-06 a:hover, #khausak-menu-DIVs-06 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_08.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current06 a:link, #current06 a:visited, #current06 a:hover, #current06 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_08.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:83px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-07 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_09.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-07 a:hover, #khausak-menu-DIVs-07 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_09.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current07 a:link, #current07 a:visited, #current07 a:hover, #current07 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_09.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:114px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-08 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_10.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-08 a:hover, #khausak-menu-DIVs-08 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_10.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current08 a:link, #current08 a:visited, #current08 a:hover, #current08 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_10.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:145px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-09 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_11.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-09 a:hover, #khausak-menu-DIVs-09 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_11.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current09 a:link, #current09 a:visited, #current09 a:hover, #current09 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_11.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:176px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-10 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_12.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-10 a:hover, #khausak-menu-DIVs-10 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_12.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current10 a:link, #current10 a:visited, #current10 a:hover, #current10 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_12.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:57px;
	top:207px;
	width:162px;
	height:31px;
	background-position:0% 0%;
}

#khausak-menu-DIVs-11 a {
	display:block;
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_g_transprt_14.png);/*initial image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#khausak-menu-DIVs-11 a:hover, #khausak-menu-DIVs-11 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_w_transprt_14.png); /*mouse over state 2nd image for indivual rollover*/
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#current11 a:link, #current11 a:visited, #current11 a:hover, #current11 a:active {
	background-image:url(../images_menu_list/images_menu_transparent/menu_list_es_r_transprt_14.png);/*initial current page state FIRST image for indivual rollover*/
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:238px;
	width:219px;
	height:31px;
	background-position:0% 0%;
}