/*  
Theme Name: Oscar Marcelo's Coming Soon Website
Theme URI: http://www.oscarmarcelo.com
Description: Oscar Marcelo's Coming Soon Website, by Oscar Marcelo.
Version: 1.0
Author: Oscar Marcelo
Author URI: http://www.oscarmarcelo.com/
.
© 2009 - 2010 Oscar Marcelo. All rights reserved.
You are not authorized in anytime to copy all the theme or any part of it.
*/
body{background:#c8c8c8;margin:0;padding:0;}
a{color:#787878;text-decoration:none;outline:none;}
#text,#text-hover,#back-hover,#back-logo,#back-logo-hover,#logo,#logo-hover,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11{position:fixed;}
#back-logo,#back-logo-hover,#logo,#logo-hover,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11{left:50%;}
#text-hover,#back-hover,#logo-hover,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11{opacity:0;}
#back-logo,#back-logo-hover,#logo,#logo-hover,#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11{top:45%;}
#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11{z-index:1;}
#text,#text-hover{
width:100%;
font:10px Arial,Helvetica,sans-serif;
color:#8c8c8c;
text-align:center;
top:100%;
margin-top:-142px;
z-index:4;
}
#text p,#text-hover p{font-size:24px;color:#787878;
}
#back-hover{background:#a0a0a0;width:100%;height:100%;}
#back-logo{
background:url(back.png);
width:500px;
height:500px;
margin:-250px 0 0 -250px;
z-index:2;
}
#back-logo-hover{
background:url(back-hover.png);
width:500px;
height:500px;
margin:-250px 0 0 -250px;
}
#logo{
background:url(logo_cm.png);
width:140px;
height:80px;
margin:-40px 0 0 -70px;
z-index: 3;
}
#logo-hover{
background:url(logo_cm-hover.png);
width:140px;
height:80px;
margin:-40px 0 0 -70px;
z-index:3;
}
#p1{
background:url(img/1.png) no-repeat;
width:11px;
height:10px;
margin:-146px 0 0 -15px;
}
#p2{
background:url(img/2.png) no-repeat;
width:8px;
height:8px;
margin:-129px 0 0 0;
}
#p3{
background:url(img/3.png) no-repeat;
width:9px;
height:9px;
margin:-114px 0 0 -14px;
}
#p4{
background:url(img/4.png) no-repeat;
width:19px;
height:19px;
margin:-113px 0 0 17px;
}
#p5{
background:url(img/5.png) no-repeat;
width:16px;
height:16px;
margin:-98px 0 0 -27px;
}
#p6{
background:url(img/6.png) no-repeat;
width:13px;
height:12px;
margin:-88px 0 0 -53px;
}
#p7{
background:url(img/7.png) no-repeat;
width:11px;
height:12px;
margin:-84px 0 0 2px;
}
#p8{
background:url(img/8.png) no-repeat;
width:24px;
height:24px;
margin:-66px 0 0 -42px;
}
#p9{
background:url(img/9.png) no-repeat;
width:15px;
height:16px;
margin:-60px 0 0 21px;
}
#p10{
background:url(img/10.png) no-repeat;
width:9px;
height:10px;
margin:-53px 0 0 45px;
}
#p11{
background:url(img/11.png) no-repeat;
width:11px;
height:10px;
margin:-44px 0 0 -5px;
}