/* CSS Document */


 /*    	###################################################################
 
 		THE CREATUS LAYOUT SYSTEM
 
 		STEP ONE - 	DEFINE THE HEADER AND FOOTER TO BE FULL WIDTH ETC
					THESE ARE PRETTY MUCH STANDARDISED AT THE MOMENT
		
		

       	################################################################### */
 		

 
 body {	padding:0px;	margin:0px; }
 
 #header {clear:both; }
 
 
 
 #footer {clear:both; }
 
 
 .clearer { 
 }
 
  /*    	###################################################################
 
 
 
 		STEP TWO - 	DEFINE ALL THE 3 COLUMN ARRANGEMENTS
		
		

       	################################################################### */
 		


  /*  	  	c1 		c2 		c3
 			50%		25%		25% 
			
*/			
div#creatuslayout_1 {width:886px;margin:0 auto}
div#creatuslayout_1 div#c1{float:left;width:100%}
div#creatuslayout_1 div#c1_inside{margin: 0 150px}  
div#creatuslayout_1 div#c2{float:left;width:197px;margin-left:-886px}
div#creatuslayout_1 div#c3{float:left;width:150px;margin-left:-150px} 

 

  /*  	  	c1 		c2 		c3
 			50%		25%		25% 
*/ 	
div#creatuslayout_2 { }
div#creatuslayout_2 div#c1{float:left;width:100%}
div#creatuslayout_2 div#c1_inside{margin-right: 50%} 
div#creatuslayout_2 div#c2{float:left;width:25%;margin-left:-50%}
div#creatuslayout_2 div#c3{float:left;width:25%;margin-left:-25%} 



  /*  		c3  	c1  	c2
  			25%		50%		25%
*/  

div#creatuslayout_3 { }	
div#creatuslayout_3 div#c1{float:left;width:100%} 
div#creatuslayout_3 div#c1_inside{margin: 0 25%}
div#creatuslayout_3 div#c2{float:left;width:25%;margin-left:-25%}
div#creatuslayout_3 div#c3{float:left;width:25%;margin-left:-100%} 






  /*  		c2  	c1  	c3
  			25%		50%		25%
			 
 */
div#creatuslayout_4 { }	
div#creatuslayout_4 div#c1{float:left;width:100%} 
div#creatuslayout_4 div#c1_inside{margin: 0 25%}
div#creatuslayout_4 div#c2{ float:left;width:25%;margin-left:-100%}
div#creatuslayout_4 div#c3{float:left;width:25%;margin-left:-25%; } 
 
   
   
/*  		c3  	c1  	c2
  			200px	%		400px
 */
div#creatuslayout_5 { }	
div#creatuslayout_5 div#c1{	float:left;width:100%	}
div#creatuslayout_5 div#c1_inside{	margin: 0 200px;margin-right:400px;	}
div#creatuslayout_5 div#c2{ float:left;	width:400px;	margin-left:-400px;	}
div#creatuslayout_5 div#c3{ float:left;	width:200px;	margin-left:-100%	} 
 
   
/*  		c2  	c1 
  			30%		70%	
			
				c3
				100%
 */
div#creatuslayout_6 { }	
div#creatuslayout_6 div#c1{float:right;width:70%}
div#creatuslayout_6 div#c2{float:left;width:29.9%}
div#creatuslayout_6 div#c3{clear:both;width:100%}


/*  		c1  	c2 
  			500px	200px	
			
			c3
			500px
 */
div#creatuslayout_7 {text-align:left; width:700px;margin:0 auto}	
div#creatuslayout_7 div#c1{float:left;width:500px}
div#creatuslayout_7 div#c2{float:right;width:200px}
div#creatuslayout_7 div#c3{float:left;width:500px} 


/*  		c2  	c1
  			200px	%	
			
			c3
			200px
 */
div#creatuslayout_8 { }	

    

div#creatuslayout_8 div#c1{float:right;width:100%;margin-left:-200px}
div#creatuslayout_8 div#c1_inside{margin-left:200px}
div#creatuslayout_8 div#c2{float:left;width:200px}
div#creatuslayout_8 div#c3{float:left;clear:left;width:200px} 


/*  		   	c1
  			 	100%	
			
			c2		c3
			50%		50px
 */
div#creatuslayout_9 { }	
div#creatuslayout_9 div#c1{width:100%}
div#creatuslayout_9 div#c2{float:left;width:50%}
div#creatuslayout_9 div#c3{float:left;width:49.9%} 


 
/*  		c2  	c1
  			200px	%	
			
			c3
			X
 */
div#creatuslayout_10 { }	

    

div#creatuslayout_10 div#c1{float:right;width:100%;margin-left:-200px}
div#creatuslayout_10 div#c1_inside{margin-left:200px}
div#creatuslayout_10 div#c2{float:left;width:200px}
div#creatuslayout_10 div#c3{display:none;} 


/*  		c1  	c2 
  			500px	200px	
			
			c3
			X
 */
div#creatuslayout_11 {text-align:left; width:700px;margin:0 auto}	
div#creatuslayout_11 div#c1{float:left;width:500px}
div#creatuslayout_11 div#c2{float:right;width:200px}
div#creatuslayout_11 div#c3{display:none;} 


/*  		c1  	c2 
  			%	200px	
			
			c3
			X
 */
 
div#creatuslayout_12 {}
 
 
 
div#creatuslayout_12 div#c1{float:left;width:100%;margin-left:-200px}
div#creatuslayout_12 div#c1_inside{margin-left:200px}
div#creatuslayout_12 div#c2{float:right;width:200px}
div#creatuslayout_12 div#c3{float:right;clear:right;width:200px}


 /*  	wrapper -> c1
 		content -> c1_inside
		navigation -> c2
		extra -> c3
*/
 
 
div#creatuslayout_13 {}
 
 
 
div#creatuslayout_13 div#c1{float:left;width:100%;margin-left:-200px}
div#creatuslayout_13 div#c1_inside{margin-left:200px}
div#creatuslayout_13 div#c2{float:right;width:200px}
div#creatuslayout_13 div#c3{display:none;}


 /*  	wrapper -> c1
 		content -> c1_inside
		navigation -> c2
		extra -> c3
*/