@charset "UTF-8";
/* CSS Document */

body{
	background:#272727;
	margin:0px;}
	
#header{
	background:url(images/header_bg.jpg) repeat-x;
	height:80px;}
	
#nav{
	width:1000px;
	margin:auto;}
	
a.logo{
	width:269px;
	height:112px;
	margin-left:10px;
	background:url(images/logo.jpg);
	background-position:0px 0px;
	float:left;}

a.logo:hover{
	background-position:0px -112px;}

	
	
	
	
	
	
/******** HEADER MENU ********/
	
#menu{
	float:right;
	margin-right:10px;
	height:80px;
	}

#menu a{
	color:#FFF;
	margin-left:55px;}
	
#menu a.home_btn{
	width:36px;
	height:80px;
	background:url(images/home_btn.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu a.my_work_btn{
	width:54px;
	height:80px;
	background:url(images/my_work_btn.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu a.what_i_do_btn{
	width:58px;
	height:80px;
	background:url(images/what_i_do_btn.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu a.get_in_touch{
	width:74px;
	height:80px;
	background:url(images/get_in_touch_btn.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}

#menu a.journal_btn{
	width:47px;
	height:80px;
	background:url(images/journal_btn.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}

#menu a:hover{
	background-position:0px -80px;}
	
	
	
/******** FOOTER MENU ********/

#menu_f{
	float:right;
	margin-right:10px;}
	
#menu_f a{
	color:#FFF;
	margin-left:40px;
	background:none no-repeat left center;
	display:inline;}
	
#menu_f a.home_btn_f{
	width:29px;
	height:50px;
	background:url(images/home_btn_f.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu_f a.my_work_btn_f{
	width:44px;
	height:50px;
	background:url(images/my_work_btn_f.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu_f a.what_i_do_btn_f{
	width:46px;
	height:50px;
	background:url(images/what_i_do_btn_f.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}
	
#menu_f a.get_in_touch_f{
	width:58px;
	height:50px;
	background:url(images/get_in_touch_btn_f.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}

#menu_f a.journal_btn_f{
	width:37px;
	height:50px;
	background:url(images/journal_btn_f.jpg);
	background-position:0px 0px;
	display:block;
	float:right;}

#menu_f a:hover{
	background-position:0px -50px;}










/******** CONTENT ********/

img.projects{}

#content{
	background:#ffffff url(images/content_top_bg.jpg) repeat-x;
	min-height:500px;
	border-bottom:4px solid #007aff;}

#content_body{
	width:1000px;
	margin:auto;
	overflow:hidden;}

#content_title{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	margin-top:40px;
	margin-left:425px;}
#content_title.work_t{
	margin-left:20px;}

#form{
	width:500px;
	margin:auto;
	margin-top:50px;
	margin-bottom:30px;}

#about{
	margin-top:30px;
	margin-left:10px;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	text-align:left;
	width:250px;
	float:left;
	line-height:18px;
	}
	
#projects{
	float:left;
	margin-right:30px;
	margin-left:45px;
	margin-right:45px;
	margin-top:40px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:30px;
	color:#272727;
	text-align:center;
	padding:0px;
	line-height:26px;
	width:400px;}
	
#projects ul{
	margin:0px;
	padding:0px;
	width:400px;
	text-align:left;
	margin-top:20px;
	margin-bottom:30px;}

#mywork{
	margin-top:30px;}

#mywork.first{
	margin-top:50px;}
	
#mywork.last2{
	margin-bottom:50px;}
	
#mywork img{
	border:4px solid #afd4fd;
	margin-right:30px;}

#mywork img.last{
	margin-right:0px;}

#i_do{
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-align:left;
	width:220px;
	float:left;
	line-height:18px;
	color:#007aff;
	}

#i_do p{
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;}

#footer{
	background:url(images/footer_bg.jpg);
	height:150px;
	width:1000px;
	margin:auto;}
	
#clear{
	clear:both;}
	
a.quote {
	font-weight:bold;
	color:#007aff;
	text-decoration:none;}
	
	
	
	
	
	
	
	
	
	
	
/******** Contact Form ********/

#contact-wrapper {  
    width:430px;  
    padding:20px;
	margin:auto;
}  
#contact-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#contact-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto; 
	color:#F00;
}  
#contact-wrapper label.titre {  
	color:#007aff;
	margin-top:30px;
	margin-bottom:5px;
	font-size:13px;
}
#contact-wrapper label.obligatoire {  
	color:#F00;
}
form#contactform input {  
    border-color:#afd4fd;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:14px;
	background:#fafcff;
    color:#333;  
	width:500px;
	height:20px;
}  

form#contactform select {  
    border-color:#afd4fd;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:14px;
	background:#fafcff;
    color:#333;  
	width:510px;
	height:35px;
} 

#contact-wrapper input.btn {  
	width:100px;
	height:35px;
	border:1px solid #afd4fd;
	color:#007aff;
	margin-top:30px;
}

form#contactform input:hover{
	
}
form#contactform input.btn:hover{
	background:#ffffff;
	color:#007aff;
	
}
form#contactform textarea {  
    font-family:Arial, Tahoma, Helvetica, sans-serif;  
    font-size:100%;  
    padding:0.6em 0.5em 0.7em;  
    border-color:#afd4fd;  
    border-style:solid;  
    border-width:1px; 
	width:500px;
	background:#fafcff;
	overflow:auto;
	color:#333;
} 
form#contactform textarea:hover{
	

}