html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
	background-image: url(../img/tile.png);
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.bt, .tb{
border: none;
height: 4px;
}
.bt{
	border-top: 1px solid #0e0e0e;
	border-bottom: 6px solid #0e0e0e;
}
.tb{
	border-top: 6px solid #0e0e0e;
	border-bottom: 1px solid #0e0e0e;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 62px;
	background: #0e0e0e;
}
.head_bot_bg{
	height: 20px;
	background: url(../img/head_bot_bg.png) repeat-x 17px top ;
}
.nav{
	float: right;
	margin: 25px 0;
}
.nav li{
	display: inline-block;
	margin-left: 27px;
} 
.nav a{
	text-decoration: none;
	color: #fff;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 18px;
	padding: 2px 0;
}
.nav .active, .nav a:hover{
	border-bottom: 3px solid #fff;
}
.logo{
	float: left;
}

/* body ----------------------------------------------*/
/*index --------------------------------------------*/
.Welcome{
  font-size: 45px;
  letter-spacing: -0.9px;
  font-family: Georgia, 'Times New Roman', serif;
  margin: 68px 0 2px 0;
}
.Welcome_to_Pixelstudio{
	font-size: 28px;
	letter-spacing: 0.4px;
	font-family: 'Times New Roman', serif;
	margin: 19px 0 0 0;
}
.Pixelstudio{
	color: #f00;
}
.info{
	margin: 25px 0 0 1px;
  font-size: 14px;
  font-family: "Garamond", serif;
  line-height: 1.56; 
}
.slides img{
	margin: 14px 0 6px 0;
	box-shadow: 0 9px 10px -7px #666;
	border: 2px solid #ccc;  
}
.dotted{
		border-bottom: 1px dotted #ccc;
		margin: 0 0 20px 0;
	}
.ico_1{
	float: left;
	margin: 0 15px 0 0;
}
.What_I_do{
	margin: 2px auto;
	letter-spacing: 0.7px;
	font-size: 21px;
	font-family: "Calluna", serif;
}
.What_I_do_info{
	font-family: "Garamond", serif;
	font-size: 14px;
	margin: 19px auto;
	line-height: 1.5;
}
.ico_2{
	float: left;
	margin: 0 15px 0 0;
}
.How_I_do_it{
	margin: 2px auto;
	letter-spacing: 0.2px;
	font-size: 21px;
	font-family: "Calluna", serif;	
}
.How_I_do_it_info{
	margin: 19px auto;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
}
.img_3{
	float: left;
	margin: 0 15px 0 0;
}
.About_me{
	margin: 2px auto;
	letter-spacing: 1px;
	font-size: 21px;
	font-family: "Calluna", serif;	
}
.About_me_info{
	margin: 19px auto;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
}

/* portfolio -------------------------------------------------------------*/
.Portfolio{
	font-size: 45px;
  letter-spacing: -0.9px;
  font-family: Georgia, 'Times New Roman', serif;
  margin: 67px 0px 36px -10px;
}
.photo{
	margin: 25px 0 0 -9px;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.4);
	border-radius: 5px;
}
.bt{
	margin: 40px 0 20px 0;
}
/*my work-----------------------------------------------------------------*/
.My_work{
	font-size: 45px;
  letter-spacing: -0.9px;
  font-family: Georgia, 'Times New Roman', serif;
  margin: 67px 0 36px -10px;
  }
	.tabs{
	margin: 20px 0;	
	}
	.tabs li{
	display: inline-block;
	margin: 0 10px 0 0;
}
	.tabs a{
	color: #1c1c1c;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid transparent;	
}
	.tabs a:hover, .tabs a.active_tab{
	border-radius: 3px;
	box-shadow: 0 0 0 1px #464646 insert;
	border: 1px solid #1c1c1c;
	background: #1c1c1c;
	color: #fff;
}
	.tabs a.active_tab{
position: relative;
}
.tabs a.active_tab::after{
content: "\0020";
display: block;
position: absolute;
width: 10px;
height: 10px;
background: #1c1c1c;
left: 50%;
margin-left: -5px;
bottom: -6px;
box-shadow: -1px 0px 0 1px #464646 insert, 0px -1px 0 #464646 insert;
border-right: 1px solid #1c1c1c;
border-bottom: 1px solid #1c1c1c;
transform: rotate(45deg);
}
.photo_my_work{
	margin: 25px 20px 0 -9px;
	border: 2px solid #ccc;
	padding: 4px;
	background-color: #fff;
}
.shadow
{
    position: relative;
}
.shadow:before, .shadow:after
{
	content:"";
  position: absolute; 
  z-index:-1;
  box-shadow:0 0 20px rgba(0,0,0,0.9);
  top: 34px;
  left: 14px;
  right: 10px;
  border-radius: 100px / 10px;
  height: 119px;
} 
.shadow:after
{
    right:10px; 
    left:auto; 
    transform: skew(8deg) rotate(3deg);
}

/*About me --------------------------------------------------------------------------*/
.Aboutme{
	font-size: 45px;
  letter-spacing: -0.9px;
  font-family: Georgia, 'Times New Roman', serif;
  margin: 67px 0 36px -10px;
  }
.N{
	font-size: 44px;
	font-family: "Garamond", serif;
	float: left;
	margin: -12px auto;
}
.about_me_info{
	margin: 15px auto;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
}
.Pellentesque{
  font-size: 26px;
  font-family: "Myriad Pro", sans-serif;
  line-height: 1.3;
  margin: 33px 0 0 -9px;
  letter-spacing: -0.1px;
}
.Pellentesque_info{
	margin: 6px 0 0 -8px;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", sans-serif;
}
.Morbi_viverra{
	font-size: 28px;
  font-family: "Myriad Pro", serif;
  line-height: 1.2;
  margin: 22px 0 0 -10px;
  letter-spacing: 0.4px;
}
.Morbi_viverra_info{
	margin: 9px 0 0 -8px;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif
}
.Some_style{
  font-size: 24px;
  font-family: "Myriad Pro", serif;
  margin: 27px 0 0 -10px;
  letter-spacing: -0.9px;
}
.From_Flickr{
	margin: 28px 0 0 -9px;
  font-size: 28px;
  font-family: "Myriad Pro", serif;
  letter-spacing: 0.5px;
}
.quote_wborder{
	outline: 1px solid #ccc;
	border-left: 6px solid #333;
	margin: 20px 0;
	padding: 20px;
	background: #fff;
}
.photo_ico1, .photo_ico2, .photo_ico3{
	margin: 20px 10px 0 -10px;
	border: 2px solid #ccc;
}
.photo_ico4, .photo_ico5, .photo_ico6{
	margin: 0 10px 0 -10px;
	border: 2px solid #ccc;
}
.photo_ico7, .photo_ico8, .photo_ico9{
	margin: 3px 10px 0 -10px;
	border: 2px solid #ccc;
}
.Links{
  font-size: 28px;
  font-family: "Myriad Pro", serif;
  margin: 28px 0 0 -8px;
}
.link{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 16px 0 0 -10px;
}
.link a{
	text-decoration: none;
	 color: #f00;
}
.link:before{
	content: "\25ba";
 	margin: 5px 10px 0 0;
 	color: #f00;	
}
.dotted_about{
	border-bottom: 1px dotted #ccc;
	margin: 10px 0 0 -10px;
}
.quote_wborder_black{
	outline: 1px solid #ccc;
	border-left: 6px solid #333;
	background: #fff;
	margin: 30px 0px -5px -10px;
	padding: 30px 0px 0 20px;
}
.block_black{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: -30px 0px -16px 5px;
  padding: 2px 0;
  line-height: 1.5;
}
.quote_wborder_red{
	outline: 1px solid #ccc;
	border-left: 6px solid #814444;
	background: #fff;
	margin: 30px 0 0 -10px;
	padding: 15px auto;
}
.block_red{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: -12px 0px -16px 26px;
  padding: 2px 0px;
  line-height: 1.5;
 }
 .quote_wborder_grey{
 	outline: 1px solid #ccc;
	border-left: 6px solid #808080;
	background: #fff;
	margin: 30px 0 0 -10px;
	padding: 15px auto;
 }
 .block_grey{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: 30px 0 0 -10px;
  line-height: 1.5;
  padding: 2px 0 2px 35px;
 }
 .quote_wborder_braun{
	outline: 1px solid #ccc;
	border-left: 6px solid #c3b091;
	background: #fff;
	margin: -25px 0 0 -10px;
	padding: 20px 0 0 -10px;
 }
 .block_braun{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: 38px 0 0 -10px;
  line-height: 1.5;
  padding: 2px 0 2px 35px;
 }

 /*Elements--------------------------------------------------------------------------*/
 .Elements{
	font-size: 45px;
  letter-spacing: -1.4px;
  font-family: "Georgia", 'Times New Roman', serif;
  margin: 67px 0 36px -10px;
  }
.Elements_info{
	margin: 20px 0 0 1px;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
}
.D{
	font-size: 44px;
	font-family: "Garamond", serif;
	float: left;
	margin: -12px auto;
}
.Elements_info{
	margin: 19px 5px 0 -10px;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
}
.Some_additional{
  font-size: 28px;
  font-family: "Myriad Pro", serif;
	margin: 31px 0 0 -10px;
	letter-spacing: 0.5px;
}
.Nulla_facilisi{
  font-size: 14px;
  font-family: "Garamond", serif;
	margin: 15px 0 21px -10px;
	line-height: 1.5;
}
.Praesent_molestie{
  font-size: 14px;
  font-family: "Garamond", serif;
	line-height: 1.5;
}
.Praesent_molestie:before{
	content: "\25ba";
 	margin: 0 11px 0 -15px;
 	color: #ccc;
}
.Nunc_eleifend{
  font-size: 14px;
  font-family: "Garamond", serif;
	margin: 22px 5px 0 -10px;
	line-height: 1.5;
}
.Morbi_nec{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 18px 0 0 8px;
  line-height: 1.5;
 }
.header_h2{
  font-size: 28px;
  font-family: "Calluna", serif;
	margin: 30px 0 0 -10px;
	letter-spacing: 0.3px;
}
.header_h2_info{
  font-size: 14px;
  font-family: "Garamond", serif;
	margin: 17px 5px 0 -10px;
	line-height: 1.5;
}
.header_h3{
  font-size: 21px;
  font-family: "Calluna", serif;
  margin: 25px 0 0 -10px;
  letter-spacing: 0.2px;
}
.header_h3_info{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 20px 10px 0 -10px;
	line-height: 1.5;
}
.header_h4{
  font-size: 21px;
  font-family: "Garamond", serif;
  margin: 26px 0 0 -10px;
  font-variant: small-caps;
  letter-spacing: -0.2px;
}
.header_h4_info{
  font-size: 14px;
  font-family: "Garamond", serif;
	margin: 19px 5px 0 -10px;
	line-height: 1.5;
}
.header_h5{
  font-size: 14px;
  font-family: "Garamond", serif;
  font-weight: bold;
  text-transform: uppercase;
	margin: 22px 0 0 -10px;
}
.header_h5_info{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 23px 5px -4px -10px;
  line-height: 1.5;
}
.elements_photo{
	margin: 24px 0 0 -14px;
	border: 2px solid #ccc;
	padding: 4px;
}
.Testimonials{
  font-size: 28px;
  font-family: "Myriad Pro", serif;
  margin: 22px 0 25px -10px;
  letter-spacing: 0.9px;
}
.quotes_1:before {
		content: "“";
		display: block;
		font-size: 40px;
		margin: -6px 0 -48px -26px;
}
.quotes_1:after{
		content: "”";
		display: block;
		font-size: 40px;
		margin: -32px 0 0 216px;
}
..quotes_1 > p:first-child {
    display: inline-block;
}
.quotes_1{
	margin: -20px 0px 0 9px;
	line-height: 1.5;
  font-size: 14px;
  font-family: "Garamond", serif;
  font-style: italic;
}
.ABC_Company{
	color: #f00;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.John_Doe{
	font-weight: bold;
	font-style: normal;
}
.This_is_textbox{
	border: 1px solid #ccc;
	padding: 12px;
	margin: -2px 10px 0 -10px;
	font-size: 20px;
	font-family: Times, serif ;
	letter-spacing: 0.9px;
	background-color: #efefef;
}
.Textbox_info{
 border: 1px solid #ccc;
 margin: -1px 10px 0 -10px;
}
.Duos_pulvinar{
	font-family: Times, serif;
	margin: 15px 8px 0 15px;
	letter-spacing: 0.8px;
	line-height: 1.8;
}
.In_velit{
	font-family: Times, serif;
	margin: -4px 0px 13px 15px;
	letter-spacing: 0.8px;
	line-height: 1.8;
}
.textbox_bold{
	font-weight: bold;
}

/*Contact----------------------------------------------------------------------------*/
.Contact{
	font-size: 45px;
  letter-spacing: 0.5px;
  font-family: "Garamond", serif;
  margin: 67px 0 36px -10px;
}
.Donec{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 23px 5px 25px -9px;
  line-height: 1.5;
}
.name{
	padding: 0 63px 45px 0;
  font-size: 18px;
  font-family: "Garamond", serif;
  font-weight: bold;
}
.Input_name{
 width: 365px;
 padding: 0 50px 10px 0px;
 border-radius: 3px;
}
.email{
  font-size: 18px;
  font-family: "Garamond", serif;
  font-weight: bold;
  padding: 0 0 45px 0;
 }
 .table{
 	 text-align: justify;

 }
 .Input_email{
  width: 365px;
 	padding: 0 50px 10px 0px;
 	border-radius: 5px;
}
.message{
  font-size: 18px;
  font-family: "Garamond", serif;
  font-weight: bold;
  padding: 0 0 40px -10px;
 }
 .Input_message{
 	width: 365px;
 	padding: 0 50px 192px 0px;
 	border-radius: 5px;
}
.Reset_button{
	overflow: hidden;
	cursor: pointer;
  display: block;
	background-color: #fff;
	border: 1px solid #000;
	margin: 30px 0 0 370px;
	padding: 6px 12px;
	border-radius: 4px;
}
.Send_button{
	overflow: hidden;
	cursor: pointer;
  display: block;
	background-color: #fff;
	border: 1px solid #000;
	margin: 30px 0px 0 -70px;
	padding: 6px 16px;
	border-radius: 4px;
}
.bt{
	margin: 43px 0 50px -10px;
}
.Contact_informations{
  font-size: 28px;
  font-family: "Garamond", serif;
	margin: 29px 0 0 -8px;
}
.Feel_free{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 19px 0 0 -10px;
  line-height: 1.5;
}
.Company_name{
  font-size: 14px;
  font-family: "Garamond", serif;
  margin: 20px 0 0 11px;
  letter-spacing: 0px;
  line-height: 1.5;
}
.Company{
	font-weight: bold;
}
.Company_name:before{
 content: "";
 display: block;
}
.fa-envelope{
	float: left;
	margin: 23px 0 0 -10px;
}
.Phone{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: 20px 0 0 11px;
  letter-spacing: 0px;
  line-height: 1.5;
}
.Phone:before{
	content: "";
	display: block;
}
.fa-comment{
	float: left;
	margin: 23px 0 0 -10px;
}
.Pencil{
	font-size: 14px;
  font-family: "Garamond", serif;
  margin: 22px 0 0 11px;
  letter-spacing: 0px;
}
.Pencil:before{
	content: "";
	display: block;
}
.fa-pencil{
	float: left;
	margin: 23px 0 0 -10px;
}
.mail{
	color: #f00;
	text-decoration: none;
}
/*Middle-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 352px;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer{
	margin: -352px 0 0;
	height: 352px;
	background: #0e0e0e;
	position: relative;
}
.social_networks{
  font-size: 28px;
  font-family: "Garamond", serif;
  color: #fff;
  margin: 42px 0 0 1px;
}
.For_all_news{
  font-size: 14px;
  font-family: "Garamond";
  color: #fff;
  margin: 19px 0 0 0;
  line-height: 1.5;
}
.socials li{
	float: left;
	margin: 8px 10px 0 0;
}
.socials_ico{
	border-radius: 0px;
	transition: border-radius 0.4s;
}
.socials_ico:hover{
	border-radius: 30px;
}
.Freelance_work{
  font-size: 28px;
  font-family: "Garamond", serif;
  color: #fff;
  margin: 42px 0 0 2px;
}
.I_currently{
  font-size: 14px;
  font-family: "Garamond", serif;
	color: #fff;
	margin: 19px auto;
	line-height: 1.5;
}
.drop_me{
	color: #f00;
	text-decoration: none;
}
.This_theme{
  font-size: 14px;
  font-family: "Garamond", serif;
	color: #fff;
	margin: 79px auto;
	line-height: 1.5;
}
.HTML_CSS{
	color: #f00;
	text-decoration: none;
}