/*display
Copyright (c) 2008 - 2009 , Tiago Fernandez Inc. All rights reserved.
version: 1.0 
main.css 
*/

/*----------------------------------- Hacks - START ---------------------------------------
-------------------------------------------------------------------------------------------*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*----------------------------------- Hacks - END -----------------------------------------
-------------------------------------------------------------------------------------------*/

/*----------------------------------- Structure - START ----------------------------------
-------------------------------------------------------------------------------------------*/
html { background: none; }
body { background: url('../img/bg.gif') repeat; font-family: Helvetica, Arial, sans-serif; color: #523835; }

div#wrapper { padding-top: 100px; }

div#wrapper div#doc {
width:750px;
margin:0 auto;
}

div#wrapper div#doc div#hd { 	
background: url('../img/bghd.gif') repeat;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
div#wrapper div#doc div#hd div#hd-wrapper { padding: 30px; height:40px; background: url('../img/hdshadow.png') center bottom no-repeat; }


div#wrapper div#doc div#bd { 
height: 100%; 
min-height: 550px;
padding: 30px; 
background: #f2f0d5; 
-moz-border-radius-bottomleft: 10px; 
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; 
}

div#manifesto {
padding: 10px;
margin:0 auto;
background: #f2e8bb;
-moz-border-radius: 10px;
}

div#wrapper div#doc div#bd div#recent-work { width:100%; }
.container { height:260px; padding:10px; margin:40px auto; background: #f2e8bb; -moz-border-radius: 10px; }
.container .slider { width: 100%; height: 100%; overflow: hidden; position: relative; }




/*----------------------------------- Structure - END ------------------------------------
-------------------------------------------------------------------------------------------*/


/*----------------------------------- Tipography - START ----------------------------------
-------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited { text-decoration: none; color:#ED1E79;}
div#wrapper div#doc div#ft p { font-size: 93%; color: #ad2031;}
div#manifesto h1.manifesto { font-size: 189%; margin:0; font-weight: normal; }
div#manifesto strong.webdeveloper { color: #ed1e79; }
div#manifesto p { font-size: 123.1%; }


/*----------------------------------- Tipography - END ------------------------------------
-------------------------------------------------------------------------------------------*/



/*----------------------------------- Caption - START -------------------------------------
-------------------------------------------------------------------------------------------*/
/*----------------------------------- Caption - END ---------------------------------------
-------------------------------------------------------------------------------------------*/