@import url(reset.css);

html, body {
	height: 100%;
	width: 100%;
}

body {
	background-color: #37bdd2;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}

#container {
	position: relative;
	min-height: 100%;
	width: 5000px;
	margin: 0 auto;
	background: url('../images/bkg.jpg') no-repeat bottom;
}

* html #container {
	height: 100%;
}

a {
	text-decoration: none;
}

#hg {
	position:absolute;
	top: 0;
	left: 0;
}

/*arrows*/

#arrows {
	z-index: 80;
	position: fixed;
	bottom: 30px;
	left: 850px; 
	width: 90px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	list-style:none;
	margin: 0;
	padding: 0;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 40px;
	height: 30px;

}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9000px;
	font-size: 50em;
}

#arrows ul #arleft a {background:transparent url('../images/sinistra.png') no-repeat;}

#arrows ul #arright a{background:transparent url('../images/destra.png') no-repeat;}

#back {
	z-index: 81;
	position: fixed;
	bottom: 12px;
	left: 872px; 
	cursor: pointer;
}

/*menu*/
#menu {
	position: absolute;
	bottom: 300px;
	left: 400px; 
}

#logo {
	position:absolute;
	bottom: 410px;
	left: 940px;
	width: 500px;
	text-align: center;
}

#web {
	position:absolute;
	bottom: 0;
	left: 1380px;
	width: 580px;
	text-align: center;
}

#print {
	position:absolute;
	bottom: 0;
	left: 2000px;
	width: 580px;
	text-align: center;
}

#photography {
	position:absolute;
	bottom: 180px;
	left: 2500px;
	width: 580px;
	text-align: center;
}

#sketches {
	position:absolute;
	bottom: 0;
	left: 3050px;
	width: 500px;
	text-align: center;
}

#illustration {
	position:absolute;
	bottom: 0px;
	left: 3600px;
	width: 580px;
	text-align: center;
}

#video {
	position:absolute;
	bottom: 170px;
	left: 4380px;
	width: 580px;
	text-align: center;
}

.menuitem {
	padding: 5px;
	background:transparent url('../images/borderb.png') repeat-x bottom; 
}

/* images */

/*logo*/
#rupe01 {
	position: absolute;
	bottom: -160px;
	left: 430px;
}

#lsi {
	position: absolute;
	bottom: -10px;
	left: 180px;
}

#ceetobee {
	position: absolute;
	bottom: -100px;
	left: 250px;
}

#essen {
	position: absolute;
	bottom: -30px;
	left: 280px;
}

#darua {
	position: absolute;
	bottom: -50px;
	left: 380px;
}

/*web*/

#rupe04 {
	position: absolute;
	bottom: 40px;
	left: 300px;
}

#mouse {
	position: absolute;
	bottom: 170px;
	left: 250px;
}

#pencil {
	position: absolute;
	bottom: 200px;
	left: 410px;
}

/*print*/

#bicho {
	position: absolute;
	bottom: 200px;
	left: 260px;
}

#capivara {
	position: absolute;
	bottom: 20px;
	left: 10px;
}

/*illustration*/

#party {
	position: absolute;
	bottom: 5px;
	left: 40px;
}

#flag01 {
	position: absolute;
	bottom: 224px;
	left: 190px;
}

#flag02 {
	position: absolute;
	bottom: 217px;
	left: 240px;
}

#flag03 {
	position: absolute;
	bottom: 217px;
	left: 300px;
}

#flag04 {
	position: absolute;
	bottom: 217px;
	left: 420px;
}

/*sketches*/

#mantree {
	position: absolute;
	bottom: 10px;
	left: 160px;
}


#muda {
	position: absolute;
	bottom: 88px;
	left: 168px;
}

#tree {
	position: absolute;
	bottom: 60px;
	left: 270px;
}


/*video*/
#cine {
	position: absolute;
	bottom: -120px;
	left: 150px;
}

/*photography*/
#rupe02 {
	position: absolute;
	bottom: -150px;
	left: 150px;
}

#rupe03 {
	position: absolute;
	bottom: -170px;
	left: 400px;
}

#set01 {
	position: absolute;
	bottom: 40px;
	left: 110px;
}

#set02 {
	position: absolute;
	bottom: 10px;
	left: 230px;
}

#set03 {
	position: absolute;
	bottom: 10px;
	left: 280px;
}

#set04 {
	position: absolute;
	bottom: -50px;
	left: 360px;
}