/* Feuille de Presentation  */ 


p { 
font:  0.9em arial;
	padding:0px; 
	text-align: left;
	color: #59534d;
	}
	


p:first-line 
{
color: #59534d;
font-variant: small-caps
 font-size: 110%; 
}

	
p2 { 
	margin-left: 10px; 
	text-align: justify;
	 font-size: 70%; 	
	}	
	
p3 { 

	text-align: right;
	 font-size: 60%; 	
	}		
	
	
h1 { 
	font: italic normal 1.9em arial;
	letter-spacing: 6px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	
	}	
	
	
h2 { 
	font: italic normal 1.9em arial;
	letter-spacing: 6px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	text-align:center;
	}
	
h5 { 
	font: italic normal 1.4em arial;
	letter-spacing: 6px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}	
h5 a{ 
	font: italic normal 1.4em arial;
	letter-spacing: 6px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}	
	
	
	
	
h3 { 
	font: normal 1.4em arial;
	letter-spacing: 1px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
	
h4 { 
	font:  normal 1.2em arial;
	letter-spacing: 0.6px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	color: #7D775C;
	text-align: left;
	}
	/*
h4:first-letter {
 font-size: 104%; 
 font-weight: bold;
 	color: #7D775C;
	
 }	*/
 
	
	
	
img{
   border: 0px #ffffff;
 }

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
	
img.floatRight { 
    float: right; 
    margin: 4px; 
}


a:link { 
	font:  0.9em arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #59534d;
	border-width: 0 0 0 0;
	}
a:visited { 
	font:  0.9em arial;
	font-weight: bold; 
	text-decoration: none; 
	color:  #59534d;
border-width: 0 0 0 0;
	}
a:hover, a:active {
	font:  0.9em arial;
	font-weight: bold; 
	text-decoration: none; 
	color:#4f84aa;
	border-width: 0 0 0 0;
	}	

	
	
acronym {
	border-bottom: none;
	}

 

/* Layout Stylesheet */ 

body {
/*background:#968a7d;*/
background-image: url(/images/bkgd01.jpg) ; 
background-repeat: repeat;
 text-align:center;
 padding:0;
 }
 


#outer {
position:relative;
 text-align:left;
 width:1000px;
 margin:auto;
background:#ffffff;
 }

#hdr {
	position:relative;
	width:1000px;
	height:220px;
	color: #333333;
 }
 
#bodyblock {
	position:absolute;
 	width:1000px;
 	background:white;
	/* background:green;*/
	min-height:540px; 
 }
 
#l-col {
	float:left;
 	position:relative;
 	min-height:540px;
 	/* background:#ff5fff;*/
 	background:#ffffff;
 	color: #333333;
 	width:250px;
 	font-size: 100%; 
 	border-style: solid;
  	border-color: #4f84aa;
 	border-width: 3px 0 0 0;
}
 
#l-col a:link { 
	margin: 20px; 
	text-decoration: none; 
	color: #59534d;
}

 #l-col a:visited { 
	 margin: 20px; 
	text-decoration: none; 
	color:  #59534d;

	}
 #l-col a:hover, a:active { 
	 margin: 20px; 
	text-decoration: none; 
		color:#4f84aa;
	}	
 
 #l-col2 {
  float:left;
 position: absolute;
 width:220px;
  left: 5px;
  bottom: 15px; 
 background:white;
  text-align:left;
 font-size: 70%; 
padding:10px;
 }
 
 #l-col2 a:link { 
	margin: 0px; 
	text-decoration: none; 
	color: #59534d;
}

 #l-col2 a:visited { 
	 margin: 0px; 
	text-decoration: none; 
	color:  #59534d;

	}
 #l-col2 a:hover, a:active { 
	 margin: 0px; 
	text-decoration: none; 
		color:#4f84aa;
	}	



  
  
#cont {
	float:right;
	position:relative;
	/*background:red;*/
 	background-image: url(/images/bkgd03.jpg) ; 
	background-repeat: repeat; 
 	width:750px; 
 	text-align:left;
 	border-style: solid;
  	border-color: #4f84aa;
 	border-width: 3px 0 0 0;
 	min-height:510px; 
 	}
 
#conceptpic {
	float:right;
	position:relative;
	background-image: url(/images/bkgd04.jpg) ; 
	background-repeat: repeat; 
	top:1px;
	right:0px;
 	width:400px; 
 	min-height:510px; 
 	padding: 10px; 
 	overflow:hidden;
 	}	
 	
#conceptpic p{	
 	align:right;
	}
	
#conceptpic p:first-letter {
 font-size: 110%; 
 font-weight: bold;
 color:blue;
 align:right;
 }	
 	
 	
 	
 	
 	
 	
 	
#intro2 {
	 position:relative;
	 width:750px;  
}


#ftr {

	position:absolute;
 	width:750px;
 	bottom: 1px; 
 	right: 1px;
 	color: #998f84; 
 	font-size: 80%; 
	background:#ffffff;
	text-align:right;
 }
 
#ftr a:link { 
	text-align:right;
	color: #998f84;
	}
	
#ftr a:visited { 
	text-align:right;
	color:  #998f84;
	}
#ftr a:hover, a:active { 
	text-align:right;
	color:#4f84aa;
	/*border-bottom:2px solid #4f84aa;*/
	}	
	
	
/*css from decoratedtiles*/
#wrapper {
position:relative;
 text-align:left;
 width:977px;
 margin:auto;
 background:white;
 }
 
 
 
#top {
position:relative;
overflow:hidden;
height:220px;
 width:977px;
background:green;


 }

 
#right {
	position:absolute;
	width:377px;
	top:220px;
	right:0px;
	text-align:center;
	background:white;
	bottom:0px;
	height:520px;
	z-index:5;
	overflow:visible;
 }
 
 
#text-right {
	position:absolute;
	width:300px;
	text-align:justify;
	 font-size: 90%; 
	right:20px;
	padding:10px;
 } 
 
 

 
#center {
width:600px;
position:absolute;
left:0px; 
background:white;
height:2000px; /*height product pages*/
overflow:visible;
z-index:1;

}
 
 #text-center {
	position:absolute;
	width:550px;
	text-align:justify;
	 font-size: 80%; 
	 padding:25px
	 } 
 
 #product-gallery {
	position:absolute;
	top:250px;
	width:977px;
	font-size: 80%;
	background:white;
	overflow:visible;
  } 
  
   #range-gallery {
	position:absolute;
	top:130px;
	width:377px;
	font-size: 80%;
	padding:25px;
	overflow:visible;
	text-align:right;
  } 
/*- Main Menu in Header pasted from Wordpress Sytle.css */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 20%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 2px 15px 2px;
	}

ul.menu li a {
	font-size: 1em;
	color: #7D775C;
		background: #e7e6e6;
	margin: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	}

ul.menu li a:hover {
	background: #333;
	color: #7D775C;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	color: #333;
	background: #d6d2d2;
	text-decoration: none;
	}