/*----- ##RESET & CLEARFIX ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
	
	
	
	/*----- ##GENERAL ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
	form, fieldset, input, textarea, label, p, blockquote, th, td 					{ margin:0;padding:0; }

	table 																			{ border-collapse:collapse;border-spacing:0; }
	fieldset, img 																	{ border:0; }
	address, caption, cite, code, dfn, em, strong, th, var 							{ font-style:normal;font-weight:normal; }
	strong 																			{ font-weight:bold; }
	ol, ul 																			{ list-style:none; }
	caption, th 																	{ text-align:left; }
	h1, h2, h3, h4, h5, h6 															{ font-size:100%;font-weight:normal; }
	q:before, q:after 																{ content:''; }
	abbr, acronym 																	{ border:0; }

	
	html[xmlns] .clearfix, html[xmlns] .section, html[xmlns] .fixed, 
	html[xmlns] .row																{ display: block; 			}
	.clearfix:after, .section:after, .fixed:after, .row:after						{ content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;	}
	.clearfix, .section, .fixed, .row												{ display: inline-block; 	}
	* html .clearfix, * html .section, * html .fixed, * html .row					{ height: 1%; 				}
	* 							 													{ outline: none; 			} 
  
	.last { margin-right:0 !important; }
	.hr 																			{ height:1px;background:#e0e0e0;margin:25px 0; }
	.strong																			{ text-weight:bold !important; }
	.no-margin																		{ margin:0 !important; }
	.text-left																		{ text-align:left !important; }
	.text-right																		{ text-align:right !important; }
	.text-center																	{ text-align:center !important; }
	.inpad																			{ padding:15px !important; }
	.topad																			{ padding-top:15px !important; }
	.bopad																			{ padding-bottom:15px !important; }
	.hpad																			{ padding:15px 0 15px 0 !important; }
	.vpad																			{ padding:0 15px 0 15px !important; }
	.img																			{ background:grey; }
			
																					
	body 																			{ background:url('images/vichy.png'); font-family: 'Istok Web', sans-serif;  } 
	body, html																		{ margin:0;padding:0;position:relative; }
	p 																				{ font-size:12px;font-family: 'Istok Web', sans-serif;color:#525252;line-height:18px;margin-bottom:15px; }
	h3 																				{ padding-bottom:10px; }
  
  
	h1, h1 span																		{ font-size:22px;line-height:24px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; }
	h2, h2 span																		{ font-size:20px;line-height:22px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; }
	h3, h3 span																		{ font-size:18px;line-height:20px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; }
	h4, h4 span																		{ font-size:16px;line-height:18px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; }
	h5, h5 span																		{ font-size:14px;line-height:16px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; }
	blockquote, blockquote p														{ font-size:24px;line-height:26px;font-family: 'Ubuntu Condensed', sans-serif;color:#333333; } 
	
	.col-340																		{ float:left;width:340px;margin-right:10px; }
	.col-190																		{ width:190px;float:left;margin-right:10px; }
	.col-240																		{ width:240px;float:left;margin-right:10px; }
	.col-390																		{ width:390px;float:left;margin-right:10px; }
	.col-290																		{ width:290px;float:left;margin-right:10px; }
	.col-215																		{ width:215px;float:left;margin-right:10px; }
	.col-365																		{ width:365px;float:left;margin-right:10px; }
	
	
	
	
	/*----- ##NAVIGATION & CONTENT ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
  
	#wrapper 																		{ background:url('images/back-wrapper-light.png') no-repeat center top;position:relative;padding:93px 0 0 0;height:600px;z-index:10; }
	#wrapper #wrapper-nav 															{ height:85px;text-align:left;width:590px;margin:0 auto 0 auto;}
	#content 																		{ height:290px;background:url('images/back-content.png');width:590px;margin:15px auto;box-shadow:0 0 2px 2px #ccc;-webkit-box-shadow:0 0 2px 2px #ccc;-moz-box-shadow:0 0 2px 2px #ccc;padding:25px;display:none; }
	
	#wrapper-nav img 																{ float:left; }
	
	#nav 																			{ height:85px;width:355px;float:right;position:relative; }
	#nav li 																		{ height:85px;width:85px;background:url('images/back-states.png') no-repeat;display:block;float:left; }
	#nav li.current 																{ background:url('images/back-states.png') no-repeat right center; }
	#nav a 																			{ line-height:85px;text-align:center;display:block;font-family: 'Droid Sans', sans-serif;font-size:13px;color:#f1f1f1;text-decoration:none; }
	
	#nav li.it-01,#nav li.it-02,#nav li.it-03,#nav li.it-04,#nav li.it-05 			{ position:absolute;top:0; }
	
	#nav li.it-01																	{ left:0; }
	#nav li.it-02																	{ left:65px; }
	#nav li.it-03																	{ left:130px; }
	#nav li.it-04																	{ left:195px; }
	#nav li.it-05																	{ left:260px; }
	#nav li.it-06																	{  }
	
	#nav li.in 																		{ left:0; }
	#nav li.in a 																	{ display:none; } 
	
	
	#nav a:link 																	{ }
	#nav a:visited 																	{ }
	#nav a:hover 																	{ background:url('images/back-states.png') no-repeat center center; }
	#nav a:active 																	{ }
	
	#content .project-list 															{ width:600px; }
	#content .project-list li 														{ position:relative;height:90px;width:140px;margin-right:10px;float:left;margin-bottom:10px;display:block;overflow:hidden; }
	#content .project-list a 														{ color:#fff;font-size:14px;text-decoration:none;height:90px;width:140px;display:block;position:absolute;top:0;left:0;z-index:100;text-align:center;line-height:90px; }
	#content .project-list div 														{ height:90px;width:140px;display:block;position:absolute;top:0;left:0;z-index:50;background:url('images/back-project-overlay.png') no-repeat;text-align:center;line-height:90px; }
	
	#content .content 																{ display:none; }
	#content .content.current													    { display:block; } 
	
		
	
	
	/*----- ##ABOUT - PAGE ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	
	.about-link img 																{ float:left;margin-right:10px; }
	.about-link h4 																	{ line-height:1px;padding-top:15px; }
	.about-link a 																	{ text-decoration:none;color:#484343;font-size:10px;font-style:italic; }
	.about-link div  																{ margin-bottom:10px; }
	.about-link  																	{ margin-top:25px } 
	
	.img-about 																		{ background:url('images/about-page-img.png') no-repeat;height:290px;position:relative; }
	.img-about div 																	{ background:url('images/about-page-pin.png') no-repeat;height:60px;width:215px;position:absolute;bottom:0;top:216px;padding:20px 0 0 20px; }
	.img-about h4 																	{ color:#f7e6e6;display:block;  }
	.img-about span 																{ color:#5D5D5D;font-size:10px;margin-left:25px;font-style:italic;display:block;line-height: 12px; }
	
	
	/*----- ##RESUME - PAGE ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.button-resume 																	{ width:217px;height:47px;display:block;text-decoration:none;color:#fff;font-size:14px;background:url('images/back-button-resume.png') no-repeat;padding:8px 0 0 43px; }
	.button-resume span 															{ display:block;color:#776c6a;font-size:9px;line-height:1px; }
	
	.performance   																	{ width:280px; }
	.performance li  img 															{ float:left;margin-right:1px; }
	.performance li  span 															{ color:#292929;font-size:10px;font-style:italic; }
	.performance li div h4 															{ line-height:8px;padding-top:10px; }
	.performance li  																{ margin-bottom:15px; }
	.performance .ratings 															{ float:right;padding:10px 0 0 0;height:13px; }
	.performance .ratings span 														{ float:right;margin-left:4px; }
	.performance .skills 															{ float:left; }
	
	
	/*----- ##SOCIAL - PAGE ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.social img 																	{ float:left;margin-right:10px;  } 
	.social h4 																		{ line-height:7px;padding-top:12px;  }  
	.social div a 																	{ color:#484343;font-size:10px;font-style:italic;text-decoration:none;  } 
	.social div 																	{ margin-bottom:15px; } 
	.social 																		{ padding-top:7px; }
	
	
	
	/*----- ##CONTACT - PAGE ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.contact-form 																	{ background:url('images/back-contact-form.png') no-repeat -5px -1px;width:370px;height:230px;margin-top: 1px;  }
	.contact-form  input 															{ height:34px;width:349px;margin-top:6px;margin-left:5px;border:none;background:transparent;padding-left:10px;font-size:12px;color:#696969;font-family: 'Istok Web', sans-serif; }
	.contact-form  textarea 														{ border: medium none;color: #696969;font-family: 'Istok Web', sans-serif;font-size: 12px;height: 74px;margin-left: 5px;margin-top: 9px;padding: 7px 0 0 10px;width: 342px;display:block;background:transparent;  }
	.contact-form form>div 															{ margin-top:1px; }
	.contact-form>div span 															{ float:left;line-height:37px;height:37px;display:block;margin-top:10px;font-size:13px;padding-left:5px; }
	.contact-form>div span.red 														{ colo:red; }
	
	.contact-form a 																{ margin-top:11px;width:135px;height:37px;background:url('images/back-button-contact.png') no-repeat;float:right;line-height:31px;text-decoration:none;color:#ebebeb;font-size:14px;text-align:center;padding-left:15px;display:block;margin-right:1px;}

	.map 																			{ background:url('images/contact-img.png') no-repeat;height:100px;padding:185px 0 0 20px; }
	.map h4 																		{ color:#f7e6e6;line-height:16px;  }
	.map>span 																		{ color:#5D5D5D;font-size:10px;font-style:italic;display:block;padding-left:45px;  }
	.map p																			{ padding-top:8px; }
	.map p>span  																	{ color:#5D5D5D;font-size:11px;display:block;padding:0;margin:0; }
	.map p>span span  																{ color:#424242;font-size:11px;color:#fefefe;}
	

	
	/*----- ##Styler  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	#styler 																		{ display:none;position:fixed;top:280px;left:0;width:50px;height:55px;background:#0e0e0e url('images/icon-styler.png') no-repeat center center;z-index:9999; }
	#styler-options 																{ position:fixed;top:280px;left:-100px;width:105px;height:55px;background:#1a1a1a;z-index:9998; }
	
	#styler-options li																{ width:20px;height:20px;background:red;float:left;margin:5px 0 0 5px; }
	#styler-options li a 															{ background:green;width:20px;height:20px;display:block; }
	#styler-options li a.pattern_01 												{ background:url('../_content/patterns/60degree_gray.png'); }
	#styler-options li a.pattern_02													{ background:url('../_content/patterns/crosses.png'); }
	#styler-options li a.pattern_03 												{ background:url('../_content/patterns/diagonal-noise.png'); }
	#styler-options li a.pattern_04 												{ background:url('../_content/patterns/noisy.png'); }
	#styler-options li a.pattern_05 												{ background:url('../_content/patterns/paper_1.png'); }
	#styler-options li a.pattern_06 												{ background:url('../_content/patterns/project_papper.png'); }
	#styler-options li a.pattern_07 												{ background:url('../_content/patterns/subtle_freckles.png'); }
	#styler-options li a.pattern_08 												{ background:url('../_content/patterns/white_carbon.png'); }
	
	#wrapper-changer 																{ top:0px;left:0px;right:0px; bottom:0px; position:fixed;z-index:-1;display:none; }