* { margin:0;padding:0; }

body { font-family: 'Josefin Sans', sans-serif; }

a { text-decoration:none; }

a:hover { color:#7AAC48; }

.clear { clear:both; }

hr { position:absolute; border:none;border-top:solid;border-color:gray;border-width:1px;width:100%; }


/* |||||||||||||||||||| BEGIN MAIN NAV MENU |||||||||||||||||||| */


ul.circle-menu { display:block; position:absolute; left: 50%; margin-left:-430px;  }
ul.circle-menu li{
width:100px;
height:100px;
display:block;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
font-size:15px;
text-transform:uppercase;
letter-spacing:2px;
line-height:20px;
text-decoration:none;
text-align:center;
background:#000;
opacity:.5;
color:white;
margin-bottom:-20px;
z-index:1;
font-weight: 700;
margin-top:-80px; 
}

ul.circle-menu li a{ display:block; color:white; padding-top:40px; }

ul.circle-menu li:hover{
text-decoration:none;
background:#333;
opacity:1;
background:#7AAC48;
z-index:2;
}

ul.circle-menu li.commercials { position:absolute; width:250px; height:250px; border-radius:125px; -moz-border-radius:125px; -webkit-border-radius:125px; -khtml-border-radius:125px; top:165px; left:220px;}

ul.circle-menu li.commercials a { padding-top:110px; }

ul.circle-menu li.award { position:absolute; width:200px; height:200px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -khtml-border-radius:100px; top:70px; left:400px;}

ul.circle-menu li.award a { padding-top:75px; }

ul.circle-menu li.film { position:absolute; width:150px; height:150px; border-radius:75px; -moz-border-radius:75px; -webkit-border-radius:75px; -khtml-border-radius:75px; top:260px; left:450px;}

ul.circle-menu li.film a { padding-top:65px; }

ul.circle-menu li.beauty { position:absolute; width:125px; height:125px; border-radius:62.5px; -moz-border-radius:62.5px; -webkit-border-radius:62.5px; -khtml-border-radius:62.5px; top:135px; left:566px;}

ul.circle-menu li.beauty a { padding-top:55px; }

/* |||||||||||||||||||| END MAIN NAV MENU |||||||||||||||||||| */


/* |||||||||||||||||||| BEGIN LOGO |||||||||||||||||||| */

.logo { display:block; width:100%; background:black;color:white; text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:30px; padding-top:20px;padding-bottom:15px;position:absolute; top:400px;font-weight:600;}

.logo a { color:white; }

.logo span { color:#7AAC4B; }

/* |||||||||||||||||||| END LOGO |||||||||||||||||||| */


/* |||||||||||||||||||| BEGIN PAGE-NAVIGATION |||||||||||||||||||| */

ul.page-navigation { display:block; position:absolute;  left:50%; top: 500px; margin-left:-175px;}

ul.page-navigation li { float:left;list-style:none; }

ul.page-navigation li a { color:gray;text-transform:uppercase;font-weight:700; font-size:12px; letter-spacing:1px; }


/* |||||||||||||||||||| END PAGE-NAVIGATION |||||||||||||||||||| */