@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-image:url(IMAGES/background.jpg);
	background-repeat:repeat-x;
}
#wrapper { 

 margin: 0 auto;
 width: 900px;
 background-color: #ffffff;
}
#header {
 width: 900px;
 float: left;
 padding: 5px 0px 0px 0px;
 height: 190px;
 margin: 0px 0px 0px 0px;
 background-color: #4c4c4c;
 
}
#navigation {
	float: left;
	width: 900px;
	padding: 10px 0px 0px 0px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	text-align:center; 
}

#leftcolumn { 
 background-image:url(IMAGES/web_plaque_grm_school.jpg);
 background-repeat:no-repeat;
 margin: 10px 0px 40px 40px;
 padding: 0px;
 height: 550px;
 width: 175px;
 float: left;
 
}
#leftmiddle { 
 background-image:url(IMAGES/web_plaque_pro_salon.jpg);
 background-repeat:no-repeat;
 margin: 10px 40px 40px 40px;
 padding: 0px;
 height: 550px;
 width: 175px;
 float: left;
}
#rightmiddle { 
 background-image:url(IMAGES/web_plaque_discount_grm.jpg);
 background-repeat:no-repeat;
 margin: 10px 40px 40px 0px;
 padding: 0px;
 height: 550px;
 width: 175px;
 float: left;
}
#rightcolumn { 
 background-image:url(IMAGES/web_plaque_supplies.jpg);
 background-repeat:no-repeat;
 margin: 10px 0px 20px 0px;
 padding: 0px;
 height: 550px;
 width: 175px;
 float: left;
}
#footer {
	width: 900px;
	clear: both;
	color: #000000;
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px 0px;
	height:30px;
	border-top-style: solid;
	border-top-color: #b07e09;
	border-top-width: thin;
}

#notice {
	width: 900px;
	clear: both;
	color: #000000;
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px 0px;
	height:30px;
}

#navigation ul
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
color: #b09e07F;
width: 100%;
font: arial, helvetica, sans-serif;
font-weight:bold;
text-align: center;
text-transform:caitalize;
letter-spacing: .1em;
font-size:9pt;
}

li {
	float: left;
	display:block;
	background: white;
	width: 150px;
	height: 28px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}


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

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

p.leftcolumn {
 font:Arial, Helvetica, sans-serif;
 font-size: 8.5pt;
 font-weight:400;
 letter-spacing:.07em;
 line-height:15px;
 text-align:left;
 margin-left:10px;
 margin-right: 10px;
}

p.leftmiddle {
 font:Arial, Helvetica, sans-serif;
 font-size: 8.5pt;
 font-weight:400;
 letter-spacing:.07em;
 line-height:15px;
 text-align:left;
 margin-left:10px;
 margin-right: 10px;
}

p.rightmiddle {
 font:Arial, Helvetica, sans-serif;
 font-size: 8.5pt;
 font-weight:400;
 letter-spacing:.07em;
 line-height:15px;
 text-align:left;
 margin-left:10px;
 margin-right: 10px;
}

p.rightcolumn {
 font:Arial, Helvetica, sans-serif;
 font-size: 8.5pt;
 font-weight:400;
 letter-spacing:.07em;
 line-height:15px;
 text-align:left;
 margin-left:10px;
 margin-right: 10px;
}

p.footer {
	font:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight:bold;
	letter-spacing:0.07em;
	color:#000000;
	text-align:center;
	display:block;
	border-top:thin;
	border-top-color:#b07e09;
	margin-top: 10px;
}
.footer a:link{
color: #000000;
text-decoration:none;
}
.footer a:hover{
color:#b07e09;
text-decoration:none;
}
.footer a:visited{
color:#000000;
text-decoration:none;
}

.footer a:active{
color:#b07e09;
text-decoration:none;
}

p.notice {
	font:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	letter-spacing:0.07em;
	color:#000000;
	text-align:center;
	display:block;
	margin-top: 10px;
}


.notice a:link{
color: #000000;
text-decoration:none;
}
.notice a:hover{
color:#b07e09;
text-decoration:none;
}
.notice a:visited{
color:#000000;
text-decoration:none;
}

.notice a:active{
color:#b07e09;
text-decoration:none;
}

p.rightcolumn_notice {
	font-weight:bold;
	font-size:11pt;
	letter-spacing:0.15em;
	color:#900;
	text-align:center;
	text-transform:uppercase;
	
}

p.rightmiddle_notice {
	font-weight:bold;
	font-size:11pt;
	letter-spacing:0.15em;
	color:#900;
	text-align:center;
	text-transform:uppercase;
	
}
p.leftmiddle_notice {
	font-weight:bold;
	font-size:11pt;
	letter-spacing:0.15em;
	color:#900;
	text-align:center;
	text-transform:uppercase;
	
}
.leftmiddle_notice a:link{
color: #900;
text-decoration:none;
}
.leftmiddle_notice a:hover{
color:#900;
text-decoration:underline;
}

.leftmiddle_notice a:visited{
color: #900;
text-decoration:none;
}