/* d'zinefusion website about CSS (clients and bio) by Magda Gonzalez v6 */

/* ===== global styles ===== */
body { background-color: #190C04; }
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; }
table#clients { background: url(../images/backs/back_clients.jpg) no-repeat; }
table#bio { background: url(../images/backs/back_bio.jpg) no-repeat; }

font { font-family: "Trebuchet MS", sans serif; color: #786B58; }
a { text-decoration: none; }
img { margin: 0; border: none; }

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

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

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

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

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

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

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

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

div#contact { margin: 0 ; float: left; }
div#contact a { display: block; width: 78px; height: 23px; background-image: url(../images/menu/a_contact_h.gif); background-repeat: no-repeat; }
div#contact a:hover { background-image: url(../images/menu/a_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/a_servicios_h.gif); background-repeat: no-repeat; }
div#servicios a:hover { background-image: url(../images/menu/a_servicios_h.gif); }

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

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

/************ ===== COMBINED float logo ===== ***********/
div#logo { width: 64px; height: 25px; position: relative; float: left; }
div#logo a { display: block; width: 100px; height: 25px; background-image: url(../images/logos/logo_bio.gif); background-repeat: no-repeat; }
div#logo a:hover { background-image: url(../images/logos/logo_bio_h.gif); }

td#logo { height: 40px; }
.clients { margin: 6px 0 0 656px; }
.bioEN { margin: 75px 0 0 122px; }
.bioSP { margin: 103px 0 0 122px; }

/* ===== sub menu about // navigation on the middle ===== */
td#subMenu { height: 25px; vertical-align: middle; background: #190C04; }
#subMenu div { height: 25px; margin-left: 85px; padding: 0; }

/* ===== CLIENTS text  ===== */
td#comments { height: 130px; }
td#clients { height: 130px; }
td#ants { height: 300px; }/* ===== bottom image/area ===== */

/* ===== BIO text area English ===== */
.text { font-family: "Trebuchet MS", sans serif; font-size: 11px; line-height: 14px;color: #190C04; padding-top: 10px; padding-left: 15px; padding-right: 15px; }

td#text1 { height: 300px; vertical-align: bottom; }
div#text1 { height: 240px; width: 215px; margin-left: 100px; background-color: #FFF; float: left; }
div#text2 { height: 155px; width: 215px; margin-left: 5px; margin-top: 85px; background-color: #FFF; float: left; }

/* ===== BIO text area Spanish  ===== */
div#text1sp { height: 268px; width: 215px; margin-left: 100px; background-color: #FFF; float: left; }
div#text2sp { height: 155px; margin-top: 113px; margin-left: 5px; width: 215px; background-color: #FFF; float: left; }

td#text3 { height: 303px; }
div#text3 { height: 145px; margin-top: -11px;margin-left: 320px; width: 215px;  background-color: #FFF; }


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