/*//---------------------------------------------*/ /*// BOS Grid Layout Styles						 */ /*//---------------------------------------------*/

.bos-grid-container { clear: both; }

.bos-grid-content { padding: 20px;}
.bodyContents { padding: 0 20px;}

.bos-grid-quad-2col-tl > * > * > .bos-grid-content, .bos-grid-quad-2col-tr > * > * > .bos-grid-content, .bos-grid-quad-2col-bl > * > * > .bos-grid-content, .bos-grid-quad-2col-br > * > * > .bos-grid-content { padding: 0; /* prevents double padding on these nested grids */ }

.bos-grid-quad-2col-tl .bos-grid-r, .bos-grid-quad-2col-tr .bos-grid-l, .bos-grid-quad-2col-bl .bos-grid-r, .bos-grid-quad-2col-br .bos-grid-l { float: left; width: 33%; /* 38 & 62 would be golden ratio*/ }

.bos-grid-quad-2col-tl .bos-grid-l, .bos-grid-quad-2col-tr .bos-grid-r, .bos-grid-quad-2col-bl .bos-grid-l, .bos-grid-quad-2col-br .bos-grid-r { float: left; width: 67%; /* 38 & 62 would be golden ratio*/ }

.bos-grid-2col .bos-grid-l, .bos-grid-2col .bos-grid-r { float: left; width: 50%; }

/* assuming 960px total, a column width of 320px would be more accurate */ .bos-grid-3col .bos-grid-l, .bos-grid-3col .bos-grid-r { float: left; width: 33%; }

/* assuming 960px total, a column width of 320px would be more accurate */ .bos-grid-3col .bos-grid-c { float: left; width: 34%; }

.bos-grid-2col-r .bos-grid-l, .bos-grid-2col-l .bos-grid-r { float: left; width: 33%; /* 38 & 62 would be golden ratio*/ }

.bos-grid-2col-r .bos-grid-r, .bos-grid-2col-l .bos-grid-l { float: left; width: 67%; /* 38 & 62 would be golden ratio*/ }

.bos-grid-quad .bos-grid-tl, .bos-grid-quad .bos-grid-tr, .bos-grid-quad .bos-grid-bl, .bos-grid-quad .bos-grid-br { float: left; width: 50%; }

/*//---------------------------------------------*/ /*// Common Layout Styles						 */ /*//---------------------------------------------*/

/* modern clearfix */

.bos-group:before, .bos-group:after, .cf:before, .cf:after { content:""; display:table; } .bos-group:after, .cf:after { clear:both; } .bos-group, .cf { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

.bos-content:before, .bos-site-content:before, .bos-grid-container:before, .bos-grid-container-t:before, .bos-grid-container-b:before, .bos-grid-region:before, .bos-grid-content:before, .bos-content:after, .bos-site-content:after, .bos-grid-container:after, .bos-grid-container-t:after, .bos-grid-container-b:after, .bos-grid-region:after, .bos-grid-content:after { content:""; display:table; }

.bos-content:after, .bos-site-content:after, .bos-grid-container:after, .bos-grid-container-t:after, .bos-grid-container-b:after, .bos-grid-region:after, .bos-grid-content:after { clear:both; }

.bos-content, .bos-site-content, .bos-grid-container, .bos-grid-container-t, .bos-grid-container-b, .bos-grid-region, .bos-grid-content { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

.marR5 {margin-right: 5px;}
.marB20 {margin-bottom: 20px;}