body {
	background-color: #ffca00;
	background-image: url('../img/bg.jpg');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
a, a img { outline: none !important; border: none !important; }
#container {
	background-color: #FFF;
	background-image: url('../img/main.jpg');
	background-repeat: no-repeat;
	height: 570px;
	margin: 10px auto 0 auto;
	position: relative;
	width: 790px;
}

.pod1, .pod2, .pod3 {
	height: 134px;
	position: absolute;
	right: 18px;
	width: 222px;
}

.pod1 {
	top: 54px;
}

.pod2 {
	background-image: url('../img/pod2.jpg');
	top: 200px;
}
.pod2:hover {background-position: 0 134px;}

.pod3 {
	background-image: url('../img/pod3.jpg');
	top: 350px;
}
.pod3:hover {background-position: 0 134px;}

.order_button {
	position: absolute;
	border: 1px solid #000;
	bottom: 14px;
	height: 38px;
	left: 39px;
	width: 194px;
}

/*MODAL STYLES*/
#modal_container {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#modal_shadow {
	background-color: #333;
	left: 0;
	filter: alpha(opacity = 90);
	opacity: .8;
	height: 1000px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#modal_body {
	background-color: #FFF;
	background-image: url('../img/modal_bg.jpg'); 
	margin: 0 auto 0 auto;
	height: 454px;
	position: relative;
	top: 100px;
	width: 536px;
	z-index: 100;
}

#modal_content {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 80px 20px 20px 20px;
}

h2, h3 {color: #666;}
h2 {font-size: 18px;}
h3 {font-size: 13px;}
#modal_content a {color: #235095;}

a.modal_button {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	width: 200px;
}

.box_shadow {
     -moz-box-shadow: 0px 0px 14px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 14px #000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 14px #000; /* Opera 10.5, IE9, Chrome 10+ */
}