/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -250px;
		width: 397px;
		background: #F9F9F9 url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 20px 38px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		z-index:1000;
		}
.popup_shell{
	padding:15px;
}		
.popup_shell h2{
	color:#bc3427;
	padding: 0 0 10px 0; 
	background:none;
	font-size:20px;
	border-bottom: 1px solid #ececec;
	margin-bottom:15px;
	font-family: 'quattrocento_sansregular';
	font-weight:normal;
	text-transform:uppercase;
}
.popup_shell p{
	color:#666;
	line-height:20px;
	font-size:12px;
	text-align:justify;
}
.popup_shell h3{
	color:#000;
	font-weight:bold;
	padding: 10px 0 0 0; 
	font-size:14px;
}
.popup_shell h4{
	color:#bc3427;
	font-weight:bold;
	font-size:13px;
	padding: 8px 0 0 15px;
}
.popup_shell ul{
	margin:0;
	padding: 0px 0 0 0px;
	list-style:none;
}
.popup_shell li{
	line-height:20px;
	color:#666;
	font-size:12px;
}
.popup_shell li label{
	display:block;
	float:left;
	color:#666;
	padding: 8px 0 0 0;
}
.popup_shell li input{
	width:357px;
	padding:4px;
	float:left;
	color:#666;
	font-size:11px;
	height:22px;
	outline:none;
}
.popup_shell li textarea{
	width:357px;
	padding:4px;
	float:left;
	color:#666;
	font-size:11px;
	height:62px;
	outline:none;
}
.submit{
	cursor:pointer;
	border:none;
	outline:none;
	float:right !important;
	margin: 10px 0 0 127px;
	background:url(../images/submit.png);
	width:99px !important;
	height:31px !important;
}
.submit:hover{
	background:url(../images/submit.png) 0px 31px;
}			
.popup_second{
	padding:0;
}		
.popup_second h2{
	color:#035a78;
	text-transform:uppercase;
	font-weight:800;
	padding: 0 0 4px 0; 
	background:none;
	font-size:20px;
}			
.popup_second h2 span{
	color:#008a09;
}
.popup_second h3{
	color:#333;
	font-weight:800;
	padding: 0 0 0 0; 
	font-size:16px;
}
.popup_second h3 span{
	color:#06C;
}						
.popup_second_left{
	width:184px;
	float:left;
	padding-right:15px;
	margin-top:15px;
}
.popup_second_left ul{
	margin:0;
	padding: 0 0 0 0;
	list-style:none;
}
.popup_second_left li{
	padding-bottom:5px;
	display:block;
	float:left;
}
.popup_second_left li label{
	width:126px;
	display:block;
	float:left;
	color:#444;
	padding: 4px 0 0 0;
}
.popup_second_left li input{
	width:175px;
	padding:2px;
	float:left;
	color:#666;
	font-size:11px;
	height:22px;
	outline:none;
}
.sign_in{
	cursor:pointer;
	border:none;
	outline:none;
	float:right !important;
	margin: 10px 0 0 0px;
	background:url(../images/sign_in.png);
	width:99px !important;
	height:31px !important;
}
.sign_in:hover{
	background:url(../images/sign_in.png) 0px 31px;
}		
.popup_second_right{
	width:300px;
	float:left;
	border-left: 1px solid #CCC;
	padding-left:20px;
	margin-top:15px;
}		
.popup_second_right ul{
	margin:0;
	padding: 0 0 0 0;
	list-style:none;
}
.popup_second_right li{
	padding-bottom:5px;
	display:block;
	float:left;
}
.popup_second_right li label{
	width:300px;
	float:left;
	color:#444;
	padding: 4px 0 0 0;
}
.popup_second_right li input{
	width:289px;
	padding:2px;
	float:left;
	color:#666;
	font-size:11px;
	height:22px;
	outline:none;
}		
.popup_second_right li select{
	width:297px;
	padding:2px;
	height:30px !important;
	float:left;
	color:#666;
	font-size:11px;
	height:22px;
	outline:none;
}		
.sign_up{
	cursor:pointer;
	border:none;
	outline:none;
	float:right !important;
	margin: 10px 0 0 0px;
	background:url(../images/sign_up.png);
	width:99px !important;
	height:31px !important;
}
.sign_up:hover{
	background:url(../images/sign_up.png) 0px 31px;
}		
		
		
.details_table{
	width:480px;
	padding:15px;
	border-bottom: 1px solid #CCC;
}
.details_table td{
	line-height:22px;
	color:#666;
}
.details_table td strong{
	color:#333;
	font-weight:600;
}
.details_table_bottom{
	background:#F2F2F2;
	padding:20px;
}
.bottom_deta{
	padding: 10px 0 0 0;
}
.bottom_deta a{
	color:#FFF;
	float:left;
	display:inline-block;
	background:#4daf51;
	padding: 3px 15px;
	text-decoration:none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:10px;
	text-transform:uppercase;
	font-family: 'quattrocento_sansregular';
	margin-right:4px;
}
.bottom_deta a:hover{
	background:#008a09;
}		
.top_drop{
	padding: 0 0 10px 0;
}	
.top_drop input{
	margin-top:3px;
	float:left;
}
.top_drop label{
	font-size:14px;
	font-family: 'quattrocento_sansregular';
	color:#666;
}	
		
		
		
		
		
		
		
		
		
		
		
		
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 28px;
		right: 28px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		background:none;
		} 
		.reveal-modal .close-reveal-modal:hover {
		color: #333;
		background:none;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/