/*
      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: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 150px 0px 5px 0px;
 background: #fff;
}
#content { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 150px;
}
#content2 { 
 width: 285px;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 300px;
 float: left;
 align:right;
}
#content3 { 
 width: 285px;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 300px;
 float: left;
}
#content4 { 
 width: 285px;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 300px;
 float: left;
}
#footer { 
 color: #333;
 width: 900px;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 10px 0px;
 font-size:0.1px;
 padding: 10px;
 float: left;
 text-align:center;
}

a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/