/* Neil Bailey Stylesheet by Alun Machin January 2005 */
	
/* M'enfin c'est simple et efficace quand meme mon ami! */

/* Last updated 19 August 2006 */

html 
{ 
  padding:0px;
  margin:0px;
}

body {
  background-color: #B7D0E7;
  font-size: 90%;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Sans-Serif;
  color:#564b47;  
  text-align:center;
	margin:0px;
	padding: 25px;
}

p,pre {
margin: 0px 0px 10px 0px;
 padding: 10px 0;
}

h1 {
font-size: 130%;
padding-left: 40px;
padding: 0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
letter-spacing: 1px;
	}
	
h2 {
font-size: 115%;
padding: 5px 0px 15px 40px;
margin: 0px 0px 0px 0px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
letter-spacing: 1px;
	}	
	
h3 {
	display: none;
	}	

a { 
color: #369;
background-color:transparent;
text-decoration: underline; 
}

a:hover
{
background-color: #369;
color: #fff;
text-decoration: none;
}
 


#container {
width:650px;
margin: 0px auto;
padding:0px;
text-align:left;
background-color: #ffffff;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
}

#copyright {
width:646px;
margin: 0px auto;
padding:2px;
text-align:right;
background-color: #eee;
}

#copyright p {
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
font-size: 70%;
font-weight: normal;
text-transform: uppercase;
 letter-spacing: 1px;
}	


#maincolumn {
width:450px;
padding:0px;
float:left;
background-color:#000000;
overflow: auto;
}

#maincontent {
width:450px;
padding:0px;
float:left;
background-color: #FFFFFF;
overflow: auto;
}

#rightcolumn {
width:200px;
padding:0px;
float:left;
background-color:#ffffff;

}

#rightcontent {
width:200px;
padding:0px;
float:left;
background-color:#F7EFD2;

}

#masthead {
background-color:#ffffff;
}


#masthead p {
padding:10px;
margin:0px;
}


/*
    Modified ALA Style Horizontal Nav... all due respect to Jeffrey Zeldman and the groovers over at Listamatic.
*/

/*
    1st Tier Navigation for home page only
*/

#home1 {
  margin: 0;
  padding: 0;
  
  font-size: 95%;
font-weight: bold;
	letter-spacing: 1px;
	line-height: 19px;
}

#home1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border: 0;
}

#home1 ul li {
  padding: 0;
  margin: 0;
  float: left;
  text-align: center;
  display: block;
}

#home1 ul li a {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #ddd;
	width: 128px;
	height: 18px;
	color: #555;
	display: block;
	text-decoration: none;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

#home1 ul li#home a	{
  width: 129px;
  border-left: 0px
}

#home1 ul li#contact a	{
  width: 129px;
  border-right: 0px
}

#home1 ul li a:hover,
#home1 ul li a:hover.current
{
  background: #D2DEE5;
  color: #333;
}

#home1 ul li a.current {
  background: #B7D0E7;
  
}

/* 1st Tier Navigation for all pages apart from Home & Folios */

#menu {
  margin: 0;
  padding: 0;
  
  font-size: 95%;
font-weight: bold;
	letter-spacing: 1px;
	line-height: 19px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border: 0;
}

#menu ul li {
  padding: 0;
  margin: 0;
  float: left;
  text-align: center;
  display: block;
}

#menu ul li a {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #ddd;
	width: 128px;
	height: 18px;
	color: #555;
	display: block;
	text-decoration: none;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

#menu ul li#home a	{
  width: 129px;
  border-left: 0px
}

#menu ul li#contact a	{
  width: 129px;
  border-right: 0px
}

#menu ul li a:hover,
#menu ul li a:hover.current
{
  background: #D2DEE5;
  color: #333;
}

#menu ul li a.current {
  background: #B7D0E7;
}

/* 1st Tier Menu for Folio Pages */

/*
    Modified ALA Style Horizontal Nav... all due respect to Jeffrey Zeldman and the groovers over at Listamatic.
*/

#folio1 {
  margin: 0;
  padding: 0;
  
  font-size: 95%;
font-weight: bold;
	letter-spacing: 1px;
	line-height: 19px;
}

#folio1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border: 0;
}

#folio1 ul li {
  padding: 0;
  margin: 0;
  float: left;
  text-align: center;
  display: block;
}

#folio1 ul li a {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #ddd;
	width: 128px;
	height: 18px;
	color: #555;
	display: block;
	text-decoration: none;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	/* border-bottom: 1px solid #aaa; */
	border-right: 1px solid #aaa;
}

#folio1 ul li#home a	{
  width: 129px;
  border-left: 0px
}

#folio1 ul li#contact a	{
  width: 129px;
  border-right: 0px
}


#folio1 ul li a:hover,
#folio1 ul li a:hover.current
{
  background: #D2DEE5;
  color: #333;
}

#folio1 ul li a.current {
  background: #B7D0E7;
}

/* 2nd Tier Menu for Folio Pages */

/*
    Another Modified ALA Style Horizontal Nav... If it isn't broke don't fix it right?
*/

#folio2 {
  margin: 0;
  padding: 0;
  font-size: 90%;
/* font-weight: bold; */
	letter-spacing: 1px;
	line-height: 19px;
}

#folio2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border: 0;
}

#folio2 ul li {
  padding: 0;
  margin: 0;
  float: left;
  text-align: center;
  display: block;
}

#folio2 ul li a {
	padding: 2px 0 0 0;
	margin: 0 0 20px 0;
	text-align: center;
	background-color: #B7D0E7;
	width: 147px;
	height: 21px;
	color: #555;
	display: block;
	text-decoration: none;
	/* border-top: 1px solid #eee; */
	/* border-left: 1px solid #eee; */
	/* border-bottom: 1px solid #aaa; */
	/* border-right: 1px solid #aaa; */
}

#folio2 ul li#landscapes a	{
  width: 209px;
}

#folio2 ul li a:hover,
#folio2 ul li a:hover.current
{
  background: #D2DEE5;
  color: #333;
}

#folio2 ul li a.current {
  background: #B7D0E7;
  font-weight: bold;
  font-size: 105%;
}

/* Gallery Code */

.photomenu {
       float: left;
	   width: 170px;
	   /* height: 400px; */
       margin: 0 0 15px 15px;
	   padding: 10px 0;
       text-align: center;
       background: white;
       border: 1px solid #ccc;
       font-size: 85%;
       }
		 
.photomenu p
{
margin: 0px 0px 0px 0px;
padding: 10px 0 0 0;
}			 
	   
#image1, #image2, #image3, #image4, #image5, #image6
	
	{
  	 float: left;
	   width: 370px;
	   /* height: 400px; */
       margin: 0 0 15px 35px;
	   padding: 0px 0px 0px 0px;
       text-align: center;
       background: white;
       /* border: 1px solid #ccc; */
       font-size: 75%;
       } 
		 
#image1 p
{
margin: 0px 0px 0px 0px;
padding: 10px 0 10px 0;
}		

#image1 img
{
border: 1px solid #ccc;
}	 

.caption

{
	/* border-top: 1px solid #ccc; */
	padding-top: 0px;
	 font-size: 100%;
}		 
		 
.thumbnails
{
	border: 0px;
}		

.active
{
	border: 2px solid #82ADD6;
	padding: 3px 3px 3px 3px;
}

.photomenu a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

.photomenu a { 
/* color: #369; */
background-color:transparent;
text-decoration: underline; 
}

/* Advertising Folio introduction */

#advertising1
{
       float: left;
	   width: 250px;
	   /* height: 150px; */
      padding: 20px 0px 0px 60px;
 		margin: 0px 0px 0px 0px;
       text-align: center;
       background: white;
       font-size: 125%;
       }
		 
#advertising1 p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 text-transform: uppercase;
 font-size: 80%;
 font-weight: bold;
 letter-spacing: 1px;
}		 

#advertising1 img
{
	border: 0px;
}

#advertising1 a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

#advertising1 a { 
color: Black;
background-color:transparent;
text-decoration: none; 
}

/* Personal Folio introduction */

#personal1
{
       float: left;
	   width: 250px;
	   /* height: 150px; */
      padding: 20px 0px 0px 30px;
 		margin: 0px 0px 0px 0px;
       text-align: center;
       background: white;
       font-size: 125%;
       }
		 
#personal1 p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 text-transform: uppercase;
 font-size: 80%;
 font-weight: bold;
 letter-spacing: 1px;
}		 

#personal1 img
{
	border: 0px;
}

#personal1 a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

#personal1 a { 
color: Black;
background-color:transparent;
text-decoration: none; 
}

/* Reportage Folio introduction */

#reportage1
{
       float: left;
	   width: 250px;
	   /* height: 150px; */
      padding: 20px 0px 20px 60px;
 		margin: 0px 0px 0px 0px;
       text-align: center;
       background: white;
       font-size: 125%;
       }
		 
#reportage1 p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 text-transform: uppercase;
 font-size: 80%;
 font-weight: bold;
 letter-spacing: 1px;
}		 

#reportage1 img
{
	border: 0px;
}

#reportage1 a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

#reportage1 a { 
color: Black;
background-color:transparent;
text-decoration: none; 
}

/* Landscapes & Interiors Folio introduction */

#landscapes1
{
       float: left;
	   width: 250px;
	   /* height: 150px; */
      padding: 20px 0px 20px 30px;
 		margin: 0px 0px 0px 0px;
       text-align: center;
       background: white;
       font-size: 125%;
       }
		 
#landscapes1 p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 text-transform: uppercase;
 font-size: 80%;
 font-weight: bold;
 letter-spacing: 1px;
}		 

#landscapes1 img
{
	border: 0px;
}

#landscapes1 a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

#landscapes1 a { 
color: Black;
background-color:transparent;
text-decoration: none; 
}
		 
/* Clients introduction */

.clients 
{
       float: left;
	   width: 175px;
	   /* height: 150px; */
      padding: 20px 0px 30px 40px;
 		margin: 0px 0px 0px 0px;
       text-align: left;
       background: white;
       /* border: 1px solid #ccc; */
       font-size: 90%;
       }		
		 
/* Bio text */		  

.bio 
{
       float: left;
	   width: 570px;
	   /* height: 150px; */
      padding: 10px 0px 30px 40px;
 		margin: 0px 0px 0px 0px;
       text-align: left;
       background: white;
       /* border: 1px solid #ccc; */
       font-size: 95%;
       }		
		 
.bio p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 /* text-transform: uppercase; */
 font-size: 95%;
 /* font-weight: bold; */
 /* letter-spacing: 1px; */
}	 
		 
	 
		 
/* Contacts introduction */

.contacts 
{
       float: left;
	   width: 170px;
	   /* height: 150px; */
      padding: 10px 0px 30px 40px;
 		margin: 0px 0px 0px 0px;
       text-align: left;
       background: white;
       /* border: 1px solid #ccc; */
       font-size: 95%;
       }		
		 
.contacts p
 {
 margin: 0px 0px 0px 0px;
 padding: 10px 0 0 0;
 /* text-transform: uppercase; */
 font-size: 95%;
 /* font-weight: bold; */
 /* letter-spacing: 1px; */
}			

.contacts a:hover
{
	color: #B7D0E7;
	background-color:transparent;
text-decoration: underline; 
	
	/* border: 2px solid #82ADD6; */
	/* padding: 3px 3px 3px 3px; */
}

.contacts a { 
/* color: #369; */
background-color:transparent;
text-decoration: underline; 
}	 		 
		 
		 
/* Generic Photo for all pages apart from Home & Folios */
#generic {
	padding: 0px 0px 0px 0px;
	margin: 0 0 20px 0;
	/* border-bottom: 2px solid #ccc; */
}

#generic img {
	border: 0px;
}

/* Home Page Wall Image */

#homeimage
{
	/* height: 433px; */
	width: 650px;
	display : block;
	
}

#homeimage img
{
	border: 0px;

}

/* IE5.x/Win and Other IE (MAC) CSS */

* html #box_coverstory   /* this selector recognized by IE only */
{
  width: 370px;   /* total width (only for IE5.x/Win) */
  w\idth: 220px;  /* content width (for other IE) */
  /*\*//*/
  width : 217px;
  /**/
}
		 
	
/* En avant vers le futur! */