@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	background-color: #000;
	color: #eee;
	font-family: 'Nova Flat', sans-serif;
	font-size: small;
	margin: 0 auto;
	height: 100%;
	min-height: 598px;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

@media all and (max-width:1000px)
{
	body
	{
		overflow: auto;
	}
}

h2
{
	font-weight: normal;
	padding-left: 7px;
}

a
{
	color: inherit;
	outline: none;
	text-decoration: none;
}

p
{
	line-height: 1.4em;
	margin: 6px 0;
	text-align: justify;
}

ul
{
	list-style: none;
}

input, textarea
{
	background-color: rgba( 255, 255, 255, 0.7 );
	border: none;
	display: block;
	font-family: 'Nova Flat', sans-serif;
	margin: 4px auto;
	padding: 8px 4px;
	resize: none;
	width: 100%;
}

textarea
{
	font-size: 1em;
}

input[type="submit"], input[type="reset"]
{
	background-color: rgba( 200, 200, 200, 0.7 );
	display: inline-block;
	float: left;
	width: 49%;
}

input[type="reset"]
{
	float: right;
	position: relative;
	right: -7px;
}

.clear
{
	clear: both;
	height: 2px;
}

.hidden
{
	display: none;
}

div#background
{
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

div#background .slides
{
	background: #000 no-repeat 0px 0px;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0px;
	min-height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
}

div#background #slide1
{
	background-image: url(../images/profile/r1.jpg);
	display: block;
}
div#background #slide2
{
	background-image: url(../images/profile/r2.jpg);
}
div#background #slide3
{
	background-image: url(../images/profile/r3.jpg);
}
div#background #slide4
{
	background-image: url(../images/profile/r4.jpg);
}
div#background #slide5
{
	background-image: url(../images/profile/r5.jpg);
}
div#background #slide6
{
	background-image: url(../images/profile/r6.jpg);
}

nav ul
{
	list-style: none;
	text-align: center;
}

nav
{
	left: 0px;
	position: absolute;
	top: 1.2em;
	width: 100%;
	z-index: 39;
}

nav li
{
	display: inline-block;
}

nav ul li a
{
	color: #000;
	display: block;
	font-family: Cuprum, serif;
	font-size: 2.6em;
	padding: 8px 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s linear 0.2s;
	transition: all 0.3s linear 0.2s;
}

nav ul li:nth-child(even) a
{
	color: #7e7e7e;
}

nav ul li a:hover
{
	color: #000;
	padding-bottom: 1em;
	-webkit-transform: translateY(-0.8em);
	transform: translateY(-0.8em);
}

@media screen and (min-width:1280px)
{
	nav ul li a
	{
		font-size: 3.4em;
	}

	nav ul li a:hover
	{
		padding-bottom: 1em;
		-webkit-transform: translateY(-0.6em);
		transform: translateY(-0.6em);
	}
}

body#clients nav ul li a
{
color:#CCCCCC;
}

body#clients nav ul li a:hover
{
	color: #fff;
}
body#clients nav ul li:nth-child(even) a
{
	color: #7e7e7e;
}

body#djgraphy nav ul li a
{
	color:#fff;
}

body#djgraphy nav ul li:nth-child(even) a
{
	color: #a49986;
}

body#djgraphy nav ul li a:hover
{
	color: #fff;
}

body#profile nav ul li a
{
color:#CCCCCC;
}

body#profile nav ul li a:hover
{
	color: #fff;
}
body#profile nav ul li:nth-child(even) a
{
	color: #fad177;
}

body#light nav ul li a
{
color:#CCCCCC;
}

body#light nav ul li a:hover
{
	color: #fff;
}
body#light nav ul li:nth-child(even) a
{
	color: #fad177;
}

body#gallery nav ul li a
{
color:#fff;

}

body#gallery nav ul li a:hover
{
	color: #fff;
}
body#gallery nav ul li:nth-child(even) a
{
	color: #ccc;
}


body#profile a#profilelink,
body#djgraphy a#djgraphylink,
body#clients a#clientslink,
body#light a#engglink,
body#gallery a#gallerylink,
body#download a#downloadlink,
body#contact a#contactlink
{
	padding: 0;
	pointer-events: none;
}

body#profile a#profilelink:after,
body#djgraphy a#djgraphylink:after,
body#clients a#clientslink:after,
body#light a#engglink:after,
body#gallery a#gallerylink:after,
body#download a#downloadlink:after,
body#contact a#contactlink:after
{
	background-color: #FF9B6A;
	border-radius: 3px;
	box-shadow: 0px 0px 2px #FF9B6A;
	content: "";
	display: block;
	height: 3px;
}

body#djgraphy a#djgraphylink:after
{
	background-color: #FFFF00;
	box-shadow: 0px 0px 2px #FFFF00;
}

body#gallery a#gallerylink:after
{
	background-color: #74E0D0;
	box-shadow: 0px 0px 2px #74E0D0;
}

body#light a#engglink:after
{
	background-color: #22AA4A;
	box-shadow: 0px 0px 2px #22AA4A;
}

body#clients a#clientslink:after
{
	background-color: #ee0;
	box-shadow: 0px 0px 2px #ee0;
}

body#download a#downloadlink:after
{
	background-color: #F9425F;
	box-shadow: 0px 0px 2px #F9425F;
}

body#contact a#contactlink:after
{
	background-color: #f00;
	box-shadow: 0px 0px 2px #f00;
}

h1
{
	bottom: 0px;
	left: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 26;
}

body#profile div#main,
body#clients div#main,
body#djgraphy div#main
{
	background-color: rgba( 0, 0, 0, 0.5 );
	border: 1px solid rgba( 0, 0, 0, 0.3 );
	box-shadow: 0px 0px 4px #000;
	display: none;
	height: 372px;
	left: 30px;
	padding: 10px;
	position: absolute;
	top: 90px;
	width: 556px;
}

body#disclaimerpage div#main
{
	background-color: rgba( 0, 0, 0, 0.5 );
	border: 1px solid rgba( 0, 0, 0, 0.3 );
	box-shadow: 0px 0px 4px #000;
	display: block;
	height: 352px;
	right: 30px;
	padding: 20px;
	position: absolute;
	bottom: 30px;
	width: 356px;
}

body#profile section#oneliners
{
	display: none;
	height: 20px;
	left: 30px;
	padding: 2px 10px;
	position: absolute;
	top: 488px;
	width: 556px;
}

section#download ul
{
	list-style: none;
}

section#download li
{
	display: inline-block;
	margin: 10px;
}

section#download li img
{
	border: 2px solid #ddd;
}

div.underline
{
	background: -webkit-linear-gradient( 0deg, #fff, transparent, transparent, transparent );
	background: linear-gradient( 90deg, #fff, transparent, transparent, transparent );
	clear: both;
	height: 2px;
}

body#profile div#viewportcontainer,
body#clients div#viewportcontainer
{
	height: 200px;
	margin: 10px 0px;
	position: relative;
	width: 520px;
}

body#profile div#viewport,
body#clients div#viewport
{
	height: 340px;
	margin-right: 15px;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	width: 480px;
}

#up,
#down
{
	border-style: solid;
	border-width: 10px;
	cursor: pointer;
	position: absolute;
	right: -30px;
}

#up
{
	border-color: transparent transparent #fff transparent;
	top: 70px;
}

#down
{
	border-color: #fff transparent transparent transparent;
	top: 120px;
}

body#profile div.content, 
body#clients div.content,
body#djgraphy div.content
{
	left: 0px;
	position: absolute;
	top: 0px;
}
		
body#gallery div.slides
{
	background-image: url(../images/bg-gallery.jpg);
	display: block;
}

body#gallery div#content
{
	      bottom: 43px;
	right: 18px;
	padding: 10px;
	position: absolute;
}

body#gallery h3
{
	    /* background-color: rgba( 0, 0, 0, 0.7 ); */
    border-radius: 2px;
    display: inline-block;
    /* margin-left: 10px; */
    /* margin-top: 20px; */
    /* padding: 3px 6px; */
    color: rgba(1, 0, 2, 0.7);
}

body#gallery div.viewportcontainer
{
	height: 100px;
	position: relative;
	width: 435px;
}

body#gallery div.viewport
{
	height: 90px;
	left: 15px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 405px;
}

body#gallery div.viewport p
{	
	left: 0px;
	position: absolute;
	top: 0px;
	width: 2025px;
}


p.prev,
p.next
{
	background-image: url(../images/next-prev.png);
	cursor: pointer;
	height: 25px;
	position: absolute;
	top: 26px;
	width: 25px;
}



p.prev
{
	left: -10px;
}

p.next
{
	background-position: -26px 0px;
	right: -12px;
}

body#gallery div.viewport a
{
	float: left;
	margin: 5px;
}

body#gallery div.viewport a img
{
	box-shadow: 2px 2px 3px rgba( 0, 0, 0, 0.5 );
}
	
body#djgraphy div.slides
{
	background-image: url(../images/bg-djgraphy.jpg);
	display: block;
}	
		
body#index div.slides,
body#disclaimerpage div.slides
{
	background-image: url(../images/bg-home.jpg);
	display: block;
}

section#sociallinks
{
	bottom: 0px;
	height: 100px;
	position: absolute;
	right: 10px;
	width: 212px;
	z-index: 39;
}

section#sociallinks h2
{
	color: #000;
	font-family: Cuprum, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	left: 35px;
	padding: 0;
	position: relative;
}

body#profile section#sociallinks h2,
body#clients section#sociallinks h2
{
	color: #fff;
}

section#sociallinks li
{
	float: left;
	margin-right: 1px;
	margin-top: 8px;
}

section#sociallinks a
{
	background: transparent url(../images/sociallinks.png) no-repeat;
	display: block;
	height: 34px;
	position: absolute;
	width: 30px;
}
section#sociallinks a[title="twitter"]
{
	    background-position: -42px -1px;
    left: 98px;
    top: 20px;
}


section#sociallinks a[title="facebook"]
{
	background-position: -80px -1px;
    left: 64px;
    top: 20px;
}

section#sociallinks a[title="insta"]
{
	    background-position: -4px -1px;
    left: 31px;
    top: 20px;
}

section#sociallinks a[title="linkedin"]
{
	background-position: -42px -32px;
	left: 30px;
	top: 55px;
}

section#sociallinks a[title="reverbnation"]
{
	background-position: -80px -32px;
	left: 65px;
	top: 55px;
}

section#sociallinks a[title="youtube"]
{
	background-position: -4px -32px;
	left: 100px;
	top: 55px;
}

a#entersite
{
	color: black;
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	right: 2%;
	text-transform: uppercase;
	top: 34%;
	transform: rotate(9deg);
}

body#index h1, 
body#djgraphy h1,
body#gallery h1,
body#disclaimerpage h1,
body#light h1
{
	left: 20px;
	text-align: left;
}

body#index h1
{
	bottom: 15px;
}

body#index #sociallinks
{
	bottom: 10px;
	right: 30px;
}

body#index #sound
{
	bottom: 75px;
}

h1 span
{
	color: #c1c1c1;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	left: -22px;
	position: relative;
	top: -7px;
	word-spacing: 0.3em;
}

body#contact h1 span,
body#profile h1 span,
body#light h1 span,
body#gallery h1 span,
body#download h1 span,
body#djgraphy h1 span,
#index #sociallinks h2,
#light #sociallinks h2
{
	color: #ee0;
	text-shadow: 1px 1px 1px #000;
}

section#fblikebox
{
	background-color: rgba( 255, 255, 255, 0.5 );
	display: none;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 56;
}

section#fblikebox iframe
{
	background-color: rgba( 0, 0, 0, 0.8 );
	left: 50%;
	margin-left: -310px;
	margin-top: -209px;
	position: absolute;
	top: 50%;
	width: 620px;
}

section#fblikebox p
{	
	font-weight: bold;
	left: 50%;
	margin-left: -300px;
	margin-top: -252px;
	padding: 8px;
	position: absolute;
	text-align: right;
	top: 50%;
	width: 604px;
}

section#fblikebox p span
{
	background-color: #000;
	border-radius: 4px;
	display: inline-block;
	padding: 8px;
	cursor: pointer;
}

body#clients div.slides
{
	background-image: url(../images/bg-clients.jpg);
	display: block;
}

body#light div.slides
{
	background-image: url(../images/lights-n-sound-engg1.jpg);
	display: block;
}

body#download  h1
{
	left: 15px;
	text-align: left;
}

body#contact div.slides
{
	background-image: url(../images/bg-contact.jpg);
	display: block;
}

body#contact  h1,
body#clients h1
{
	left: 15px;
	text-align: left;
}

body#contact section#sociallinks
{
	bottom: 0px;
	right: 120px;
	width: 200px;
}

body#contact section#sociallinks h2
{
}

section#contactinfo
{
	color: #000;
	right: 14%;
	position: absolute;
	bottom: 115px;
}

section#contactinfo span
{
	display: block;
	font-family: 'Candal';
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #fff;
}

section#contactinfo p
{
	margin: 0;
}

section#contactinfo img
{
	display: block !important;
	margin: 5px auto !important;
}

form p.success
{
	color: green;
}

form p.error
{
	color: red;
}

section#contactform
{
	font-family: Cuprum, sans-serif;
	left: 80px;
	position: absolute;
	top: 200px;
	width: 25%;
}
body#download div.slides
{
	background-image: url(../images/ls1.jpg);
	display: block;
}
body#gallery div.slides
{
	background-image: url(../images/bg-gallery.jpg);
	display: block;
}

body#clients div#main
{
	left: auto;
	right: 20px;
}

body#clients div.content li
{
	clear: left;
	float: left;
	margin-left: 20px;
	padding: 2px;
	width: 40%;
}

body#clients div.content li:nth-child(even)
{
	clear: right;
	float: right; 
}

section#djgraphymain
{
position:absolute;
width:370px;
height:150px;
left:30px;
top: 350px;
padding:10px;
background-color:rgba(0,0,0, 0.5);
}

section#lightmain
{
position:absolute;
width:370px;
height:320px;
right:35px;
top: 100px;
padding:10px;
background-color:rgba(0,0,0, 0.5);
}

section#lightmain #connect
{
	color: #FFFF00;
	font-size: 1.19em;
	margin-top: 20px;
	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 1 );
}

section#lightmain #connect:hover
{
	text-decoration: underline;
}

section#downloadmain 
{
position:absolute;
width:420px;
height:410px;
right:30px;
top: 100px;
padding:10px;
/*background-color:rgba(0,0,0,  0.1);*/
}
section#downloadmain li
{
display:inline-block;
width:71px;
padding:5px;

}

section#downloadmain h3
{
	color: #ee0;
	text-shadow: 1px 1px 1px #000;
}

section#downloadmain section
{
float: left;
margin-right: 15px;
}

section#downloadmain h4
{
	color: #ee0;
	text-shadow: 1px 1px 1px #000;
padding: 3px;
margin-top:10px;
}
section#downloadmain span
{
padding: 0px;
}


section#sociallinks h2.white
{
	color: #fff;
}

p#disclaimer
{
	background-color: rgba( 0, 0, 0, 0.9 );
	bottom: -10px;
	color: #888;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 0.9em;
	padding: 2px 10px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-shadow: 0px 0px 1px rgba( 255, 255, 255, 0.5 );
	width: 100%;
}

p#disclaimer #agencyeleven100
{
	position: absolute;
	right: 10px;
}

p#disclaimer #agencyeleven100 img
{
	position: relative;
	top: 2px;
}

p#disclaimer #privacy
{
	left: 25px;
	position: absolute;
}

#currentevents
{
	left:10%;
	margin-left:-85px;
	padding: 10px;
	position:absolute;
	top: 15%;
	width: 170px;
}

#currentevents .viewport
{
	background-color: #000;
	box-shadow: 2px 2px 4px rgba( 0, 0, 0, 0.5 );
	height: 87px;
	width: 170px;
	position:relative;
	z-index: 13;
	
	
	
}

#currentevents .viewport img
{
	cursor: pointer;
	display: none;
	position: absolute;
}

#currentevents .viewport img#event1
{
	display: block;
}

audio#bgmusic
{
	left: 50%;
	position: absolute;
	top: 50%;
}

section#map
{
	height: 286px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 486px;
}

section#indiamap
{
	height: 286px;
	position: absolute;
	right: 60px;
	top: -20px;
}

section#clubs
{
	left: -40px;
	position: absolute;
	top: -20px;
}

section#artists
{
	left: -40px;
	position: absolute;
	top: -20px;
}

section#map p,
section#indiamap p,
section#clubs p,
section#artists p
{
	color: #fff;
	font-size: 4em;
	left: 0px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	text-shadow: 120px -60px 4px #f00, -100px -120px 4px #0f0, 0px 0px 4px #fff;
	top: 50%;
	width: 100%;
	z-index: 113;
}

section#clubs p
{
	text-shadow: 140px 180px 4px #f00, -140px 240px 4px #0f0, 0px 0px 4px #fff;
	top: 10%;
}

section#indiamap p
{
	color: #000;
}

section#map img.locations,
section#indiamap img.locations
{
	display: none;
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s linear;
	transition: transform 0.5s linear;
	z-index: 10;
}

section#map img.locations.hover,
section#indiamap img.locations.hover 
{
	display: block;
	-webkit-transform: scale( 1.6 ) rotate( 360deg );
	transform: scale( 1.6 ) rotate( 360deg );
	z-index: 56;
}

section#map img#india
{
	left: 350px;
	top: 90px;
}

section#map img#Rome
{
	left: 260px;
    top: 43px;
}
section#map img#Vienna
{
	left: 260px;
    top: 43px;
}
section#map img#HoChiMinhCity
{
	left: 410px;
    top: 137px;
}
section#map img#Berlin
{
	left: 250px;
    top: 50px;
}
section#map img#Budapest
{
	left: 250px;
    top: 50px;
}
section#map img#Athens
{
	left: 250px;
    top: 70px;
}
section#map img#Pattaya
{
	left: 410px;
    top: 150px;
}
section#map img#Guangzhou
{
	left: 380px;
	top: 90px;
}
section#map img#HongKong
{
	left: 390px;
	top: 90px;
}
section#map img#Barcelona
{
	left: 245px;
    top: 70px;
}
section#map img#Shenzhen
{
	left: 380px;
	top: 90px;
}
section#map img#Mikonos
{
	left: 260px;
    top: 55px;
}
section#map img#Colombo
{
	left: 360px;
	top: 114px;
}
section#map img#Santorini
{
	left: 270px;
    top: 65px;
}

section#map img#Penang
{
	left: 400px;
	top: 114px;
}
section#map img#Jakarta
{
	left: 410px;
    top: 137px;
}
section#map img#Kathmandu
{
	left: 350px;
	top: 80px;
}

section#map img#Male
{
	left: 340px;
	top: 150px;
}
section#map img#Dhoha
{
	left: 300px;
	top: 90px;
}

section#map img#Netherlands
{
	left: 255px;
    top: 45px;
}
section#map img#Vietnam
{
	left: 370px;
	top: 114px;
}
section#map img#Cambodia
{
	left: 400px;
	top: 114px;
}
section#map img#Maldives
{
	left: 340px;
	top: 150px;
}
section#map img#Greece
{
	left: 250px;
    top: 50px;
}


section#map img#australia
{
	left: 435px;
	top: 175px;
}

section#map img#newyork
{
	left: 88px;
	top: 62px;
}

section#map img#spain
{
	left: 224px;
	top: 58px;
}

section#map img#london
{
	left: 236px;
	top: 46px;
}

section#map img#salzburg
{
	left: 269px;
	top: 39px;
}

section#map img#munich
{
	left: 274px;
	top: 32px;
}

section#map img#austria
{
	left: 268px;
	top: 38px;
}

section#map img#dubai
{
	left: 316px;
	top: 90px;
}

section#map img#dusseldorf
{
	left: 250px;
	top: 35px;
}

section#map img#kohsamui
{
	left: 403px;
	top: 85px;
}

section#map img#amsterdam
{
	left: 248px;
	top: 33px;
}

section#map img#brussels
{
	left: 245px;
	top: 36px;
}



section#map img#dhaka
{
	left: 370px;
	top: 85px;
}

section#map img#thailand
{
	left: 400px;
	top: 84px;
}

section#map img#phuket
{
	left: 398px;
	top: 108px;
}

section#map img#indonesia
{
	left: 391px;
	top: 103px;
}

section#map img#bangkok
{
	left: 384px;
	top: 96px;
}

section#map img#srilanka
{
	left: 360px;
	top: 114px;
}

section#map img#bali
{
	left: 408px;
	top: 150px;
}

section#map img#kuala
{
	left: 412px;
	top: 154px;
}

section#map img#malaysia
{
	left: 420px;
	top: 156px;
}

section#map img#singapore
{
	left: 415px;
	top: 133px;
}

section#map p
{
	font-size: 4em;
}

body#index section#currentevents
{
	left: 10%;
	top: 35%;
}

body#index #currentevents h2
{
	color: #D56A00;
	font-family: Cuprum, sans-serif;
	font-size: 1.1em;
}

body#index #showreel
{
	position: absolute;
	right: 28px;
	top: 64px;
}

body#index #showreel iframe
{
	border: none;
}

#oneliners
{
	left: 3%;
	height: 80px;
	position: absolute;
	width: 140px;
	top: 65%;
}

#oneliners ul
{
	font-family: Cuprum, sans-serif;
	left: 0px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 140px;
}

#oneliners li
{
	display: none;
	height: 80px;
	position: absolute;
	width: 140px;
}

#oneliners li:first-child
{
	display: block;
}

#oneliners p.lines
{
	color: #FF1515;
	font-style: italic;
	text-shadow: 0px 1px 1px #999;
}

body#index #oneliners p.lines
{
	background-color: rgba( 0, 0, 0, 0.3 );
	color: #CCFF00;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.9 );
}

body#index #oneliners p.names
{
	color: #AAAAFF;
	text-align: right;
}

body#profile div#main h3
{
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 13px;
}

ul.musicispin
{
	list-style: circle;
}

ul.musicispin li
{
	margin: 6px;
	margin-left: 60px;
}

ul.downloads
{
	margin-left: 20px;
}

ul.downloads li
{
	display: inline-block;
	float: left;
	margin: 5px;
	text-align: center;
	width: 80px;
}

body#clients div#viewport
{
	height: 280px;
}

body#clients div#main
{
	height: 320px;
}

section#credentials
{
	background-color: rgba( 0, 0, 0, 0.5 );
	border: 1px solid rgba( 0, 0, 0, 0.3 );
	box-shadow: 0px 0px 4px #000;
	height: 70px;
	padding: 10px;
	position: absolute;
	right: 20px;
	top: 440px;
	width: 556px;
}

section#credentials li
{
	display: none;
	left: 0px;
	padding: 0 10px;
	position: absolute;
	top: 0px;
}

section#credentials li:first-child
{
	display: block;
}

section#credentials li p.lines
{
	color: #E8E800;
	font-size: 0.9em;
}

section#credentials li p.names
{
}

body#profile h1
{
	left: 20px;
	text-align: left;
}



div#spinner
{
	background-color: rgba( 0, 0, 0, 0 ); 
	left: 0%;
	margin-left: -1050px;
	margin-top: -800px;
	position: fixed;
	top: 50%;
	width: 1600px;
	height: 1600px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	z-index: 12;
}

div#spinner>section
{
	background-color: rgba( 255, 255, 255, 0 );
	height: 300px;
	margin-top: -150px;
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform-origin: -300px 150px;
	transform-origin: -300px 150px;
	width: 500px;
}

div#spinner #slide2
{	
	-webkit-transform: rotate( 270deg );
	transform: rotate( 270deg );
}

div#spinner #slide3
{
	-webkit-transform: rotate( 180deg );
	transform: rotate( 180deg );
}

div#spinner #slide4
{
	-webkit-transform: rotate( 90deg );
	transform: rotate( 90deg );
}

.wallpaperssection li
{
	margin-right: 20px;
}

.wallpaperssection a
{
	display: block;
	width: 100px;
}

section#flyercontainer
{
	position: absolute;
	right: 30px;
	top: 60px;
	top: -300px;
}

section#flyercontainer img
{
	display: block;
	margin-bottom: 8px;
}

section#flyercontainer li
{
	float: right;
	margin: 0;
	margin-left: 8px;
}

section#flyercontainer h2
{
	color: #FFFF00;
	margin-bottom: 8px;
	text-align: right;
	text-shadow: 1px 1px #000;
}

#profile #sociallinks,
#djgraphy #sociallinks,
#gallery #sociallinks
{
	bottom: 0px;
}

div#spinner h2
{
	background: #fac02e url(../images/map.png);
	box-shadow: 0px 0px 2px 3px rgba( 255, 255, 255, 0.5 );
	color: #000;
	font-family: Cuprum, sans-serif;
	font-size: 1.6em;
	left: 13px;
	padding: 0px 5px;
	position: absolute;
	text-shadow: 1px 1px 1px #fff;
	top: -40px;
}

body#index #sociallinks
{
	    bottom: 230px;
    right: 30px;
    text-align: right;
    width: 100px;
}

body#index #sociallinks h2
{
	position: static;
}

body#index #sociallinks li
{
	float: none;
	height: 30px;
	width: 100%;
}

body#index #sociallinks a
{
	clear: both;
	display: block;
	float: right;
	position: static;
}

body#index p#credits
{
	bottom: 15px;
	color: #ee0;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 1.1em;	
	position: absolute;
	right: 30px;
	text-shadow: 1px 1px 1px #000;
	z-index: 9999;
}