@charset "utf-8";
/* CSS Document */
/* CSS Style of eduardokranz.com*/
/* Written by Eduardo Kranz */
/* Version 1.0 */

/* Reset */
* {margin:0; padding:0;}

/* Defaults*/
.bold {font-weight:600;}

body {background-color:#f5f5f5;}
.body {background-color:#f5f5f5;}
#box {background:url(../images/box_bg.jpg) center center no-repeat #f5f5f5; height: 350px;margin: 0 auto; padding-top: 15%; width: 890px;}
#content {width: 100%; height: auto; margin: 0px 0 0;}
#sliders { height: 100px; padding: 10px 0 10px 30px; width: 500px; float:left;}
	#sliders .slider {width:130px; height:96px;padding:2px; border:1px solid #e5e6e6;background-color:#fff; float:left; margin: 0 30px 0 0;
						-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.05);}
		#sliders .slider ul {width:130px; height:96px;overflow:hidden;position:relative;}
  		#sliders .slider ul li { list-style:none;}
	#sliders #graphics{}
	#sliders #user_interface {}
	#sliders #code {}
#logo {height: 60px; width: 100%; text-align: center;}
#social { width: 100%; text-align: center;}
	#social ul {margin: 20px 0 0;}
	#social ul li {list-style: none; height: 29px; width: 29px; display: inline-block; margin: 0 0 5px;}
	#social ul li a.social_media {background-image:url(../images/social_media_sprite.png); display:block;}
	#social ul li a.social_media span {height:29px;width:29px;display:block; }
	#social ul li a.social_media#linkedin { background-position: 0px 0px;}
	#social ul li a:hover.social_media#linkedin { background-position: -32px 0px;}
	#social ul li a.social_media#twitter { background-position: 0px -30px;}
	#social ul li a:hover.social_media#twitter { background-position: -32px -30px;}
	#social ul li a.social_media#facebook { background-position: 0px -60px;}
	#social ul li a:hover.social_media#facebook { background-position: -31px -60px;}
#text {padding: 10px 0 0 0; width: 100%; text-align: center;}
#text p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#454545;line-height: 18px; margin: 5px 0 0;}
#text a {color:#454545;}
/**/




/**/

/* Clearfix */

.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%;}

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