*								{ margin: 0; padding: 0; }
body {
background: #a1a1a1 url("background_page.jpg") repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
overflow: hidden;
margin: 0;
}

a {
color: #999;
text-decoration: none;
}

a:hover {
color: #333;
text-decoration: underline;
}

div#middle {
background: transparent url("elfe_logo-trans.png") no-repeat bottom right;
margin: 34px auto;
height: 600px;
width: 800px;
}

*html div#middle {
background: transparent;
margin: 34px auto;
height: 600px;
width: 800px;
}

div#websites {
background: #ebebeb;
border: 1px solid #999;
margin: 16px auto;
padding: 1px;
min-height: 320px;
width: 600px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


div#websites a.prevwork { float:left; margin-left: 8px; padding:4px; height: 26px; width: 36px; text-decoration: none; background: url("scroll_left.png") 0 0 no-repeat;}
div#websites a.nextwork { float:left; padding:4px; height: 26px; width: 36px; text-decoration: none; background: url("scroll_right.png") 0 0 no-repeat;}
div#websites a.prevwork:hover,
div#websites a.nextwork:hover {
	background-position: 0 -34px;
}

div#websites a.prevwork:active,
div#websites a.nextwork:active {
	background-position: 0 -68px;
}



div#websites ul.layers li { margin-right:5px;}
	
div#websites ul.layers {
width: 600px;
height: 320px;
background: transparent;
}

div#websites ul.layers li {
width: 600px;
height: 320px;
background: #fff url("background_websites.jpg") repeat-x bottom left;
}

br { clear:both; }

.preview {
float: left;
width: 377px;
}

.text {
float: left;
margin: 0 auto;
padding-top: 290px;
font-size: 0.9em;
}

.presentation {
float: left;
width: 360px;
padding: 10px;
}


div#page-wrap {
width: 800px;
margin: 15px auto;
}

h1 {font-size: 20px; text-transform: uppercase;}
h2 {font-size: 16px; margin-bottom: 6px;}


div#menu {
text-align: left;
border-bottom: 1px dotted #999;
width: 800px;
font-size: 0.8em;
font-weight: 700;
}

div#menu a, a.visited
{color: #999; text-decoration: none;}
div#menu a:hover
{color: #333; text-decoration: none;}
div#menu .current
{color: #000;}

div#contact {
float: right;
}

div.clear {
clear: both;
}

div#websites ul.indexwork {margin: 0 10px auto; padding-top: 3px; overflow:auto;list-style: none;}
        
div#websites ul.indexwork a {
		display:block;
		width:20px;
		height:20px;
		margin-right:5px;
		float:left;
		background-image:url("menu_square_2.jpg");
		background-repeat:no-repeat;
		list-style: none;
		cursor:pointer;
		filter:alpha(opacity=40);
	   -moz-opacity:0.4;
	   -khtml-opacity: 0.4;
	   opacity: 0.4;
	}
	
div#websites ul.indexwork a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
   } 

div#menu_square {
margin-top: 4px;
margin-bottom: 4px;
width: 210px;
}