/* CSS Document 
Copyright 2010 RUN 2 Corp  |  graphic & interactive design
Client: http://www.dmlanguageservices.com
*/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {margin:0;padding:0}
body {background:url(images/bg.gif) repeat-x center top; font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif}
li {list-style-type:none}
.block {overflow:hidden}
a {color:#e154aa; text-decoration:none}
h1 {font-size:18px; font-weight:normal; padding-bottom:30px}
h3 {font-size:14px; font-weight:normal}
h4 {width:500px; padding-bottom:10px}
h5 {font-size:11px; font-weight:normal}
.blue, .blue a {color:#40d9ff; text-decoration:none}
.pink {color:#e154aa}
.gray {color:#bababa}


#wrapper {width:960px; margin:0 auto}
#header {width:960px; height:90px; margin-top:15px; background:url(images/bg_header.gif) no-repeat 210px top}
#header_sp {width:960px; height:90px; margin-top:15px; background:url(images/bg_header_sp.gif) no-repeat 200px top}
#logo {float:left; width:185px; height:85px}
.quote {float:left; padding:68px 0 0 25px; font-size:14px; color:#e154aa}
.info {float:left; padding:68px 0 0 25px; font-size:14px; color:#e154aa}
.info a {color:#43e0c4}
#links {float:right; text-align:center}
#links a {margin-left:10px}

#content {float:left; width:900px; padding:0 30px}
#index {float:left; width:900px; padding-top:335px; background:url(images/bg_index.jpg) no-repeat center top}
.index_bin1 {padding:20px 50px 30px 50px}
.index_bin2 {float:left; padding-left:50px; font-size:14px}
.index_bin3 {float:left; padding-left:50px}
.index_bin4 {float:left}
.index_bin3 a, .index_bin4 a {color:#43e0c4; text-decoration:none}

#container {float:left; width:500px; padding-left:400px; min-height:296px; height:auto}
* html #container { height:296px; overflow:visible}
.services {background:url(images/bg_services.jpg) no-repeat left top}
.servicios {background:url(images/bg_servicios.jpg) no-repeat left top}
.vision {background:url(images/bg_vision.jpg) no-repeat left top}
.vision2 {background:url(images/bg_vision2.jpg) no-repeat left top}
.translation {background:url(images/bg_translation.jpg) no-repeat left top}
.herramientas {background:url(images/bg_herramientas.jpg) no-repeat left top}
.workflow {background:url(images/bg_workflow.jpg) no-repeat left top}
.flujo {background:url(images/bg_flujo.jpg) no-repeat 0 0}
.reasons {background:url(images/bg_reasons.jpg) no-repeat left top}
.razones {background:url(images/bg_razones.jpg) no-repeat left top}
.reason, .service {float:left; width:500px; padding-bottom:15px}
.clients {background:url(images/bg_clients.jpg) no-repeat left top}
.clientes {background:url(images/bg_clientes.jpg) no-repeat left top}
.machine {background:url(images/bg_machine.jpg) no-repeat left top}
.pledge {background:url(images/bg_pledge.jpg) no-repeat left top}
.compromiso {background:url(images/bg_compromiso.jpg) no-repeat left top}
.partners {float:left; width:500px; padding-bottom:10px}
.sitemap {background:url(images/bg_sitemap.jpg) no-repeat left top}
.mapa {background:url(images/bg_mapa.jpg) no-repeat left top}
#team {float:left; width:900px; background:url(images/bg_team.jpg) no-repeat center top}
#equipo {float:left; width:900px; background:url(images/bg_equipo.jpg) no-repeat center top}
#team_maria {float:left; width:310px; height:270px; padding:90px 330px 0 260px}
#team_harry {float:left; width:400px; height:285px; padding:0 0 0 500px}
#team_frances {float:left; width:410px; height:230px; padding:0 60px 0 430px}
#team_cinthya {float:left; width:310px; height:260px; padding:70px 310px 0 280px}
#team_juanita {float:left; width:350px; height:120px; padding:0 0 0 430px}


#main1 {width:500px}
#main1 .label1 {float:left; font-size:14px; margin-bottom:5px; width:100%}
#main1 .label2 {float:left; font-size:14px; margin-top:15px; width:180px}
#main1 .label3 {float:left; font-size:14px; margin-top:15px; width:210px}
#main1 select {margin-top:15px}
#main1 li {margin-bottom:5px}

#copyright {float:left; width:900px; padding:25px 30px 25px 30px; margin-top:20px; color:#e154aa; text-decoration:none}
#copyright_bin1 {float:left; padding-top:30px}
#copyright_bin1 a {color:#40d9ff; text-decoration:none; margin-right:20px}
#copyright_bin1 a:hover, #copyright_bin1 .active {color:#40d9ff; text-decoration:underline}
#copyright_bin2 {float:left; padding:30px 0 0 40px; text-align:center}
#copyright_bin2_sp {float:left; padding:30px 0 0 30px; text-align:center}
#copyright_bin3 {float:right; text-align:right}
#copyright_bin3 img {margin-left:20px}


/* START MENU */
#mainmenu {width:913px; padding:40px 0 10px 47px}
#mainmenu li {float:left; padding:0 3px; line-height:1;}
#mainmenu a, #mainmenu span {display:block; padding:7px 10px 9px 10px; text-decoration:none; font-size:11px; color:#bababa}
#mainmenu a:hover, #mainmenu .active {color:#e154aa}
#mainmenu span {cursor:default}
#mainmenu li:hover, #mainmenu li.active, #mainmenu li.trail {background:url("../../tl_files/images/layout/mright.png") right top no-repeat}
#mainmenu li:hover span,#mainmenu li.active span,#mainmenu li.trail span {color:#e154aa}
#mainmenu ul.level_2 {width:170px; left:-999em; position:absolute; padding-bottom:5px}
#mainmenu ul.level_2 li {position:relative; float:none; padding:0 3px 1px; background:url(images/bg_mainmenu.png) repeat}
#mainmenu ul.level_2 a, #mainmenu ul.level_2 span {padding:4px 9px 5px; font-size:10px; color:#e154aa}
#mainmenu ul.level_2 li:hover a, #mainmenu ul.level_2 li.active a, #mainmenu ul.level_2 li.trail a, #mainmenu ul.level_2 li:hover span, #mainmenu ul.level_2 li.active span,#mainmenu ul.level_2 li.trail span {color:#ff0000}
#mainmenu li:hover ul.level_2 {left:auto}
/* END MENU */


/* START MACHINE */
form.query-box {font-size:14px; margin-top:0px; margin-right:0px; margin-bottom:4px; margin-left:0px; width:100%}
input.query-input {padding-left:2px; margin-bottom:4px; width:500px; border:1px solid #40d9ff}
textarea {width:500px; border:1px solid #bababa; color:#424242; font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif}
input.button {margin-top:15px}
#results {padding-top:20px; width:500px}
#results_title {display:block; width:500px; padding-bottom:5px; color:#bababa; font-size:14px; border-bottom:1px solid #bababa}
#results_body {padding-top:10px; color:#424242; font-size:11px}
#branding {margin-top:20px}
/* END MACHINE */