/*


    Blue:   color:#0066FF;
    Blue2:  color:#00a2ff;
    Orange: color:#ff8400;
          : color:#710082;
    Pink:   color:#f800cc; 

*/


body{
    background: #F9F9F9;
	width:950px;
    margin-left: auto; 
	margin-right: auto;    
	font-family: "Helvetica Neue", Helvetica, Arial, "Trebuchet MS";
	font-size:12px;
	color:#666666;
}


img{ border:0;}

a { 
	text-decoration:none;
    color:#710082;
}

#header{ margin-top:50px;}


/*

    SLOGAN
    
*/

#slogan{ font-size: 45px; }

#slogan h2{    
    color:#ccc;
    letter-spacing: -6px;
    margin: 30px 0 0 0; 
}

#slogan p{
    color:#555;
    font-size: 20px;
    margin: 0; 
}

#slogan p a{
    color:#710082;
}


/*

    WORKS
    
*/


#works{
    margin: 50px 0 0 0;
    overflow:auto;

}

#works h3{
    font-size:30px;
    color:#aaa;
}

#works h3 span{
    color:#00a2ff;
}

#work{
    width:410px;
    float:left;
    margin: 0 60px 30px 0;
}

#work img{ border:thin solid #aaa;}
#work .image{ 
    background:#ddd;
    padding: 5px;
}

#work h4{
    font-size:20px; 
    color:#aaa;
    margin:0;
}

#work h4 span{
    color:#ccc;
    font-size:15px;
}

#work a { color:#00a2ff; }



/*

    WHO
    
*/

#who{
    margin: 30px 0 0 0;
    overflow:auto;
}

#who h3{
    font-size:30px;
    color:#aaa;
}

#who h3 span{
    color:#ff8400;
}

#who .image{ 
    float:right;
}

.boton{
	width:200px;
	height:30px;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	float:left;
	margin:5px;
	text-align:center;
	background-color:#ff8400;
	border: thin solid #ff8400;
	color:#333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button:hover{

	color:#eee;
}


/*

    Personal Projects
    
*/

#projects{
    overflow:auto;
}

#projects h3{
    font-size:30px;
    color:#aaa;
}

#projects h3 span{
    color:#710082;
}


#project{
    width:460px;
    float:left;
    margin: 0 10px 30px 0;
}

#project img{ border:thin solid #aaa;}
#project .image{ 
    background:#ddd;
    padding: 5px;
}

#project h4{
    font-size:20px; 
    color:#aaa;
    margin:0;
}

#project h4 span{
    color:#ccc;
    font-size:15px;
}

#project a { color:#00a2ff; }



/*

    Contact
    
*/

#contact{
	 overflow:auto;
}

#contact h3{
    font-size:30px;
    color:#aaa;
}

#contact h3 span{
    color:#f800cc;
}

#contact .form{
    width:500px;
    float:left;
    margin-right:30px;
}

#contact .form input{
    width:100%;
    font-size:20px;
    padding:5px;
    border: thin solid #ccc;
    margin-bottom:10px;
}

#contact .form textarea{
    width:100%;
    font-size:20px;
    padding:5px;
    border: thin solid #ccc;
}


#contact .info{
    font-size:20px;
}

#contact h4{
    font-size:20px; 
    color:#aaa;
    margin: 0 0 10px 0;
}

#contact .button{
    border: 0;
    background: #BDC1C6;
    color: #fff;
    width: 510px;
    margin: 10px auto 0 auto;
    padding: 10px;
    cursor: pointer;
    font-size: 22px;


}
#contact .button:hover {
    background: #f800cc;
    border: 0;
    color: #fff;
}


/*

    Footer
    
*/

#footer{
	margin-top:10px;
	padding-top:60px;
}

#footer .logos{
    margin: 0 50px 0 0;
    float:left;
}

#footer .browser{
    margin: 0 50px 0 0;
}

#footer .standars{
    float:left;
}

#footer a{
    color:#710082;
    text-decoration:none;
}