﻿html, body
{
height:100%;
}
html, body, .center, #fw-sub-header
{
text-align:center;
}
body, #fw-footer ul
{
margin: 0;
padding: 0;
}
#fw-footer ul
{
list-style-type: none;
}
#fw-wrapper
{
width:100%;
max-width:980px;
display:block;
font-size:0;
position:relative;
margin:0 auto;
height:100%;
}
#fw-page-height, #fw-footer-background, #fw-background 
{
height:auto;
min-height:100%;
}
#fw-page-height-pad
{
clear:both;
}
#fw-col2, #fw-col1
{
display: table-cell;
vertical-align:top;
}
#fw-col1
{
min-width:200px;
}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9
{
display:inline-block;
vertical-align:top;
}
.span1
{
width:10%;
}
.span2
{
width:20%;
}
.span3
{
width:30%;
}
.span4
{
width:40%;
}
.span5
{
width:50%;
}
.span6
{
width:60%;
}
.span7
{
width:70%;
}
.span8
{
width:80%;
}
.span9
{
width:90%;
}
#fw-wrapper .span10, .grid
{
width:100%;
display:block;
}

/**************************** GRID *******************************/
.grid
{
visibility:hidden;
}
.cols2 .grid-row
{
display:block;
padding-bottom:1.5%;
}
.cols2 .grid-box
{
width:49%;
margin:0 .5%;
height:100%;
visibility: hidden;
}
.webkit .grid
{
display:table;
}
.webkit .cols2 .grid-row
{
display: table-row;
}
.webkit .cols2 .grid-box
{
padding-bottom:1.5%;
visibility:visible;
}

/**************************** IE *******************************/

.ie7 #fw-wrapper, .ie8 #fw-wrapper
{
width:980px;
}
.ie7 #fw-col2, .ie7 #fw-col1
{
float:left;
}
.ie7 #fw-col1
{
min-width:0;
}

/**************************** MOBILE *******************************/

@media (max-width: 980px) 
{
#fw-col2
{
padding-right:.7%;
}
}
@media (max-width: 480px) 
{
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10
{
width:100%;
}
}
@media (max-width: 600px) 
{
.span1, .span2, .span8, .span9
{
width:100%;
}
#fw-col1
{
display:block;
}
#fw-col2
{
padding-right:1%;
}
}
