body{ margin:0; padding:0; width:100%; height:100%; }
a{ outline:none; }
a:active{ position:relative; top:1px; }
#main{ width:500px; margin:120px auto 0px auto; position:relative; }
#diagonal{ width:100%; height:200px; background:url(../pics/diagonal.png) top center no-repeat; overflow:hidden; }
#diagonal h1, #diagonal h2{ text-indent:-3000px; }
.divider{ width:30px; height:25px; background:url(../pics/divider.png) 50% 50% no-repeat; display:block; float:left; }
#flashPlayer{ width:12px; height:15px; background:url(../pics/flashPlayer.png) 0px 0px no-repeat; overflow:hidden; text-indent:-3000px; display:inline-block; margin:0px; padding:0px; }
#flashPlayer:hover{ background:url(../pics/flashPlayer.png) 0px -15px no-repeat; }

#nav{ width:235px; height:15px; text-align:center; margin:90px auto 0px auto; }
#nav .aligner{ height:auto; display:block; width:230px; position:absolute; left:50%; margin-left:-115px; }

#nav a{ height:13px; display:block; background-repeat:no-repeat; text-indent:-2000px; overflow:hidden; float:left; }
#nav a:hover{ background-position:0px -13px; }
#nav .on{ background-position:0px -13px !important; }
#btn_pt{ background:url(../pics/btn_pt.png) 0px 0px; width:56px; }
#btn_es{ background:url(../pics/btn_es.png) 0px 0px; width:42px; }
#btn_en{ background:url(../pics/btn_en.png) 0px 0px; width:40px; }

#nav .divider{ height:13px; margin:0px 9px; background:url(../pics/divider_nav.png) no-repeat 50% 50%; display:inline-block; }


#footer{ display:block; width:100%; height:16px; margin-top:170px; text-align:center; }

#footer .divider, #copyright, #year, #diagonaldesign, #rights{ height:16px; display:inline-block; }
#footer .divider{ float:none; }

#copyright{ background:url(../pics/footer_copyright.png) top left no-repeat; width:54px; }
#year{ background-image:url(../pics/footer_year.png); background-repeat:no-repeat; width:20px; }
#footer .y2010{ background-position:0px 0px; }
#footer .y2011{ background-position:0px -16px; }
#footer .y2012{ background-position:0px -32px; }
#footer .y2013{ background-position:0px -48px; }
#footer .y2014{ background-position:0px -64px; }
#footer .y2015{ background-position:0px -80px; }
#diagonaldesign{ background:url(../pics/footer_diagonaldesign.png) top left no-repeat; width:75px; }
#rights{ background-image:url(../pics/footer_rights.png); }
#footer .pt{ background-position:0px 0px; width:121px; }
#footer .eng{ background-position:0px -16px; width:79px; }
#footer .es{ background-position:0px -32px; width:131px; }
#footer .divider{ width:20px; }

#twitter, #facebook{ background:url(../pics/socialMedia.png) 0px 0px; width:15px; height:15px; display:inline-block; overflow:hidden; text-indent:-2000px; }
#twitter{ background-position:0px 0px; margin-right:4px; }
#twitter:hover{ background-position:0px -15px; }
#facebook{ background-position:15px 0px; }
#facebook:hover{ background-position:15px 15px; }
#twitter:active, #facebook:active, #dBlog:active{ position:relative; top:0px; }

#dBlog{ background:url(../pics/dBlog.png) 0px 0px no-repeat; width:39px; height:17px; display:inline-block; text-indent:-2000px; overflow:hidden; }
#dBlog:hover{ background-position:0px -17px; }