Setting Epik within a smaller container?

Hi,

I’m rebuilding our company site on Epik. This is what the site currently looks like (not yet on Epik)

http://jokeproductions.com/

We’d like to set the max with to 980 and have that nice little border around it as the Joke Productions site does, but still keep it mobile responsive.

My first attempt failed pretty miserably:

http://jnb.jokeproductions.com/

That happened when I tried this:

.wrap {
	margin: 0 auto;
	max-width: 980px;
	border-top:1px solid #fff;
	background-color:#fff;
		min-height:100%;
		height:auto !important;
		-moz-box-shadow: 0 0 5px 5px #adada8;
	-webkit-box-shadow: 0 0 5px 5px #adada8;
	box-shadow: 0 0 5px 5px #adada8;
}

I basically added the code from my previous theme to the wrap area, and clearly that was wrong.

Do I need to add another CSS box around the whole theme and then add this code, or is there an existing container already in the Epik code I could tweak?

Thanks for any advice.
Biagio