/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Comic Sans MS, Helvetica, sans-serif;
 font-size: 22px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #fff;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
background:#5C0E14 url(images/experimental-header.jpg) repeat-x center;;
 
}
#navigation {
 float: left;
 width: 900px;
 color: #fff;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
background:#5C0E14 url(images/experimental-navigation.jpg) repeat-x center;;

}
#leftcolumn { 
 color: yellow;
 border: 1px solid #ccc;
 background: #f7b142;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 370px;
 width: 205px;
 float: left;
 background: #f7b142;
background:#5C0E14 url(image/experimental-left.jpg) repeat-x center;
}
#leftmiddle { 
 color: #e01818;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 370px;
 width: 205px;
 float: left;
 background: #f7b142;
background:#5C0E14 url(image/experimental-left-mid.jpg) repeat-x center;
}
#rightmiddle { 
 color: #e01818;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 370px;
 width: 205px;
 float: left;
 background: #f7b142;
background:#5C0E14 url(image/experimental-right-mid.jpg) repeat-x center;

}
#rightcolumn { 
 color: #e01818;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 370px;
 width: 204px;
 float: left;
 background: #f7b142;
background:#5C0E14 url(image/experimental-right.jpg) repeat-x center;

}
.clear { float: left; width: 1px;  }