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

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

.bos-grid-content { padding-top: 0.4em; padding-right: 0.8em; padding-bottom: 0.4em; padding-left: 0.8em; }

.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) */ }

.pad10 {padding: 10px;}
.blr1dot {border-left: 1px dotted #999;border-right: 1px dotted #999;}
.marr30 {margin-right: 30px;}
.marb20 {margin-bottom: 20px;}
.marb80 {margin-bottom: 80px;}

.padt20 {padding-top: 20px;}
.padr20 {padding-right: 20px;}
.padl20 {padding-left: 20px;}

.w45 {width: 45%;}
.w55 {width: 55%;}