.col-1, .col-2, .col-3, .col-4 { float:left;}

/*======= base =======*/
#base #content .row-1 .col-1 { width: 100%; }

/*======= home =======*/
#home #content .row-1 .col-1 { width: 67%; }
#home #content .row-1 .col-2 { width: 320px; }
#home #content .row-1 .col-1 .col-1 { width: 50%; } /* ie exception */
#home #content .row-1 .col-1 .col-2 { width: 50%; }


/*======= index-1 =======*/
#page2 #content .row-1 .col-1 { width:51%; }
#page2 #content .row-1 .col-2 { width:49%; }
#page2 #content .row-2 .col-1 { width:33%; }
#page2 #content .row-2 .col-2 { width:33%; }
#page2 #content .row-2 .col-3 { width:33%; }
#page2 #content .row-3 .col-1 { width:25%; }
#page2 #content .row-3 .col-2 { width:25%; }
#page2 #content .row-3 .col-3 { width:25%; }
#page2 #content .row-3 .col-4 { width:24%; }

/*======= access =======*/
#access #content .row-1 .col-1 { width:100%; }

/*======= settings =======*/
#settings #content .row-1 .col-1 { width:100%; }

/*======= docs =======*/
#docs #content .row-1 .col-1 { width:20%; }
#docs #content .row-1 .col-2 { width:80%; }

/*======= admin =======*/
#admin #content .row-1 .col-1 { width:20%; }
#admin #content .row-1 .col-2 { width:80%; }

/*======= pages =======*/
#pages #content .row-1 .col-1 { width:20%; }
#pages #content .row-1 .col-2 { width:80%; }
#pages #content .row-1 .col-2 .col-1{ width:78%; }
#pages #content .row-1 .col-2 .col-2{ width:22%; }

/*======= portal =======*/
#portal #content .row-1 .col-1 { width:20%; }
#portal #content .row-1 .col-2 { width:80%; }
#portal #content .row-1 .col-2 .col-1{ width:66%; }
#portal #content .row-1 .col-2 .col-2{ width:34%; }

/*======= details =======*/
#details #content .row-1 .col-1 { width:69%; }
#details #content .row-1 .col-2 { width:31%; }

/*======= member =======*/
#member #content .row-1 .col-1 { width:20%; }
#member #content .row-1 .col-2 { width:80%; }
#member #content .row-1 .col-2 .col-1{ width:78%; }
#member #content .row-1 .col-2 .col-2{ width:22%; }