body{
	margin:0;
	padding:0;
}
.container{
	width:100%;
	margin:0 auto;
	height: 812px;
}
.folio_left{
	background:url("img/folio_left.jpg") no-repeat;
    background-position:right;
	width:60%;
	height:812px;
	position:relative;
	margin:0;
	float:left;
}
.folio_right{
	background:url("img/folio_right.jpg");
	background-position: left;
	width:40%;
	height:812px;
	margin:0;
	float:right;
	position: relative;
}
.logo_serv{
	position:absolute;
	z-index:1000;
	left:200px;
	top:20px;
	width:200px;
	height:68px;
	}
#menu_top {
	position: absolute;
	right:165px;
	z-index:2;
	top: 260px;
	height: 50px;
}
#site {
	background:url("img/folio_site.png");
	width: 112px;
	height: 27px;
	position: relative;
	left: 0px;
	z-index:3;
	float: left;
	top: 24px;
	cursor: pointer;
}
#flash {
	background:url("img/folio_flash.png");
	width: 89px;
	height: 37px;
	position: relative;
	z-index:3;
	float: left;
	top: 8px;
	left: 25px;
	cursor: pointer;
}
#max {
	background:url("img/folio_max.png");
	width: 39px;
	height: 31px;
	position: relative;
	z-index:3;
	float: left;
	top: 3px;
	left: 45px;
	cursor: pointer;
}
#content_icon {
	position: absolute;
	z-index:2;
	top: 310px;
	right: 65px;
	width: 359px;
	height: 447px;
}
#content {
position: relative;
left: 8px;
top: 265px;
width: 350px;
z-index: 2;
}
#content img{
border: 1px solid #999;
margin-top: 20px;
}
#content a{
color: #0066FF;
font-size: 22px;
text-decoration: none;
outline:medium none;
margin-top: 0px;
}
#content a:hover{
border-bottom: 1px dashed;
color: #0066FF;
}
.more{
	background: url("img/more.png") no-repeat;
	width:60px;
	height:14px;
	position:absolute;
	bottom:20px;
	right:140px;
	cursor:pointer;
}
.img{
	background: url:(img/alfa.gif);
}

/************************ MENU FOLIO ******************************/
#content_icon img{
	cursor:pointer;
}
div#img1 {
position:relative;
width: 170px;
height: 185px;
float: left;
top: 25px;
left: 2px;
}
div#img2 {
position:relative;
width: 170px;
height: 189px;
float: left;
left: -5px;
top: 15px;
}
div#img3 {
position:relative;
width: 170px;
height: 189px;
float: left;
top: 30px;
left: 13px;
}
div#img4 {
position:relative;
width: 170px;
height: 177px;
float: left;
left: 6px;
top: 21px;
}
div#img5 {
position:relative;
width: 170px;
height: 185px;
float: left;
top: 25px;
left: 2px;
}
div#img6 {
position:relative;
width: 170px;
height: 189px;
float: left;
left: -5px;
top: 15px;
}
div#img7 {
position:relative;
width: 170px;
height: 189px;
float: left;
top: 30px;
left: 13px;
}
div#img8 {
position:relative;
width: 170px;
height: 177px;
float: left;
left: 6px;
top: 21px;
}
#more {
position: relative;
bottom: -417px;
left: 170px;
width: 50px;
height: 14px;
background:url(im/site/next.png);
cursor: pointer;
}
#img5 {
position:relative;
width: 167px;
height: 178px;
float: left;
top: 30px;
left: 11px;
}
#img6 {
position:relative;
width: 167px;
height: 178px;
float: left;
left: 7px;
top: 21px;
}
#img7 {
position:relative;
width: 167px;
height: 177px;
float: left;
top: 55px;
left: 23px;
}
#img8 {
position:relative;
width: 167px;
height: 177px;
float: left;
left: 19px;
top: 45px;
}
/* ######################################################### */
.footer {
	background: url("img/footer_bg.png") repeat-x;
	width:100%;
	min-width:1000px;
	height: 60px;
	margin:0;
	margin-top:20px;
}
.copy{
	font-family:Verdana, Geneva, sans-serif;
	color: #666;
	font-size:12px;
	width:250px;
	float:left;
	margin-left:20px;
}
.logo_mini{
	width:80px;
	height:27px;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
.menu_hide{
	position:absolute;
	bottom:0px;
	z-index:1001;
	display:none;
}