@charset "utf-8";
/* CSS Document */
html,body {margin:0; padding:0;}
#wrapper{width:100%; overflow:hidden; position:relative;}
.floatleft {float:left;}
.floatright {float:right;}
.centered {margin:auto auto; text-align:center;}
/* * * 960px Base Structure * * */
.container, .placeholder {margin:0 auto;padding:0; width:980px; overflow:hidden;}
.row {margin-left:-20px;}
[class*=col]{float:left;min-height:1px;margin-left:20px;}
.col12{width:940px;} /* Single Row */
.col11{width:860px;}
.col10{width:780px;}
.col9{width:700px;} /* 4/3 or 12/9 */
.col8{width:620px;} /* 3/2 or 12/8 */
.col7{width:540px;}
.col6{width:460px;} /* 2/1 or 12/6 */
.col5{width:380px;}
.col4{width:300px;} /* 3/1 or 12/4 */
.col3{width:220px;} /* 4/1 or 12/3 */
.col2{width:140px;} /* 6/1 or 12/2 */
.col1{width:60px;} /* 12/1 */
.col1_5{width:172px;} /* 5/1 */
.col1_8{width:100px;} /* 8/1 or 16/2 */
.col1_16{width:40px;} /* 16/1 */
/* * * 960px Base Structure * * */
/* MIN 768px - MAX 979px */
@media(min-width: 768px) and (max-width:979px){
.container, .placeholder {width:754px; padding:0; overflow:hidden;}
.row {margin-left:-10px;}
[class*=col]{float:left;min-height:1px;margin-left:10px;}
.col12{width:734px;} /* Single Row */
.col11{width:672px;}
.col10{width:610px;}
.col9{width:548px;} /* 4/3 or 12/9 */
.col8{width:486px;} /* 3/2 or 12/8 */
.col7{width:424px;}
.col6{width:362px;} /* 2/1 or 12/6 */
.col5{width:300px;}
.col4{width:238px;} /* 3/1 or 12/4 */
.col3{width:176px;} /* 4/1 or 12/3 */
.col2{width:114px;} /* 6/1 or 12/2 */
.col1{width:52px;} /* 12/1 */
.col1_5{width:18%; float:left; margin-left:1%;margin-right:1%;} /* 5/1 */
.col1_8{width:10.5%; float:left; margin-left:1%;margin-right:1%;} /* 8/1 or 16/2 */
.col1_16{width:10.5%; float:left; margin-left:1%;margin-right:1%;} /* 16/1 */
}
/* MAX 767px */
@media(max-width:767px){
.container, .placeholder {width:auto; padding:0;}
.row {margin-left:0;}
[class*=col]{float:none;min-height:1px;width:100%;margin-left:0;margin-right:0; margin-bottom:5px;}
.col1_5{width:18%; float:left; margin-left:1%;margin-right:1%;} /* 5/1 */
.col1_8{width:10.5%; float:left; margin-left:1%;margin-right:1%;} /* 8/1 or 16/2 */
.col1_16{width:10.5%; float:left; margin-left:1%;margin-right:1%;} /* 16/1 */
}
/* MAX 480px */
@media(max-width:480px){
[class*=col]{float:none;min-height:1px;width:100%;margin-left:0;margin-right:0; margin-bottom:5px;}
}