body {
 	background-image: url("body_background.png");
 	background-repeat: repeat-x;
 	background-color: #242424;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  .75em;
	color: #000;
	margin: 0px;
	}
	
h1 {font-size:  4em;}

h2 {font-size: 7em; color: white;}

a {color: #FFF; text-decoration: none;}

a:hover {text-decoration: underline;}
	
#container {margin: 0 auto;height: 600px;width: 750px;}

#header_container {
	width:  750px;
	height: 75px;
	//border: 1px dotted white;
}

#header_image {
	margin: 20px 0 0 10px;
	width:  300px;
	height: 60px;
	float: left;

}

#header_links {
	 
	 width: 300px;
	 height:  60px;
	 float:  right;
	 margin: 32px 75px 0 0;
	 
}

#header_links li {
	display:  inline;
	list-style-type:none;
	margin-left:5px;
	
}

#header img {margin: 18px 0 0 5px;}

#body {
	 
	height: 650px;
	width: 750px;
}

#without_container {
	width: 750px;
	height: 240px;
	border: 3px solid orange;
	margin: 15px;
}

#without_picture{
	padding: 15px; 
	width:  300px;
	height:  200px;
	float: left;
	}
	
#without_picture img {border:  2px solid #eee;}
#without_picture img:hover {border: 2px solid orange;}

#without_title {
	 
	width: 375px;
	height: 250px;
	float:  right;
}


#with_container {
	 
	 width:  750px;
	 height:  240px;
	 border:  3px solid orange;
	 margin:  15px;
}

#with_picture{
	padding: 15px; 
	width:  300px;
	height:  200px;
	float: left;
	}
	
#with_picture img {border:  2px solid #eee;}
#with_picture img:hover {border: 2px solid orange;}


#with_title {
	 
	width: 375px;
	height: 250px;
	float:  right;
}