body 

{
	margin: auto;
	width: 960px; 
	max-height: 960px;
	height: auto;  
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 14px; 
}

header 

{ 
    float: left;
    margin-top: 8px;
    height: 100px;
    width: 480px;
    
}

nav

{ 
    float: left;
    margin-top: 8px;
    height: 70px;
    width: 460px;
	padding-top: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    
}

ul.nav
{
    height: 16px;
    width: 460px;
}

li.nav
{
    display: inline;
    padding: 8px 8px 8px 8px;
}

article

{ 
    float: left;
    height: auto;
    margin-top: 5px;
    min-height: 425px;
    width: 960px;
}
    
article.bloc_copy
{
    width: 600px;
    height: auto;
    font-size: 16pt;
    font-family: serif;
    float: none;
    margin: 0 auto;
    text-align: justify;
}

footer

{
    display: block;
    float: left;
    width: 960px;
    margin-top: 5px;
    margin-bottom: 8px;
    height: 35px;
    text-align: center;
}

.footer_text

{
  font-size: 14px;
}

.button

{
	float: right; 	
	margin-right: 40px;
	height: 35px; 
	width: 35px;
}

.image_button
	{
		float: right; 	
		margin-right: 40px;
		height: 35px; 
		width: 35px;
		opacity:0.6;
        filter:alpha(opacity=60); /* For IE8 and earlier */
	}

.image_button:hover

	{
		-webkit-transition-property: all; 
		-webkit-transition-duration: 0.3s; 
		-webkit-transition-timing-function: ease;
	
		transition-property: all; 
		transition-duration: 0.3s;
		transition-timing-function: ease;
	
		-moz-transition-property: all; 
		-moz-transition-duration: 0.3s; 
		-moz-transition-timing-function: ease;
		
		opacity:1.0;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
.image_button:active

	{
		opacity:1.0;
		filter:alpha(opacity=100); /* For IE8 and earlier */
		
		-webkit-filter: invert(25%);
	}	
	
a 
	{
		color: #597ABC;
		text-decoration: none;
	}
	
a.footer_button
	{ 
		padding: 5px 5px; 
	}

a.footer_button:hover 
	{
		-webkit-transition-property: background; 
		-webkit-transition-duration: 0.3s; 
		-webkit-transition-timing-function: ease;
	
		transition-property: background; 
		transition-duration: 0.3s;
		transition-timing-function: ease;
	
		-moz-transition-property: background; 
		-moz-transition-duration: 0.3s; 
		-moz-transition-timing-function: ease;
		color: #FFF;
		background: #597ABC; 
	} 

a.footer_button:active

	{
		color: #FFF;
		background: #000;
	}
	
#credits

	{
		font-size: 10px; 
		margin:auto; 	
		margin-top: 5px;
	}
	
a.footer_button_credits
	{ 
		padding: 2px 2px; 
	}

a.footer_button_credits:hover 
	{
		-webkit-transition-property: background; 
		-webkit-transition-duration: 0.3s; 
		-webkit-transition-timing-function: ease;
	
		transition-property: background; 
		transition-duration: 0.3s;
		transition-timing-function: ease;
	
		-moz-transition-property: background; 
		-moz-transition-duration: 0.3s; 
		-moz-transition-timing-function: ease;
		color: #FFF;
		background: #597ABC; 
	} 

a.footer_button_credits:active

	{
		color: #FFF;
		background: #000;
	}

.contact_sheet
	
	{	
		height: auto; 
		width: 510px; 
		float: left;
	}
	
a.portfolio_image_button

	
	{
		opacity: 0.6;
		filter: alpha(opacity=60);
		float: left;
		padding: 2.5px;
		display: inline;
	} 

a.portfolio_image_button:hover
	
	{
		opacity: 1.0;
		filter: alpha(opacity=100);
	}

.descriptions

	{
		height: auto; 
		max-width: 440px;
		text-align: left;	
		float: right; 
		font-size: 14px; 
		padding-left: 10px;
	}
	
.contact	

	{
		text-align: center;
		font-size: 16px;
	}