/* ---------- GRIDS ---------- */

.grid:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.grid {display:inline-block;}
/* Hides from IE-mac \*/
* html .grid {height:1%;}
.grid {display:block;}
/* End hide from IE-mac */

.grid {width:966px; padding:0px 12px; margin:0 auto;}
.grid1 {float:left; display:inline; width:170px; margin-right:29px;}
.grid2 {float:left; display:inline; width:369px; margin-right:29px;}
.grid3 {float:left; display:inline; width:568px; margin-right:29px;}
.grid4 {float:left; display:inline; width:767px; margin-right:29px;}
.grid5 {width:966px;}
.grid .lastGrid {margin-right:0px;}

/* ---------- PANELS ---------- */
.panel {position:relative; margin-top:20px; border-bottom:1px solid #999999;}
.panel .panelbox {position:absolute; border-bottom:1px solid #DEDEDE; overflow:hidden;}
.panel .bottombox {border-bottom:none;}

/* ---------- WIDTH MODIFIERS ---------- */
.w1 {width:170px;}
.w2 {width:369px;}
.w3 {width:568px;}
.w4 {width:767px;}
.w5 {width:966px;}

@charset "utf-8";


/* ---------- GRIDS ---------- */
.grid {width:966px; padding:0px 12px; margin:0 auto;}
.grid:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.grid {display:inline-block;}
/* Hides from IE-mac \*/
* html .grid {height:1%;}
.grid {display:block;}
/* End hide from IE-mac */



/* blocks v2 grid-container fantasy */
/* IE 6 fix */
* html .grid-container { height:1%; }
* html .grid-container .c-h-first, .grid-container .c-h-middle, .grid-container .ph-h-first, .grid-container .ph-h-middle { margin-right:27px; }
/* End IE 6 fix */

.grid-page { width:966px; padding:0px 12px; margin:0 auto; display:block; }
.grid-container { display:block; }
.grid-container .horizontal:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/*.grid-container .vertical { float:left; } */


/* Vertical containers */
.grid-container .c-v-middle, .grid-container .c-v-last { margin-top: 20px;}

/* Horizontal containers */
.grid-container .c-h-first, .grid-container .c-h-middle { margin-right:29px; }  
.grid-container .c-h-first, .grid-container .c-h-middle, .grid-container .c-h-last { float:left; display:inline; }  

/* Vertical placeholders */
.grid-container .ph-v-middle, .grid-container .ph-v-last { margin-top: 20px;}
.grid-container .ph-v-first, .grid-container .ph-v-middle, .grid-container .ph-v-last, .grid-container .ph-v-lonely { float:none; }

/* Horizontal placeholders */
.grid-container .ph-h-first, .grid-container .ph-h-middle { margin-right:29px; }  
.grid-container .ph-h-first, .grid-container .ph-h-middle, .grid-container .ph-h-last { float:left; display:inline; }  


/* Clear floating boxes */
.grid-container:after,
.grid-container .ph-v-first:after,
.grid-container .ph-v-middle:after,
.grid-container .ph-v-last:after,
.grid-container .ph-v-lonely:after,

.grid-container .ph-h-first:after,
.grid-container .ph-h-middle:after,
.grid-container .ph-h-last:after,
.grid-container .ph-h-lonely:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden; 
}


.grid-container .w1 {width:170px; position:relative; overflow:hidden;}
.grid-container .w2 {width:369px;}
.grid-container .w3 {width:568px;}
.grid-container .w4 {width:767px;}
.grid-container .w5 {width:966px;}



/* Decorators */
.grid-container .grayDecorator { background-color:#ececec; }
/* END of blocks v2 grid-container fantasy */


.grid1 {float:left; display:inline; width:170px; margin-right:29px;}
.grid2 {float:left; display:inline; width:369px; margin-right:29px;}
.grid3 {float:left; display:inline; width:568px; margin-right:29px;}
.grid4 {float:left; display:inline; width:767px; margin-right:29px;}
.grid5 {width:966px;}
.grid .lastGrid {margin-right:0px;}

.content .grid1 div, .content .grid2 div{margin-top:29px;}
.content .grid1{display:inline;float:left;margin-right:29px;width:170px;}
.content .grid1{width:170px;float:left;}
.content .grid2{width:369px;float:left;}
.content .grid2 .grid2{margin-right:0px;}
.content .grid3{width:568px;float:left;}
.content .lastGrid{margin-right:0px;}
.content .grid1, .content .grid2, .content .grid3{overflow:hidden;}
.content .lastGrid {margin-right:0px;}