Hey All, Hope I explain this right.

When I try to move the main div (the solid outlined part) the container div (dotted line part) moves with it. I am trying to get the main to be in the middle of the container but when I try to edit just the main div, the container div also drops down. I know its probably something simple I am over looking but I have been at it for a while now.

Heres the page.
Code:
http://wolphewebdesign.com/Clients/Inspection/
HTML
Code:
<body bgcolor="#e8dec3">


<div id="container">
<div class="main">


</div><!--Closes main-->


</div><!--Closes container-->

</body>
CSS
Code:
#container {
	width:991px;
	height:595px;
	background-image:url(images/bg_03.png);
	margin: 0 auto;
	outline:#000 dotted thick;
	}
	

	
.main {
	background-image: url(images/mid_03.png);
	width:900px;
	height:445px;
	margin-left:45px;
	margin-top:130px;
	}
Thanks