/* Desarrollado por Julio loayza at stanque.com para Seisdeagosto. Abril 2010. */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
q:before,q:after {content: '';}
input.text,textarea {border: 1px solid gray;}
:focus {outline: 0;}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */


body {
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
text-align: center;
color: #333;
background-color: #fff;
background-image: url(../img/fondos/body.gif);
background-position: left bottom;
background-repeat: repeat-x;
}

h1 {
font-size: 3.0em;
font-weight: bold;
color: #333;
}

h2 {
color: #333;
font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
font-size: 1.6em;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 0.5em;
}

p {
font-size: 1.3em;
margin-bottom: 1em;
line-height: 150%;
}

strong {
font-weight: bold;
}

li {
font-size: 1.3em;
margin-bottom: 0.5em;
}

a,
a:link {
color: #FF3300;
}

/* --------------------- layout  ------------------ */

#layout {
position: relative;
width: 850px;
margin: 25px auto 0 auto;
text-align: left;
}

/* --------------------- header ------------------ */

#header {
height: 96px;
}

h1 {
position: relative;
left: -10px;
height: 34px;
line-height: 34px;
background-image: url(../img/fondos/h1.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 78px;
padding-top: 2px;
margin-bottom: 4px;
}

h1 span {
display: block;
width: 1px;
height: 1px;
font-size: 0.1em;
text-indent: -1000px;
}

#tagline {
font-size: 1.4em;
color: #FF3300;
}

#header div.contact {
position: absolute;
top: 8px;
background-image: url(../img/dashed_line_white_bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
overflow: hidden;
height: 40px;
}

#header div.contact .fn,
#header div.contact .org {
display: none; /* IE 6&7 fault */
}

/* --------------------- main ------------------ */

#main {
margin-bottom: 60px;
}

/* main cointainers */

#what-we-do,
#more-about,
#even-more {
margin-bottom: 55px;
}

/* what we do */

#what-we-do {
width: 860px;
overflow: auto;
}

#what-we-do .we-do {
position: relative;
width: 250px;
height: 139px;
padding-bottom: 282px;
padding-right: 10px;
margin-right: 40px;
float: left;
background-image: url(../img/fondos/frame_shadow.gif);
background-position: left 139px;
background-repeat: no-repeat;
}

#what-we-do #technology-talks {
margin-right: 0;
}

/* portfolios */

.portfolio {
position: absolute;
bottom: 0;
left: 0;
}

.portfolio .frame {
margin-bottom: 10px;
width: 250px;
height: 210px;
overflow: hidden;
position: relative;
}

.portfolio .frame ul {
position: absolute;
top: 0;
left: 0;
width: 3500px;
}

.portfolio .frame li {
width: 250px;
height: 210px;
position: relative;
overflow: hidden;
background-color: #fff;
margin-bottom: 0;
float: left;
}

.portfolio .frame li .image {
width: 248px;
overflow: hidden;
border-top: 1px solid #ccc;
border-right: 1px solid #777;
border-left: 1px solid #ccc;
}

.portfolio .frame li .caption {
position: absolute;
bottom: 0;
left: 0;
width: 250px;
height: 35px;
line-height: 35px;
color: #fff;
padding-left: 1em;
background-color: #333;

-moz-opacity: 0.7;
opacity:0.70;
filter: alpha(opacity=70);
}

.portfolio .pager {
height: 62px;
}

.portfolio .pager li {
margin-bottom: 8px;
}

/* pager */

.pager {
width: 260px;
height: 27px;
overflow: hidden;
}

.pager li {
float: left;
display: block;
width: 27px;
height: 27px;
margin-right: 10px;
font-size: 1.5em;
}

.pager li a {
display: block;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
border: 1px solid #ccc;
padding: 1px;
}

.pager li a,
.pager li a:link,
.pager li a:visited,
.pager li a:hover {
text-decoration: none;
}

.pager li.selected a,
.pager li a:hover,
.pager li a:visited:hover {
padding: 0;
border: 2px solid #ccc;
background-color: #eee;
}

.pager li.selected a {
border-color: #666;
background-color: #fff;
}

/* more about */

#more-about p {
width: 550px;
}

#former-clients,
#shareholder {
margin-top: 2em;
}


/* --------------------- footer ------------------ */

#footer {
position: relative;
background-color: #333;
color: #fff;
height: 113px;
}

#footer p.rights,
#footer div.contact {
position: absolute;
top: 38px;
}

#footer p.rights {
position: absolute;
left: -10px;
height: 34px;
line-height: 34px;
background-image: url(../img/0608_gray_bg.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 70px;
font-size: 1.6em;
font-weight: bold;
}

#footer p.ilios {
position: absolute;
left: 250px;
top: 11px;
width: 92px;
height: 93px;
overflow: hidden;
font-size: 1px;
text-indent: -1000px;
}

#footer p.ilios a {
display: block;
background-image: url(../img/ilios_seal.gif);
background-position: left top;
background-repeat: no-repeat;
width: 92px;
height: 93px;
}

#footer div.contact {
background-image: url(../img/dashed_line_gray_bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

/* --------------------- contact ------------------ */

div.contact {
right: 0;
height: 40px;
width: 195px;
text-align: right;
padding-right: 1em;
}

div.contact p {
margin-bottom: 0;
line-height: 120%;
}