.wrap{ width:760px; padding:80px 80px 60px 80px; margin:80px auto; background-color:#fff; 
		  -webkit-box-shadow: 2px 2px 1px #606060; box-shadow: 2px 2px 1px #606060;  }

		.wrap + .wrap{ margin-top:-40px; }

		.ie7 body{ padding:80px 0; }
		.ie7 .wrap{ margin:0 auto 40px auto;  } 
		
		.ie7 .wrap,
		.ie8 .wrap{ border-right:1px solid #999; border-bottom:1px solid #999; }
		
		.content{}

			.logo{ line-height:29px; text-transform:uppercase; margin-bottom:0; color:#darkblue; }
			.logo small{ font-weight:300; font-size:14px; color:#444; }
					
			.address-info{ padding-right:20px; border-right:1px solid #efefef; text-align:right; margin-bottom:0; }
			.contact-info{ list-style:none; margin-bottom:0; }
		
			.cv-profile{ margin:30px 0 30px 0; padding:40px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; font-weight:300; font-size:15px; line-height:24px; text-align:center; }

			.cv-section-title{ color:darkblue; margin:0 0 15px 0; line-height:18px; }
			
			.cv-item{ margin-bottom:10px; }
				
				.cv-item-description{ text-align:right; }
					.cv-item-description h6{ line-height:24px; margin-bottom:5px; text-transform:uppercase; background-color:#f5f5f5; padding:0 10px; -webkit-border-radius:5px; border-radius:5px; }
					.highlight{ background-color:#f5f5f5; padding:0 10px; -webkit-border-radius:5px; border-radius:5px; }
					
				.cv-item-details h4{ line-height:22px; margin-bottom:6px; }
	
			.skill{ margin-bottom:40px; }
				
				.skill h4{ line-height:22px; margin-bottom:10px; }
				.skill p{ text-align:right; color:#aaa; margin-bottom:0; }
				
				.level{ text-indent:-9999px; background-color:#e2e2e2; height:5px; width:100%; margin:5px 0;  -webkit-border-radius:5px; border-radius:5px; }
					.l-1{ width:10%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-2{ width:20%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-3{ width:30%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-4{ width:40%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-5{ width:50%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-6{ width:60%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-7{ width:70%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-8{ width:80%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-9{ width:90%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
					.l-10{ width:100%; display:block; background-color:#359CBD; height:5px; -webkit-border-radius:5px; border-radius:5px; }
	
		  
			.portfolio-items{ background-color:#f5f5f5; border-bottom:1px solid #efefef; padding:80px; margin:0px -80px 40px -80px; }
				.portfolio-items h2{ font-weight:300; }
				.portfolio-items .slides ul{ margin-left:0; margin-bottom:20px; }
			
			.contact-info-2{ list-style:none; }
				.contact-info-2 li{ float:left; margin-left:5px; font-size:16px; }
			
			#contact-form{ overflow:hidden; }
				#contact-form fieldset{ margin:0; padding:0; }
				#contact-form p#formstatus{ margin-bottom:0; }	
				#contact-form textarea{ color:#ccc; width:277px; padding:9px 10px; }
				#contact-form textarea:focus{ color:#444;  }
				#contact-form input[type="text"]{ color:#ccc; }
				#contact-form input[type="text"]:focus{ color:#444; }


/* #Media Queries
==================================================================================================== */

	/* #Smaller then 1024px wide screen resolution */
	
	@media only screen and (max-width: 1024px) {
		
		body{ }
		
			.wrap{ }
		
	}


	/* #Tablet (Portrait) - designed for 705px width grid */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		body{ }
		
			.wrap{ width:auto; padding:60px 0; margin:40px auto; -webkit-box-shadow: 2px 2px 1px #606060; box-shadow: 2px 2px 1px #606060; }
			.wrap + .wrap{ margin-top:0px; }
			
			.portfolio-items{ padding:80px 0; margin:0 0 40px 0; }	
			#contact-form textarea{ width:255px; }
			#contact-form input[type="text"]{ width:205px; }
	}
	
	/* #Mobile (Portrait) - designed for 280px width */
	
	@media only screen and (max-width: 767px) {
	
		body{ }
			
			.hide-on-phone{ display:none; }
			
			.wrap{ width:auto; padding:60px 0; margin:25px auto; -webkit-box-shadow: 0 0 4px #606060; box-shadow: 0 0 4px #606060; }
			.wrap + .wrap{ -webkit-box-shadow:0 4px 4px -2px #606060; box-shadow:0 4px 4px -2px #606060; margin-top:-180px; }
			
				.cv-profile{ font-size:14px; }
				.contact-info{ margin-top:20px; }
				.contact-info li{ float:left; margin-right:10px; }
				.logo{ margin-bottom:0px; text-align:center; }

				.cv-item-description{ text-align:left; }
				.cv-item-description h6{ padding:10px; }
				.cv-item{ margin-bottom:40px; }
				.cv-section-title{ color:#darkblue; margin:-10px 0 40px 0; }
				.portfolio-items{ padding:40px 0; margin:0 0 40px 0; }
				.skill{ margin-bottom:20px; }
				
				.contact-info-2{ margin-top:20px; }
				.contact-info-2 li{ float:none; }
				
				#contact-form{ margin-bottom:0; }
				#contact-form textarea{ width:220px; }
				#contact-form .text-right{ text-align:left; } /* move send buton to the left */
	
	}
	
	/* #Mobile (Landscape) - designed for 420px width */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		body{ }
		
			.wrap{ width:auto; }
			.portfolio-items{ padding:60px 0; }
			#contact-form textarea{ width:370px; }
		
	}
	

/* #Print
==================================================================================================== */
	
	@media print{
	
		body{ padding:0; background-color:#fff; }
		.wrap{ padding:40px 80px; -webkit-box-shadow:none; box-shadow:none; }
		.level{ text-indent:0; margin-top:-10px; }
		.portfolio-items{ padding:40px 0; border-bottom:0; }
		.l-1, .l-2, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10{ width:100%; }
		.skill p, #contact-form{ display:none; }
		.contact-info-2 li{ float:none; }
		.contact-info-2 .hide-on-phone{ display:none; }
	}