/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/

/* CSS Grid */


.main {  
margin:0 auto;  
width:1000px; 
padding-top:10px; 
background: #fff;
}
.mainpu {  
margin:0 auto;  
width:600px; 
background: #fff;
}

.mainf {  
margin:0 auto;  
width:970px; 
padding-top:10px; 
}




.g160,.g200,.g320,.g480,.g640,.g800,.g80,.g240,.g420,.g560,.g720,.g960,.content {float:left; display: inline; margin-left:10px;  } 
.topnaviil{float:left; display: inline;  margin-left: -1px; width:151px;} 
.topnavii {float:left; display: inline; margin-left:16px; width:152px; } 
.topnaviir{float:left; display: inline;  margin-left: 19px; width:151px;} 
.topnaviif {float:left; display: inline; margin-left:10px; width:152px; } 


.g100{
float:left; 
display: inline;
width: 100px;
margin-top: 5px;
  } 

/* 6 columns */
.g160 {width:147px;
background:url(../../images/fr_right_side.jpg) no-repeat;
height: 477px; }
.g200{width: 180px;}
.g320  {width:310px;}
.g480  {width:500px;
padding-top: 70px;}
.g480pu  {width:580px;
padding: 5px;
}
.g640  {width:633px;
padding-top: 70px;}
.g800  {width:790px;}
.g960  {width:960px;
float:left; display: inline; margin-left:20px;
background:#fff;
}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;
}
.g420 {width:420px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:800px;
min-height: 300px;
float:left; 
display: inline;
margin: 0;
}

/* margin */
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}

.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.frtop{
margin: 0 auto;
width: 800px;
background: #3a2700 url(../../images/navi/inside_top.jpg) no-repeat;
height:54px;
text-align: right;
color: #fff;

}
.frtop1{
margin: 0 auto;
width: 824px;
background: #3a2700 url(../../images/navi/inside_top.jpg) no-repeat;
height:54px;
text-align: right;
color: #fff;
}
.frtop1pu{
margin: 0 auto;
width: 600px;
background: #3a2700 url(../../images/navi/inside_top.jpg) no-repeat;
height:54px;
text-align: right;
color: #fff;
}

.frtopr{
float: right;
padding: 20px 20px 0 20px ;}


.mheadi{
margin: 0 auto ;
height:376px;
width: 800px;
z-index: 10;

}
.navi{
position: relative;
margin: -70px 0 0 85px;
height:144px;
width: 655px;
z-index: 100;
}
.navii{
position: relative;
margin: 0 auto;
height:154px;
background:#fff;
width: 824px;
}

.content{
background: #fff;
width:800px;
margin: -75px 0 0 85px;
}
.lhs{
width: 305px;
float:left;
display: inline;
padding-top: 5px;}

.rhs{
width: 300px;
float:left;
display: inline;
margin-top: 0;
margin-left: 20px;
padding-top: 5px;}

.curve{
position: relative;
margin: 0;
height:79px;
width: 100%;
z-index: 100;

}

.photo220{
float:left; display: inline; 
width: 220px;
margin-left: 16px;
margin-bottom: 20px;}