/*universal rule */

body {
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-size: 90%;
font-family: helvetica,times new roman, arial, sans-serif;
font-color: #000000;
}

a {
text-decoration: none;
color:#000000;
}

a:hover {
text-decoration: none;
color:#333333;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

/* layout rule */

#index {
margin-top: 13%;
margin-left: 60px;
padding: 0px;

}

#splash {
position:absolute;
left: 50%; 
top: 50%;
margin-top: -208.5px; /* moitié de la hauteur */
margin-left: -500px; /* moitié de la largeur */

}

#home {
float: left;
width: 100px;
height: 100px;
margin-top: 30%;
font-size: 50%;
border-style: solid;
}


#pressthumb {  /*thumbnail position for reference (press) page */
float: left;
width: 110px;
height: 100px;
margin-top:1%;
margin-left: 7%;
}

#mainimage { /* main image position for reference (press) page */
margin-left: 35%;
}

#content { /* position of all or most projects layouts */
margin-left: 2%;
float: left;
}

#contact {
margin-left: 2%;
float: left;
margin-top: 0%;
}

#contentcollab {  /*div for collaboration page*/
margin-left: 0;
float: left;
}

#contentcollab1 {  /*div for collaboration page links*/
margin-top: 30%;
float: left;
}


#contentcollab1 img {
border: none;
}

#collecnav {  /*collection navigation*/
float: left;
margin-top:35%;
margin-left: 25px;

}

#collecnav a{ /*collection navigation*/
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
line-height: 150%;

}


#styling { /* thumbnails of all fashion styling */
width: auto; 
margin-left: -625px; 
padding-left: 50%;
text-align:center;
margin-top: 20%;
height: 175px:
}

#styling img{ /* thumbnails of all fashion styling */
text-align:center;

}

#stylingpage { /* full images of each fashion styling item */
width: 4500px;
height: 500px;
padding-left: 2%;
margin-top: 5.1%;
}

#xstylingpage { /* full images of style2.html */
width: 5500px;
height: 500px;
margin-left: 5%;
}

#stylingpage4 { /* full images of style4.html */
width: 3500px;
height: 500px;
margin-left: 5%;
}

#stylingpage5 { /* full images of style5.html */
width: 4000px;
height: 500px;
margin-left: 8%;
}

#stylingpage6 { /* full images of style6.html */
width: 4200px;
height: 500px;
margin-left: 8%;
}

#stylingpage3 { /* full images of style3.html */
width: 8500px;
height: 500px;
margin-left: 8%;
}

#stylingpage14 { /* full images of style14.html */
width: 5900px;
height: 500px;
margin-left: 8%;
}

#stylingpage14 img{ /* full images of style14.html */
padding-right: 3%;
}

#stylingpage7 { /* raelian project */
width: 1500px;
height: 500px;
margin-left: 10%;
}

#stylingpage7 img {
padding: 1.5%;
}

#homecrumb {
text-align:left;
margin-left: 2.3%;
margin-top: 1%;
font-size: 0.8em;
text-transform: uppercase;
width: 2%;
}

#leftnav { /* left navigation */
float: left;
margin-top:25%;
margin-left: 3%;
width: 450px;
line-height: 120%;
font-size: 12px;
text-transform: uppercase;
}

#pnav { /*project navigation */
float: left;
margin-top:22%;
margin-left: 10%;

}

#pnav img{ /*project navigation */
border: none;

}

#mainnav { /* navigation on main.html page  */
float: left;
margin-top:30%;
margin-left: 20px;

}

#mainnav img{ /* navigation on main.html page  */
border: none;

}

#coll1 { /* full images of each fashion styling item for collection 1 */
width: 5000px;
height: 500px;
padding-left: 2%;
margin-top: 5.1%;
}

#coll2 { /* full images of each fashion styling item for collection 2 */
width: 19750px;
height: 500px;
padding-left: 2%;

}

#coll2 img{ /* full images of each fashion styling item for collection 2 */
padding-right: 40px;
}

.thumb {
margin: 3px;
}


#desc {
width: 1850px; 
margin-left: -925px; 
padding-left: 50%;
text-align:center;
margin-top: 5%;
}

#bio {
float: left;
width: 650px;
margin-top:0;
margin-left: 3%;
text-align:justify;
}