/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#000; font-family: 'Raleway', serif; height:700px; width:700px;}

/* PRELOAD*/
div#preload { display: none; }

.backimg { background-color:#000; background: url(../images/background.jpg); background-size: cover; background-position:center; background-repeat:no-repeat; width:100%; height:100%; position:absolute;}

/* COMMON CLASSES */
.break { clear:both; }

/* TITLE TEXT */
.circlepos { position: absolute; left:50%; top:50%; height: 400px; width:400px; margin-top:-200px; margin-left:-200px;}
.circle{ display:block; width:400px; height:400px; border-radius:200px;background:#00FFFF;float:center;}
.firstline { position: absolute; top:35%; margin-top:-50px; left:50%; margin-left:-100px; float:center; display:block; font-size:12px; color:#fff; text-align:left; text-decoration:none;}
.secondline { position: absolute; display: block; clear: both; margin-top: 1px; margin-left:-50px; width: 300px; font-size: 15px; color: #fff; text-align: center; text-decoration: none;}

/* PLAYER */
.circleplayerpos { position: absolute; left:50%; top:50%; height: 180px; width:180px; margin-top:-250px; margin-left:-280px;}
.circleplayer { position: absolute; display:block; height:180px; width:180px; border-radius:90px; background-color:#000; text-align:center;}
.player {position:absolute; float: left; left:50%; top:50%; margin-top:-15px; margin-left:-75px;}
.songtitle { position:absolute; left:50%; top:50%; text-align:center; font-size:14px; color:#000; width:300px; margin-left:-150px; margin-top:70px;}

/* NAVIGATION */
#navigation{ position: absolute; left:50%; top:50%; height: 50px; width:110px; margin-top:260px; margin-left:200px;}
#navigation ul.main-nav { font-family: 'Raleway', serif; font-size:11px; list-style-type:none; text-align:center; line-height: 50px;}

#navigation ul.main-nav2 { font-family: 'Raleway', serif; font-size:11px; list-style-type:none; text-align:center; line-height: 50px;}
ul.menu2 li { position: absolute;}
ul.menu2 .link1 { left: 0px; }
ul.menu2 a { display: inline-block; color: #000; text-decoration:none;  background: #00FFFF url(../images/fb.png); width:50px; height:50px;}
ul.menu2 a:hover { background:#000 url(../images/fb1.png); color:#FFF;}