/* 
Design by SpaceJunk (http://www.franontanaya.com)
License: Creative Commons - Attribution 2.5
http://creativecommons.org/licenses/by/2.5/es/deed.en
*/

body { 
padding:0; margin:0; 
background: #000 url('homepage/bg.jpg') top center no-repeat; 
color:#fff; 
font-family: Verdana, Helvetica, Arial, FreeSans, sans; 
}

a { color:#fff; text-decoration: none; }
a:hover { color:#fff; }

#footer a { color: #422; }

#lowerbody, #upperbody, #footer { width:940px; margin-left:auto; margin-right:auto;}
#upperbody { margin-top:210px; height:355px;  margin-bottom:5px;  }
#introvideo, #rightbuttons { float:left; }
#rightbuttons {  margin-left:15px;}

.button { 
width: 310px;
height:45px;
padding:12px 5px 8px 20px;
margin-bottom:1px;
font-size:12px;
background: url('homepage/bg70percent.png') top left repeat; 
}

.button img { border:none; }
.description { margin-left:20px; line-height:0.8em;}

/* Download button is a bit higher than the others */
.download { height:56px; background: #801 url('homepage/download-bg.jpg') top center no-repeat; }

/* Widescreen format */
#introvideo {
width:560px;
height:340px;
padding:0px;
background: url('homepage/bg70percent.png') top left repeat; 
}

/* Panels. Fixed height so all four look good. Do not fill with too much text. */
.infopanel {
font-size:12px;
color:#ccc;
width:196px;
height:350px;
float:left;
background: url('homepage/bg70percent.png') top left repeat;
padding:12px;
margin-bottom:20px;
}

/* Four panels, three gaps */
#infopanel1,#infopanel2, #infopanel3 { margin-right:10px; }

/* Spacing the captions and text */ 
.infopanel img.panelpicture { margin-bottom:15px; width:196px; height:125px; clear:both;}
.infopanel img.panelcaption { margin-bottom:4px;  width:185px; height:20px;  clear:both;}

#footer { color:#2f1f1f; font-size:11px; padding-top:15px; padding-bottom:15px; border-top: 1px solid #211; text-align:center;}