@charset "utf-8";
/* CSS Document */


.container {
	width:960px; 
	margin:0px auto; 
	position:absolute;
	top:0px;
/*	left:0px;*/
	z-index:12;
	color:#FFF;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#divContainer {
	position:absolute;
	/*left:168px;*/
	left:380px;
	z-index:1;
	}
	
/* Hides the whole contact forfm until needed */	
#mainDIV {
	/*height:399px;*/
	height:459px;
	width:418px;
	background:#515151 url(images/click-to-close-right.jpg) no-repeat bottom right; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:;
	/*background:#515151 url(images/click-to-close.jpg) no-repeat 241px 11px; */
	}   


/* Some styling for the contact button */
#divContainer .button {
	height:47px; width:211px;
	background:url(images/box_button.png); 
	position:absolute; 
	left:232px; bottom:-43px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}