/*
CSS File
Cosmin Epureanu - Web Design Portfolio
*/

body{
	background: #f0f0f0 url('images/bg.png') repeat center;
}

#container{
	width: 800px;
	position: relative;
	margin: 0 auto;
}
div.contact{
	width: 800px;
	position: absolute;
		top: 630px;
		left: 0px;
	font: normal 14px Georgia;
	color: #818181;
}
div.contact span{
	color: #910000;
	border-bottom: 1px dashed #7d7d7d;
}

a:link, a:visited{
	font-family: Georgia, Times New Roman, serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
}
:focus{outline: none;}

/* Ordine */
.first{font-size: 50px;padding: 0px 6px;z-index: 5;background-color: #d2d2d2;}
.second{font-size: 30px;padding: 0px 6px;z-index: 4;background-color: #dcdcdc;}
.third{font-size: 20px;padding: 0px 4px;z-index: 3;background-color: #e1e1e1;}
.fourth{font-size: 12px;padding: 0px 2px;z-index: 2;background-color: #e5e5e5;}

/* Aranjare */
/* first */
.iasimun{	
	left: 228px; top: 239px;
	-moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); 
}
.getwild{	
	left: 510px; top: 324px;
	-moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); 
}
.onicescu{	
	left: 30px; top: 354px;
	-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); 
}
.onix{	
	left: 400px; top: 154px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.speakloud{
	left: 10px; top: 540px;
	-moz-transform: rotate(15deg); -webkit-transform: rotate(15deg);
}


/* second */
.acidlove{	
	left: 500px; top: 264px;
	-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); 
}
.nicolaedica{	
	left: 550px; top: 64px;
	-moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); 
}
.jurnaldeliceu{	
	left: 0px; top: 194px;
	-moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); 
}
.paintball{	
	left: 200px; top: 464px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.clubcascada{	
	left: 282px; top: 60px;
	-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); 
}
.ecoidei{	
	left: 600px; top: 430px;
	-moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); 
}
.cutiutamuzicala{	
	left: 0px; top: 70px;
	-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); 
}

/* third */
.casting{	
	left: 20px; top: 440px;
	-moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); 
}
.webdesign{	
	left: 300px; top: 120px;
	-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); 
}
.roundtrip{	
	left: 200px; top: 300px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.benfica{	
	left: 450px; top: 320px;
	-moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); 
}
.ligai{	
	left: 90px; top: 135px;
	-moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); 
}
.grooveshop{	
	left: 70px; top: 275px;
	-moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); 
}
.pensiuni{	
	left: 400px; top: 11px;
	-moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); 
}
.sejururi{	
	left: 150px; top: 41px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.msword{	
	left: 280px; top: 191px;
	-moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); 
}
.geko{	
	left: 700px; top: 400px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.rucar{	
	left: 550px; top: 520px;
	-moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); 
}
.colici{	
	left: 5px; top: 160px;
	-moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); 
}
.jollymoto{	
	left: 250px; top: 520px;
	-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); 
}

/* fourth */
.excursii{	
	left: 540px; top: 460px;
	-moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); 
}
.subprograme{	
	left: 640px; top: 230px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.pungi{	
	left: 90px; top: 480px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.sacose{	
	left: 330px; top: 330px;
	-moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); 
}
.dueesse{	
	left: 580px; top: 115px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}
.mitage{	
	left: 400px; top: 225px;
	-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
}



/* Hover */
a.iasimun:hover{
	background-color: #3037B9;
	box-shadow: 0px 0px 4px #2e4dd1; -moz-box-shadow: 0px 0px 4px #476bf1; -webkit-box-shadow: 0px 0px 4px #476bf1;
}
a.getwild:hover{
	background-color: #000;
	box-shadow: 0px 0px 4px #5c5c5c; -moz-box-shadow: 0px 0px 4px #5c5c5c; -webkit-box-shadow: 0px 0px 4px #5c5c5c;
}
a.onicescu:hover{
	background-color: #002989;
	box-shadow: 0px 0px 4px #3e6bd3; -moz-box-shadow: 0px 0px 4px #3e6bd3; -webkit-box-shadow: 0px 0px 4px #3e6bd3;
}
a.onix:hover{
	background-color: #dc0000;
	box-shadow: 0px 0px 4px #f44747; -moz-box-shadow: 0px 0px 4px #f44747; -webkit-box-shadow: 0px 0px 4px #f44747;
}
a.speakloud:hover{
	background-color: #0064BD;
	box-shadow: 0px 0px 4px #038DD6; -moz-box-shadow: 0px 0px 4px #038DD6; -webkit-box-shadow: 0px 0px 4px #038DD6;
}
a.acidlove:hover{
	background-color: #fecd17;
	box-shadow: 0px 0px 4px #ffdb56; -moz-box-shadow: 0px 0px 4px #ffdb56; -webkit-box-shadow: 0px 0px 4px #ffdb56;
}
a.nicolaedica:hover{
	background-color: #085595;
	box-shadow: 0px 0px 4px #2c88ce; -moz-box-shadow: 0px 0px 4px #2c88ce; -webkit-box-shadow: 0px 0px 4px #2c88ce;
}
a.jurnaldeliceu:hover{
	background-color: #2E7FD1;
	box-shadow: 0px 0px 4px #599ee4; -moz-box-shadow: 0px 0px 4px #599ee4; -webkit-box-shadow: 0px 0px 4px #599ee4;
}
a.paintball:hover{
	background-color: #3C3B2A;
	box-shadow: 0px 0px 4px #828172; -moz-box-shadow: 0px 0px 4px #828172; -webkit-box-shadow: 0px 0px 4px #828172;
}
a.clubcascada:hover{
	background-color: #0A2B5C;
	box-shadow: 0px 0px 4px #285ba6; -moz-box-shadow: 0px 0px 4px #285ba6; -webkit-box-shadow: 0px 0px 4px #285ba6;
}
a.ecoidei:hover{
	background-color: #87B31E;
	box-shadow: 0px 0px 4px #bbeb49; -moz-box-shadow: 0px 0px 4px #bbeb49; -webkit-box-shadow: 0px 0px 4px #bbeb49;
}
a.cutiutamuzicala:hover{
	background-color: #1163B9;
	box-shadow: 0px 0px 4px #e84242; -moz-box-shadow: 0px 0px 4px #caddf0; -webkit-box-shadow: 0px 0px 4px #e84242;
}
a.casting:hover{
	background-color: #B900B3;
	box-shadow: 0px 0px 4px #ee75ea; -moz-box-shadow: 0px 0px 4px #ee75ea; -webkit-box-shadow: 0px 0px 4px #ee75ea;
}
a.webdesign:hover{
	background-color: #606060;
	box-shadow: 0px 0px 4px #a7a7a7; -moz-box-shadow: 0px 0px 4px #a7a7a7; -webkit-box-shadow: 0px 0px 4px #a7a7a7;
}
a.roundtrip:hover{
	background-color: #365B85;
	box-shadow: 0px 0px 4px #769bc6; -moz-box-shadow: 0px 0px 4px #769bc6; -webkit-box-shadow: 0px 0px 4px #769bc6;
}
a.benfica:hover{
	background-color: #AD0C0D;
	box-shadow: 0px 0px 4px #de7a7b; -moz-box-shadow: 0px 0px 4px #de7a7b; -webkit-box-shadow: 0px 0px 4px #de7a7b;
}
a.ligai:hover{
	background-color: #657D93;
	box-shadow: 0px 0px 4px #aabfd3; -moz-box-shadow: 0px 0px 4px #aabfd3; -webkit-box-shadow: 0px 0px 4px #aabfd3;
}
a.grooveshop:hover{
	background-color: #F2C603;
	box-shadow: 0px 0px 4px #ffe989; -moz-box-shadow: 0px 0px 4px #ffe989; -webkit-box-shadow: 0px 0px 4px #ffe989;
}
a.pensiuni:hover{
	background-color: #851616;
	box-shadow: 0px 0px 4px #c98c8c; -moz-box-shadow: 0px 0px 4px #c98c8c; -webkit-box-shadow: 0px 0px 4px #c98c8c;
}
a.sejururi:hover{
	background-color: #769CC1;
	box-shadow: 0px 0px 4px #a5c1dc; -moz-box-shadow: 0px 0px 4px #a5c1dc; -webkit-box-shadow: 0px 0px 4px #a5c1dc;
}
a.msword:hover{
	background-color: #0E3A5D;
	box-shadow: 0px 0px 4px #719cbe; -moz-box-shadow: 0px 0px 4px #719cbe; -webkit-box-shadow: 0px 0px 4px #719cbe;
}
a.geko:hover{
	background-color: #FFE400;
	box-shadow: 0px 0px 4px #FFE400; -moz-box-shadow: 0px 0px 4px #FFE400; -webkit-box-shadow: 0px 0px 4px #FFE400;
}
a.excursii:hover{
	background-color: #46B138;
	box-shadow: 0px 0px 2px #abeda3; -moz-box-shadow: 0px 0px 2px #abeda3; -webkit-box-shadow: 0px 0px 2px #abeda3;
}
a.subprograme:hover{
	background-color: #000000;
	box-shadow: 0px 0px 2px #494949; -moz-box-shadow: 0px 0px 2px #494949; -webkit-box-shadow: 0px 0px 2px #494949;
}
a.pungi:hover{
	background-color: #0FA800;
	box-shadow: 0px 0px 2px #86d77e; -moz-box-shadow: 0px 0px 2px #86d77e; -webkit-box-shadow: 0px 0px 2px #86d77e;
}
a.sacose:hover{
	background-color: #DF3501;
	box-shadow: 0px 0px 2px #f8a58b; -moz-box-shadow: 0px 0px 2px #f8a58b; -webkit-box-shadow: 0px 0px 2px #f8a58b;
}
a.dueesse:hover{
	background-color: #505050;
	box-shadow: 0px 0px 2px #a5a5a5; -moz-box-shadow: 0px 0px 2px #a5a5a5; -webkit-box-shadow: 0px 0px 2px #a5a5a5;
}
a.mitage:hover{
	background-color: #46638D;
	box-shadow: 0px 0px 2px #9bb0cd; -moz-box-shadow: 0px 0px 2px #9bb0cd; -webkit-box-shadow: 0px 0px 2px #9bb0cd;
}
a.rucar:hover{
	background-color: #9a2e24;
	box-shadow: 0px 0px 2px #d17f78; -moz-box-shadow: 0px 0px 2px #d17f78; -webkit-box-shadow: 0px 0px 2px #d17f78;
}
a.colici:hover{
	background-color: #72B9Ec;
	box-shadow: 0px 0px 2px #bde2fb; -moz-box-shadow: 0px 0px 2px #bde2fb; -webkit-box-shadow: 0px 0px 2px #bde2fb;
}
a.jollymoto:hover{
	background-color: #5D7B95;
	box-shadow: 0px 0px 2px #bde2fb; -moz-box-shadow: 0px 0px 2px #bde2fb; -webkit-box-shadow: 0px 0px 2px #bde2fb;
}


/* Social buttons */
a.twitter:link, a.twitter:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat left top;
	left: 640px;
	top: 0px;
}
a.twitter:hover, a.twitter:active{ background: transparent url('images/social.png') no-repeat left -32px;}

a.linkedin:link, a.linkedin:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat -30px 0px;
	left: 672px;
	top: 0px;
}
a.linkedin:hover, a.linkedin:active{ background: transparent url('images/social.png') no-repeat -30px -32px;}

a.yahoo:link, a.yahoo:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat -60px 0px;
	left: 704px;
	top: 0px;
}
a.yahoo:hover, a.yahoo:active{ background: transparent url('images/social.png') no-repeat -60px -32px;}

a.youtube:link, a.youtube:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat -90px 0px;
	left: 736px;
	top: 0px;
}
a.youtube:hover, a.youtube:active{ background: transparent url('images/social.png') no-repeat -90px -32px;}

a.blog:link, a.blog:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat -120px 0px;
	left: 768px;
	top: 0px;
}
a.blog:hover, a.blog:active{ background: transparent url('images/social.png') no-repeat -120px -32px;}

a.facebook:link, a.facebook:visited{
	width: 30px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url('images/social.png') no-repeat -150px 0px;
	left: 800px;
	top: 0px;
}
a.facebook:hover, a.facebook:active{ background: transparent url('images/social.png') no-repeat -150px -32px;}

a.normal:link, a.normal:visited{
	color: #910000;
	text-transform: none;
	text-decoration: underline;
	position: inherit;
}