/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title : Q IMAGE STUIDO | 0.1
Author : Juan Wilebaldo Alvarez Pulido
URL : www.wilebaldo.info

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
/*MAIN DOCUMENT STYLES*/  
*{  
padding:0;  
margin:0;  
}  
  
body {  
font-family: Arial, Helvetica, sans-serif; /*fonts for the main document*/  
font-size: 12px; /*font size for the main document*/  
color: #484941; /*font color for the main document*/  
background-color: #ffffff; /*background color*/  
}

#background{
background-image: url(images/bg.png); /*our background image*/  
background-repeat: repeat-x; /*background image repeated horizontally*/ 
}

/*BODY STYLES*/
#body {  
width: 706px; /*the bottom margin is the negative value of the footer's height*/  
margin: auto; /*centers our content*/
} 

#container {  
position: relative; /*An element with position: relative moves an element relative to its normal position*/  
height: 768px; /*sets our header height, this should be the same as our header image*/  
background-image: url(images/container.png);
background-repeat: no-repeat center top; /*sets a background behind our header and sets our header image onto the page*/  
padding: 0; /*no padding is needed*/  
}

/*LOGO STYLES*/  
#logo {  
float: left; /*floats the logo to the left of our container*/  
height: 58px; /*height of our logo image*/  
width: 236px; /*width of our logo image*/  
margin:	10px	0	0	10px;
/*background-image: url(images/logo.png); /*our logo image set as a background*/  
/*background-repeat: no-repeat; /*logo image wont repeat*/  
<a href="http://www.000webhost.com/" target="_blank"><img src="http://www.000webhost.com/images/120x60_powered.gif" alt="Free website hosting" width="120" height="60" border="0" /></a>
}

/*NAVIGATION STYLES*/  
  
#navigation {  
float: right; /*floats navigation to the right of the container*/  
margin: 30px	20px	0	0; /*places a top margin*/  
}  
  
.nav_links ul {  
list-style:none; /*removes bullet points from a list*/  
display: inline; /*displays links inline*/  
}  
  
.nav_links li {  
list-style:none; /*removes bullet points from a list*/  
display: inline; /*displays links inline*/  
}  
  
.nav_links a {  
padding-left: 50px; /*each links will have 50px padding on the left*/  
text-decoration: none; /*removes link underscore*/  
text-transform: uppercase; /*all links will be in capitals*/  
color: #8d8d8d; /*color of the link*/  
font-weight: bold; /*makes links in bold*/  
}  
  
.nav_links a:hover {  
color: #0099FF; /*color of the links on mouseover*/  
}  

/*BIG LOGO STYLES*/  
#biglogo {  
float: left; /*floats the logo to the left of our container*/  
height: 163px; /*height of our logo image*/  
width: 647px; /*width of our logo image*/  
margin:	80px	0	0	25px;
background-image: url(images/BigLogo.png); /*our logo image set as a background*/  
background-repeat: no-repeat; /*logo image wont repeat*/  
}

/*Soon STYLES*/  
#soon {  
float: left; /*floats the logo to the left of our container*/  
height: 163px; /*height of our logo image*/  
width: 647px; /*width of our logo image*/  
margin:	80px	0	0	25px;
background-image: url(images/comingsoon.png); /*our logo image set as a background*/  
background-repeat: no-repeat; /*logo image wont repeat*/  
}