html,body,div,span,img,applet,embed,canvas,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,s,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent
	}

* 
	{ 
	margin: 0; 
	padding: 0; 
	outline: 0 
	}

body 
	{
	background-color: #2D2A2B;
	background-image: url("images/bg.jpg");
	background-repeat: repeat;
	background-position:center 0;
	}

a, a:visited 
	{	
	color: #C4C4C4;
	background: inherit;
	text-decoration: none;
	}
a:hover 
	{
	color: #C4C4C4;
	background: inherit;
	text-decoration: underline;
	}

.separator:hover
	{
	color: #C4C4C4;
	}

/*-------------------------------------------
--------------------------------------------*/ 
#wrap 
	{
	position: relative;
	width: 950px;
	margin: 40px auto 30px auto;
	text-align: center;	
	}

#header 
	{
	position: relative;
	width: 949px;
	height: 397px;
	background: url(images/ismira.jpg) no-repeat;	
	color: #fff;	
	padding: 0;	
	margin: 0;	
	}

#nav 
	{
	clear: both;	
	padding: 0;	margin: 0;
	width: 949px;
	height: 50px;
	background: #1C1C1C no-repeat;	
	color: #C4C4C4;	
	text-align: center;		
	}

#nav ul 
	{
	float: center;	
	list-style: none;	
	height: 45px;
	padding: 0 0 0 43.5%;	/* 42.5%;  /  49.5%; */
	}
	
#nav ul li 
	{
	float: left;
	margin: 0; padding: 0 0 0 0;	
	}

#nav ul li a 
	{
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	color: #969696;
	font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;		
	}
	
#nav ul li a:hover, 
#nav ul li a:active 
	{
	color: #050505;	
	}
	
#footer 
	{
	float: center;
	list-style: none;
	clear: both;
	width: 949px;
	margin: 0;
	padding: 5px 0 5px 0;	
	background: #050505 no-repeat;			
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.70em;
	color: #C4C4C4;	
	text-align: center;	
	letter-spacing: .1px;
	}
	
#footer p 
	{
	padding:5px 0;
	}
	
#footer a:hover 
	{ 
	color: #555; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
	}
	
.float-left  
	{ 
	float: left; 
	}
	
.float-right 
	{ 
	float: right; 
	}
	
.float-center
	{ 
	float: center; 
	}
	
.align-left  
	{ 
	text-align: left; 
	}
	
.align-right
	{ 
	text-align: right; 
	}
	
.align-center 
	{ 
	text-align: center; 
	}

.no-border 
	{ 
	border: none; 
	}
	
.clearer 
	{ 
	clear: both; 
	}

.clear 
	{
	display:inline-block; 
	}
	
.clear:after 
	{
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
	}

	
/* - Face CSS - */	
	
#content {
	background: #fff;

	}

:link, :visited 
	{
	font-weight: bold;
	color: #C4C4C4;
	}
	
:link:hover, :visited:hover 
	{
	color: #C4C4C4;
	text-decoration: none;
	}
	
pre 
	{
	color: #454545;
	font-size: 1.1em;
	}
	
pre span 
	{
	color: #006;
	}
	
/* =EXAMPLE-POSITIONING*/

.example 
	{ 
	float: left; 
	margin: 5px 10px 0 0; 
	}
	
.example ul 
	{
	float: left; 
	width: 949px; 
	height: 397px; 
	background: url(http://www.ismira.net/images/ismira.jpg) 50% 50% no-repeat; 
	}
	
.example ul li 
	{ 
	float: left; 
	width: 75px; 
	height: 75px; 
	border: 2px solid #fff; 
	list-style: none; 
	}
	
.example ul li div 
	{ 
	border: 1px solid #fff; 
	width: 74px; 
	height: 74px; 
	background: none; 
	}

.example ul li span 
	{ 
	display: block; 
	width: 74px; 
	height: 74px; 
	}

.example ul li 
	{ 
	_width /**/: 77px; 
	_height /**/: 77px; 
	}

.example ul li div 
	{ 
	_width /**/: 75px; 
	_height /**/: 75px; 
	}

.example ul li span 
	{ 
	background: #fff; 
	}
	

.example .box0 div { border-color: #050505; }
.example .box1 div { border-color: #ffffff; }
.example .box2 div { border-color: #ffffff; }
.example .box3 div { border-color: #ffffff; }
.example .box4 div { border-color: #ffffff; }
.example .box5 div { border-color: #eee; }
.example .box6 div { border-color: #ddd; }
.example .box7 div { border-color: #ccc; }
.example .box8 div { border-color: #bbb; }
.example .box9 div { border-color: #aaa; }
.example .box10 div { border-color: #999; }
.example .box11 div { border-color: #888; }
.example .box12 div { border-color: #777; }
.example .box13 div { border-color: #666; }
.example .box14 div { border-color: #555; }
.example .box15 div { border-color: #444; }
.example .box16 div { border-color: #333; }
.example .box17 div { border-color: #222; }
.example .box18 div { border-color: #111; }
.example .box19 div { border-color: #050505; }
.example .box20 div,
.example .box21 div,
.example .box22 div,
.example .box23 div,
.example .box24 div,
.example .box25 div,
.example .box26 div,
.example .box27 div,
.example .box28 div,
.example .box29 div,
.example .box30 div { border-color: #000; }

.example .box0 span { background: #fff; }
.example .box1 span { background: #fff; }
.example .box2 span { background: #fff; }
.example .box3 span { background: #fff; }
.example .box4 span { background: #050505 }
.example .box5 span { background: #151515 }
.example .box6 span { background: #252525 }
.example .box7 span { background: #353535 }
.example .box8 span { background: #454545 }
.example .box9 span { background: #555555 }
.example .box10 span { background: #656565 }
.example .box11 span { background: #757575 }
.example .box12 span { background: #858585 }
.example .box13 span { background: #959595 }
.example .box14 span { background: #A5A5A5 }
.example .box15 span { background: #B5B5B5 }
.example .box16 span { background: #C5C5C5 }
.example .box17 span { background: #D5D5D5 }
.example .box18 span { background: #E5E5E5 }
.example .box19 span { background: #FFFFFF }

.example .box20 span { background: #fff; -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity=95); }
.example .box21 span { background: #fff; -moz-opacity: 0.9; opacity: 0.9;   filter: alpha(opacity=90); }
.example .box22 span { background: #fff; -moz-opacity: 0.8; opacity: 0.8;   filter: alpha(opacity=80); }
.example .box23 span { background: #fff; -moz-opacity: 0.7; opacity: 0.7;   filter: alpha(opacity=70); }
.example .box24 span { background: #fff; -moz-opacity: 0.6; opacity: 0.6;   filter: alpha(opacity=60); }
.example .box25 span { background: #fff; -moz-opacity: 0.5; opacity: 0.5;   filter: alpha(opacity=50); }
.example .box26 span { background: #fff; -moz-opacity: 0.4; opacity: 0.4;   filter: alpha(opacity=40); }
.example .box27 span { background: #fff; -moz-opacity: 0.3; opacity: 0.3;   filter: alpha(opacity=30); }
.example .box28 span { background: #fff; -moz-opacity: 0.2; opacity: 0.2;   filter: alpha(opacity=20); }
.example .box29 span { background: #fff; -moz-opacity: 0.1; opacity: 0.1;   filter: alpha(opacity=10); }
.example .box30 span { background: none; -moz-opacity: 0; opacity: 0;       filter: alpha(opacity=00); }