/*
 Slide Box Portfolio | Main Css Style
 Developed by Antekera to Theme Forest. 
 If you have any question please email to miguel.kreativa@gmail.com
 (c)2009
*/

	/* Main
------------------------------------------------------------------*/
html { height:100%; overflow: hidden; }
body{height: 100%; background:#71ceda url(../images/fondo.jpg) repeat-x; margin : 0px;padding: 0px ;font-size:12px;font-family: "Trebuchet MS", Arial,Helvetica, sans-serif; font-weight:100; color: #14252f;}


	/* links
------------------------------------------------------------------*/
a:link{color: #14252f; text-decoration:none;}	
a:hover{color: #71ceda; background:#14252f; text-decoration:none;}
a:visited{color: #14252f; text-decoration:none;}
	/*Main Container
------------------------------------------------------------------*/
#logo
{width:298px; height:auto; position:fixed; top:240px; left: 20px; background:url(../images/logo.png) no-repeat;}
#contact
{width:298px; height:20px; margin-top:91px;}
#contactleft
{width:88px; height:15px; background:url(../images/contact.png) no-repeat; float:left; margin-top:10px;}
#contactright
{width:auto; height:auto; float:right; margin-top:0px; text-align:right; padding-right:5px; line-height: 1.3;}


#content
{

	width:54%; 
	height:60%; 
	position:absolute;
	left: 5%;
	overflow:auto;

}





/* Buttons
------------------------------------------------------------------*/
#mainnav 
{
position:relative;
height:22px;
margin-top:80px;
width:340px;
padding-left:10px;
*left:-40px;
}
#mainnav li
{
display:inline;
list-style:none;
float:left;
margin-right:20px;
}
#mainnav ul
{
display:inline;
list-style:none;
}

#mainnav li a
{
display:block;
height:23px;
background:url(../images/button1.png) no-repeat center bottom;
width:70px;
cursor:pointer;
}
#mainnav li#mainnav-about a{background-image:url(../images/button1.png);  width:70px; }
#mainnav li#mainnav-contact a{background-image:url(../images/button2.png);  width:90px; }
#mainnav li a:hover, #mainnav li.active a {background-position: center top;}

	/* footer
------------------------------------------------------------------*/
.footer { width:575px; height:20px; position:absolute; padding:10px 0px 0px 0px;  bottom: 0; left: 20px;}
	/* Sliding boxes
------------------------------------------------------------------*/
#thumbnail_container
{ width:360px; position:absolute; left:50%; height: 100%; }