/* d'zinefusion website home CSS by Magda Gonzalez v6 */

/* ===== global styles ===== */
body { background-color:  #333; }
body,td,tr,th { margin: 0; padding: 0; vertical-align: top; }
table { width: 1000px; margin: 3px auto; padding: 0; border-spacing: 0;text-align: left; background: url(../images/backs/back_contact.jpg) no-repeat; }
font { font-family: "Trebuchet MS", sans serif; color: #999; }
a { text-decoration: none; }

/* ===== left navigation (home and languages) ===== */

td#NavHome { width: 25px; background-color: #333; }

div#NavHome a { display: block; width: 25px; height: 25px; background-image: url(../images/menu/c_house.gif); background-repeat: no-repeat; }
div#NavHome a:hover { background-image: url(../images/menu/c_house_h.gif); }

div#NavEnglish a { display: block; width: 21px; height: 58px; background-image: url(../images/idioma/gray_e.gif); background-repeat: no-repeat; }
div#NavEnglish a:hover { background-image: url(../images/idioma/gray_e_h.gif); }

div#NavSpanish a { display: block; width: 21px; height: 78px; background-image: url(../images/idioma/gray_c.gif); background-repeat: no-repeat; }
div#NavSpanish a:hover { background-image: url(../images/idioma/gray_c_h.gif); }

/* ===== main menu ===== */
td#NavMain { height: 23px; }

/* ===== main navigation english ===== */
div#services { margin-left: 160px ; float: left; }
div#services a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_services_h.gif); background-repeat: no-repeat; }
div#services a:hover { background-image: url(../images/menu/c_services_h.gif); }

div#about { margin: 0 3px ; float: left; }
div#about a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_about_h.gif); background-repeat: no-repeat; }
div#about a:hover { background-image: url(../images/menu/c_about.gif); }

div#contact { margin: 0 ; float: left; }
div#contact a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_contact.gif); background-repeat: no-repeat; }
div#contact a:hover { background-image: url(../images/menu/c_contact.gif); }

/* ===== main navigation castellano ===== */
div#servicios { margin-left: 160px ; float: left; }
div#servicios a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_servicios_h.gif); background-repeat: no-repeat; }
div#servicios a:hover { background-image: url(../images/menu/c_servicios_h.gif); }

div#magda { margin: 0 3px ; float: left; }
div#magda a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_nosotros_h.gif); background-repeat: no-repeat; }
div#magda a:hover { background-image: url(../images/menu/c_nosotros.gif); }

div#contacto { margin: 0 ; float: left; }
div#contacto a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/c_contacto.gif); background-repeat: no-repeat; }
div#contacto a:hover { background-image: url(../images/menu/c_contacto.gif); }

/* ===== float logo ===== */
div#logo { width: 64px; height: 12px; border: none; position: relative; top: 12px; left: 656px; }
div#logo a { display: block; width: 100px; height: 25px; background-image: url(../images/logos/logo_contact.gif); background-repeat: no-repeat; }
div#logo a:hover { background-image: url(../images/logos/logo_contact_h.gif); }

/* ===== text mission ===== */
td#mission { height: 300px; }
div#mission { height: 100px; margin-top: 25px; margin-left: 105px; }
.mission { font-family: "Georgia", Times, serif; font-size: 21px; color: #96B9FF; line-height: 26px; letter-spacing: 1px; }

/* ===== email ===== */
td#email { height: 300px; }
div#email { height: 100px; margin-top: 50px; margin-left: 205px; width: 215px; }
#email a { color: #FFF; text-decoration: none; }
#email a:hover { color: #F90; text-decoration: none; }
.email { font-size: 12px; color: #333; line-height: 16px; }

/* ===== sub menu/date+time ===== */
td#subMenu { height: 25px; background: #333; }
iFrame { height: 25px; margin-left: 725px; padding-top: 2px; }

/* ===== footer ===== */
#footer { font-family: "Trebuchet MS", sans serif; font-size: 11px; letter-spacing: .05em; line-height: 13px; color: #999; padding-top: 2px; background-color:  #333;}
#footer a { color: #FFF; }
#footer a:hover { color: #F90; }