/* shape style */

.l-col .shape { padding-bottom: 20px }
.l-col .salat-shape { padding-bottom: 5px } 
.shape {  }
	/* start pos */
	.shape .shape-topside { height: 9px; overflow: hidden }
	.shape .shape-topside div, .shape-bottomside div { height: 9px; overflow: hidden; background: url(../i/shape-h-bg.gif) no-repeat }
	
	.shape .shape-topside div.r-ang { background-position: 0 0; width: 9px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.shape .shape-topside div.l-ang { background-position: -9px 0 }
	
	.shape .shape-bottomside div.r-ang { background-position: 0 -9px; width: 9px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.shape .shape-bottomside div.l-ang { background-position: -9px -9px }
	
	.shape .shape-leftside { background: url(../i/shape-v-bg.gif) left top repeat-y; padding: 0 0 0 9px }
	.shape .shape-rightside { background: url(../i/shape-v-bg.gif) right top repeat-y; //display: inline-block }
	
	.shape .shape-content { background: #fdfbf5; margin: 0 9px 0 0; }
	/*.shape .shape-content * {text-align:left;}*/
	
	
	/* hover pos */
	.shape.hover .shape-content { background: #fef2d9 }
	
	.shape.hover .shape-topside div.r-ang { background-position: 0 -18px }
	.shape.hover .shape-topside div.l-ang { background-position: -9px -18px }
	
	.shape.hover .shape-bottomside div.r-ang { background-position: 0 -27px }
	.shape.hover .shape-bottomside div.l-ang { background-position: -9px -27px }
	
	.shape.hover .shape-leftside { background: url(../i/shape-v2-bg.gif) left top repeat-y }
	.shape.hover .shape-rightside { background: url(../i/shape-v2-bg.gif) right top repeat-y }
	

	
.gray-shape {  }
	.gray-shape .shape-topside { height: 6px; overflow: hidden }
	.gray-shape .shape-topside div, .gray-shape .shape-bottomside div { height: 6px; overflow: hidden; background: url(../i/shape-gray.gif) no-repeat }
	
	.gray-shape .shape-topside div.r-ang { background-position: 0 0; width: 6px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.gray-shape .shape-topside div.l-ang { background-position: -6px 0 }
	
	.gray-shape .shape-bottomside div.r-ang { background-position: 0 -6px; width: 6px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.gray-shape .shape-bottomside div.l-ang { background-position: -6px -6px }
	
	.gray-shape .shape-leftside { background: url(../i/shape-gray-v-bg.gif) left top repeat-y; padding: 0 0 0 6px }
	.gray-shape .shape-rightside { background: url(../i/shape-gray-v-bg.gif) right top repeat-y }
	
	.gray-shape .shape-content { background: #f5f3e8; margin: 0 6px 0 0 }

.salat-shape {  }
	.salat-shape .shape-topside { height: 9px; overflow: hidden }
	.salat-shape .shape-topside div, .salat-shape .shape-bottomside div { height: 9px; overflow: hidden; background: url(../i/shape-salat.gif) no-repeat }
	
	.salat-shape .shape-topside div.r-ang { background-position: 0 0; width: 9px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.salat-shape .shape-topside div.l-ang { background-position: -9px 0 }
	
	.salat-shape .shape-bottomside div.r-ang { background-position: 0 -9px; width: 9px; float: right; //position: relative; //margin: 0 0 0 -3px }
	.salat-shape .shape-bottomside div.l-ang { background-position: -9px -9px }
	
	.salat-shape .shape-leftside { background: url(../i/shape-salat-v-bg.gif) left top repeat-y; padding: 0 0 0 9px }
	.salat-shape .shape-rightside { background: url(../i/shape-salat-v-bg.gif) right top repeat-y }
	
	.salat-shape .shape-content { background: #f8fde3; margin: 0 9px 0 0; padding: 3px 0 }