.main{

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;

width:767px; text-align:left; background:url(Gourmaison/images/h_back1.jpg) no-repeat left top;}
#content{text-align:left; background:#253E82;}
#content .col1{}
#content .col2{}
/*page_1*/
#page1 #content .col1{
	float:left;
	width:532px;
	background-color: 253e82;
}
#page1 #content .col2{
	float:left;
	width:205px;
}
#page1 #content #row1{
	height:100%;
	background-image: url(images/line1.gif);
	background-repeat: repeat-y;
	background-position: 255px;
}
#page1 #content #row1 .col1{float:left; width:250px;}
#page1 #content #row1 .col2{float:left; width:220px;}

/*page_2*/
#page2 #content .col1{float:left; width:249px;}
#page2 #content .col2{float:left; width:436px;}

/*page_3*/
#page3 #content .col1{float:left; width:487px;}
#page3 #content .col2{float:left; width:246px;}

/*page_4*/
#page4 #content .col1{float:left; width:271px;}
#page4 #content .col2{float:left; width:418px;}

/*page_5*/
#page5 #content .col1{float:left; width:487px;}
#page5 #content .col2{float:left; width:246px;}

/*page_6*/
#page6 #content .col1{float:left; width:271px;}
#page6 #content .col2{float:left; width:418px;}

/*page_7*/
#page7 #content .col1{float:left; width:486px;}
#page7 #content .col2{float:left; width:246px;}
#page7 #content #row1{background:url(images/line1.gif) repeat-y 258px 0px; height:100%;}
#page7 #content #row1 .col1{float:left; width:260px;}
#page7 #content #row1 .col2{float:left; width:212px;}

/*page_8*/
#page8 #content .col1{float:left; width:720px;}