body {
background-image:url(images/tile2.png);
text-align:center;
font-family:Helvetica;
text-align:center;
background-color:#000000;
}

a {color:inherit; text-decoration:none;}

#container {
width:1000px;
height:100%;
margin:0 auto;
overflow:hidden;
text-align:center;
}

#title {
width:520px;
height:120px;
background-image:url(images/title.png);
display:block;
margin:0 auto;
}

#title a {width:100%; height:100%; display:block;}

#portada {
width:1000px;
height:500px;
background-image:url(images/portada.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
margin:0 auto;
text-align:right;
}

#banner {
width:950px;
height:475px;
background-image:url(images/duo.jpg);
background-position:center;
background-repeat:no-repeat;
display:block;
margin:0 auto;
text-align:right;
}

#textbox {
width:250px;
height:300px;
display:block;
background-color:#000000;
opacity:0.6;
filter:alpha(opacity=60);
margin:60px auto auto 37px;
padding:10px;
float:left;
}

#textofthebox {
width:200px;
height:350px;
display:block;
color:#ffffff;
font-size:11px;
font-weight:bold;
float:left;
position:relative;
left:-250px;
padding:10px;
margin-top:80px;
}

#textofthebox p {
text-align:left;
}

#underbanner {
width:950px;
height:80px;
display:block;
background-image:url(images/invest2.png);
margin:20px auto;
}

#navigation {
width:950px;
height:29px;
margin:0 auto;
text-align:left;
}

#navigation .tab {
width:116px;
height:29px;
display:block;
float:left;
}

#navigation .homeon {background-image:url(images/nav/tabhome.png);}
#navigation .companyon {background-image:url(images/nav/tabcompany.png);}
#navigation .investorson {background-image:url(images/nav/tabinvestors.png);}
#navigation .jobson {background-image:url(images/nav/tabjobs.png);}
#navigation .gameson {background-image:url(images/nav/tabgames.png);}
#navigation .contacton {background-image:url(images/nav/tabcontact.png);}

#navigation .homeoff {background-image:url(images/nav/tabhome2.png);}
#navigation .companyoff {background-image:url(images/nav/tabcompany2.png);}
#navigation .investorsoff {background-image:url(images/nav/tabinvestors2.png);}
#navigation .jobsoff {background-image:url(images/nav/tabjobs2.png);}
#navigation .gamesoff {background-image:url(images/nav/tabgames2.png);}
#navigation .contactoff {background-image:url(images/nav/tabcontact2.png);}

#navigation a {width:100%; height:100%; display:block;}

#content {
width:600px;
height:auto;
min-height:300px;
display:block;
background-color:#323232;
margin:0 10px 20px 0;
float:left;
text-align:center;
padding-top:40px;
}

#content #newpost {
width:600px;
height:auto;
display:block;
text-align:right;
margin:0 auto 10px auto;
overflow:auto;
}

#content .orange {background-color:#eead0e;}
#content .blue {background-color:#00bfff;}
#content .green {background-color:#b3ee3a;}
#content .darkorchid2 {background-color:#B23AEE;}

#content #newpost .middle {
width:540px;
height:auto;
display:block;
color:#aaaaaa;
padding:10px 20px;
font-size:11px;
text-align:left;
margin:0 0 0 auto;
background-color:#222222;
}

#content #newpost p {margin:0 0 10px 0; padding:0; font-weight:bold;}
#content #newpost p.signature {text-align:right; color:#888888;}
#content #newpost a {color:gray;}
#content #newpost a:hover {color:white; text-decoration:underline;}

#sidepop {
width:340px;
height:200px;
display:block;
float:left;
}

#sidepop .top {
width:340px;
height:41px;
margin:0;
background-image:url(images/borders/triangle.png);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#sidepop .middle {
width:300px;
height:auto;
display:block;
padding:20px;
background-color:#ffffff;
color:#666666;
font-size:12px;
font-weight:bold;
font-style:italic;
}

#sidepop .bottom {
width:300px;
height:41px;
margin:0;
background-image:url(images/borders/triangle2.png);
background-position:center;
background-repeat:no-repeat;
display:block;
}

#explanation {
width:800px;
height:auto;
display:block;
background-color:#222222;
padding:5px 10px;
color:#bbbbbb;
margin:0 auto 20px auto;
font-size:12px;
font-weight:bold;
text-align:justify;
}

#jobrow {
width:900px;
height:auto;
margin:10px auto;
display:block;
overflow:auto;
}

#jobrow .jobblock {
width:290px;
height:100%;
margin:0 5px;
display:block;
float:left;
color:#dddddd;
font-size:12px;
text-align:left;
}

#jobrow .jobblock .art {width:280px; height:30px; display:block; border:5px solid #222222; background-image:url(images/jobs/art.png);}
#jobrow .jobblock .design {width:280px; height:30px; display:block; border:5px solid #222222;background-image:url(images/jobs/design.png);}
#jobrow .jobblock .sound {width:280px; height:30px; display:block; border:5px solid #222222;background-image:url(images/jobs/sound.png);}
#jobrow .jobblock .gameplay {width:280px; height:30px; display:block; border:5px solid #222222;background-image:url(images/jobs/gameplay.png);}
#jobrow .jobblock .programming {width:280px; height:30px; display:block; border:5px solid #222222;background-image:url(images/jobs/programming.png);}
#jobrow .jobblock .management {width:280px; height:30px; display:block; border:5px solid #222222;background-image:url(images/jobs/management.png);}

#contactform {
text-align:left;
color:#bbbbbb;
margin:0 auto 32px auto;
font-size:13px;
font-weight:bold;
}

#footer {
font-size:10px;
color:#aaaaaa;
}

#footer p.navfooter {
font-size:11px;
font-weight:bold;
letter-spacing:2px;
word-spacing:20px;
}

#footer a:hover {color:#ffffff; text-decoration:underline;}