/*--------------------------*/
/*GLOBAL RESET*/
/* c/o http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline; }
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*--------------------------*/
/*GLOBAL*/
body{
	color:			#B6B0A4;
	font-family:	tahoma, verdana, sans-serif;
	font-size:		62.5%;
}

/*--------------------------*/
/*TYPOGRAPHY*/

h1{
	color:			#B6B0A4;
	font-size:		2em;
	margin-bottom:	15px;
	font-weight:	bold;
}
h2{
	color:			#B6B0A4;
	font-size:		1.2em;
	margin-bottom:	15px;
	font-weight:	bold;
}
p{}
a{}
a:hover{}

/*--------------------------*/
/*LAYOUT*/

#hold{
	width:		600px;
	margin:		20px auto;
}
#footer{
	float:		left;
	clear:		left;
}
	#footer a{}
	#footer a:hover{}
	
	/*--------------------------*/
	/*NAVIGATION*/
	
	#nav{}
		#nav ul{}
		#nav li{}
		#nav a{}
		#nav a:hover{}

/*--------------------------*/
/*EG1*/
#eg1 {
	width: 				500px;
	padding-left:		20px;
	margin: 			10px 0;
	height:				50px;
	overflow: 			hidden;
	background:			url(../images/eg1_bg.jpg) bottom no-repeat;
	padding-bottom:		30px;
	padding-left:		100px;
}
#eg1 li {
			float: 		left;
			list-style: none;
		}
			#eg1 li.back {
				width: 				9px;
				height: 			50px;
				background:			url("../images/eg1_slider.png") bottom center no-repeat;
				z-index: 			8;
				position: 			absolute;
			}
			#eg1 li a {
				text-decoration: 	none;
				outline: 			none;
				text-align: 		center;
				top: 				7px;
				letter-spacing: 	0;
				z-index: 			10;
				display: 			block;
				position: 			relative;
				overflow: 			hidden;
				color:				#FF0066;
			}


/*--------------------------*/
/*EG2*/
#eg2 {
	width: 				544px !important;
	margin: 			10px 0;
	height:				64px;
	overflow: 			hidden;
	background-color:	#B6B0A4;
}
#eg2 li {
			float: 		left;
			list-style: none;
		}
			#eg2 li.back {
				width: 					9px;
				height: 				64px;
				background-color:		#ff0000;
				z-index: 				8;
				position: 				absolute;
			}
			#eg2 li a {
				text-decoration: 		none;
				outline: 				none;
				text-align: 			center;
				letter-spacing: 		0;
				z-index: 				10;
				display: 				block;
				position: 				relative;
				overflow: 				hidden;
				width:					116px;
				height:					64px;
				padding:				0;
			}
				#eg2 li a span{
					position:			absolute;
					left:				-2000px;
				}
.pad{
	background-color:		#fff;
	width:					40px;
	height:					64px;
	z-index:				1000 !important;
	position:				relative;
}
.link1{
	background:		url(../images/eg2_link1.png);
}
.link2{
	background:		url(../images/eg2_link2.png);
}
.link3{
	background:		url(../images/eg2_link3.png);
}
.link4{
	background:		url(../images/eg2_link4.png);
}

/*--------------------------*/
/*EG3*/
#eg3 {
	width: 				544px !important;
	margin: 			10px 0;
	height:				64px;
	overflow: 			hidden;
	background-color:	#333;
}
#eg3 li {
			float: 		left;
			list-style: none;
		}
			#eg3 li.back {
				width: 					9px;
				height: 				64px;
				background:				url(../images/eg2_link_bg.png) no-repeat;
				z-index: 				8;
				position: 				absolute;
			}
			#eg3 li a {
				text-decoration: 		none;
				outline: 				none;
				text-align: 			center;
				letter-spacing: 		0;
				z-index: 				10;
				display: 				block;
				position: 				relative;
				overflow: 				hidden;
				width:					116px;
				height:					64px;
				padding:				0;
			}
				#eg3 li a span{
					position:			absolute;
					left:				-2000px;
				}
.pad{
	background-color:		#fff;
	width:					40px;
	height:					64px;
	z-index:				1000 !important;
	position:				relative;
}
.link1{
	background:		url(../images/eg2_link1.png);
}
.link2{
	background:		url(../images/eg2_link2.png);
}
.link3{
	background:		url(../images/eg2_link3.png);
}
.link4{
	background:		url(../images/eg2_link4.png);
}

/*--------------------------*/
/*CLASSES*/
.example{
	margin-bottom:		15px;
	clear:				left;
	position:			relative;
}
	.example a{
		display:		block;
		float:			left;
		padding:		10px 20px;
	}

/*--------------------------*/
/*IMAGE REPLACEMENT*/

.ifr {position:absolute; left:-2000px;}