/*
-----------------------------------------------------
Robert Horne (roberthorne.co.uk) [GRIDS] SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2008.01
----------------------------------------------------- */

/*----- Landing page -> version A -----*/
.landing-a{}
.landing-a .col1{ width:170px; float:left; display:inline; margin-right:30px; }
.landing-a .col2{ width:460px; height:200px; background:#666; float:left; display:inline; margin-right:30px; }
.landing-a .col3{ width:220px; height:200px; background:#333; float:right; display:inline; }

/*----- Landing page -> version B -----*/
.landing-b{}
.landing-b .col1{ width:170px; float:left; display:inline; margin-right:30px; }
.landing-b #wrap-r{ width:710px; float:right; display:inline; }
.landing-b #content-head{ height:230px; margin-bottom:20px; }
.landing-b .col2{ width:460px; float:left; display:inline; margin-right:30px; }
.landing-b .col3{ width:220px; float:right; display:inline; }
.landing-b .col4{width: 710px; clear: both;}

/*----- Content page -> 460 right -----*/
/* Can be used with a large image only in the middle,
or small image with promotional items underneath */
.r-460{}
.r-460 .col1{ width:170px; float:left; display:inline; margin-right:30px; }
.r-460 .col2{ width:460px;   float:right; display:inline;  }
.r-460 .col3{ width:220px; float:left; display:inline;margin-right:30px; }

/*----- Content page -> 460 middle -----*/
/* Can be used with a large image only on the right,
or small image with promotional items underneath */
.m-460{}
.m-460 .col1{ width:170px; float:left; display:inline; margin-right:30px; min-height:1px; height:auto !important; height:1px; }
.m-460 .col2{ width:460px; float:left; display:inline; margin-right:30px; }
.m-460 .col3{ width:220px; float:right; display:inline; }

/*----- Content page -> 460 middle -----*/
/* Can be used with a large image only on the right,
or small image with promotional items underneath */
.spec-team {}
.spec-team .col1{ width:170px; float:left; display:inline; margin-right:30px; }
.spec-team .col2{ width:460px; float:left; display:inline; margin-right:30px; }
.spec-team .col3{ width:220px; float:right; display:inline; }
.spec-team #content-head{ height:230px; margin-bottom:20px; }

/*----- Content page -> 710 -----*/
/* Search results? */
.f-710 .col1{ width:170px; float:left; display:inline; margin-right:30px;}
.f-710 .col2{ width:710px; float:right; display:inline; }

/*----- Sub columns -----*/
.c215 {width: 215px; float: left; margin-right: 30px;}
.c215-r {width: 215px; float: left; margin-right: 0px;}
.c220 {width: 220px; margin-left: 30px; float: right;}