/* prevent fouc */
	.js #pics {display: none;}
	.prehide {display: none;}
	


body {
background-color:#373332;
}


#container{
width: 1000px;
margin:auto;
margin-top:30px;
}


#navigation{
width: 1000px;
height:80px;
}

#navigation li{
float:left;
padding-top:230px;
padding-right:30px;
padding-left:30px;
padding-bottom:20px;
}

#navigation a{
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:3px;
}

#navigation a:hover{
padding-bottom: 5px;
border-bottom:3px dotted white;
}

#showcase{
background-color:#000000;
background-image:url(../images/banner.jpg);
height: 300px;
width: 1000px;
}

#leftcontent{
background-color:#292C37;
width: 250px;
padding-right:20px;
padding-left:20px;
float:left;
}

#leftcontent h1{
color:#CCCCCC;
font-size:15px;
font-family: Modern, Helvetica, sans-serif;
padding-left:10px;
padding-top:40px;
padding-bottom:20px;
letter-spacing:3px;
}

#leftcontent h2{
letter-spacing:2px;
font-weight: 300;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:5px 10px 20px 10px;
text-align: left;
}

#leftcontent h3{
color:#CCCCCC;
font-size:17px;
font-family: Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:40px;
padding-bottom:20px;
letter-spacing:3px;
}

#leftcontent h4{
font-size:17px;
font-style: oblique;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:0px 10px 30px 10px;
text-align: left;
letter-spacing:3px;
}

#leftcontent h5{
letter-spacing:2px;
font-weight: 300;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:20px 10px 20px 10px;
text-align: left;
}

#leftcontent h6{
letter-spacing:2px;
font-weight: 300;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:40px 10px 15px 10px;
text-align: left;
}

#leftcontent a{
letter-spacing:2px;
font-weight: 300;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:0px 10px 30px 10px;
text-align: left;
}

#leftcontent img{
padding-top: 40px;
padding-bottom: 10px;
padding-left:25px;
}

#rightcontent{
background:url(../images/divider.jpg) no-repeat scroll left 50%;
width: 710px;
float:right;
background-color:#292C37;
padding-bottom:20px;
}

#maincontent li{
list-style: none;
width:200px;
height:200px;
padding-left:100px;
padding-top:30px;
float:left;
background:url(images/divider.jpg) no-repeat scroll left 50%;
}

#rightcontent h3{
color:#CCCCCC;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:40px;
padding-bottom:10px;
letter-spacing:3px;
}

#rightcontent h4{
font-style: oblique;
color:#CCCCCC;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
padding-left:250px;
padding-right:20px;
padding-top:0px;
padding-bottom:10px;
letter-spacing:3px;
}

#rightcontent h5{
letter-spacing:2px;
font-weight: 300;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:30px 30px 0px 20px;
text-align: left;
}

#rightcontent a{
letter-spacing:2px;
font-weight: 300;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
margin:0px 0px 0px 20px;
text-align: left;
text-decoration:none;
}

#rightcontent a:hover{
padding-bottom: 5px;
border-bottom:3px dotted white;
}

#rightcontent img{
padding-top: 40px;
padding-bottom: 20px;
padding-left:35px;
}

#content{
background-color:#292C37;
width: 1000px;
text-align: left;
}

#portfolio li{
margin-left:5px;
display: inline;
}

#portfolio li img{
padding:20px;
}


#footer{
background-color:black;
height: 30px;
width: 1000px;
float:right;
padding-top:20px;
margin-bottom:30px;
text-align: center;
}

#footer h5{
font-size:10px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
letter-spacing:3px;
}



#bgindex{
background-color:#292C37;
height:380px;
}

#bgparcours{
background-color:#292C37;
height:723px;
}

#bgatelier{
background-color:#292C37;
height:355px;
}

#bgliens{
background-color:#292C37;
height:510px;
}


/* Gallery styles */

#pics {
margin-left:20px;
padding-bottom:40px;
margin-bottom:20px;
height:  300px;
width:   600px;
}

#pics img {
height: 300px;
width:  600px;     
}