/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 900;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 250px;
		width: 780px;
		background-color:#6dab3e;
		position: absolute;
		z-index: 999;
		padding: 30px 40px 34px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		-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);
		font-family:Antipasto;
		color:#fff;
		font-weight:100;
		border:10px #e8ebec solid;
		}
		.reveal-modal h1{ font-size:40px; text-align:center;}
		.reveal-modal h2{ font-size:24px; margin-bottom:5px;}
		.reveal-modal p{ font-size:18px; margin-bottom:20px;}
		
	.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: 15px;
		right: 30px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		color:#6dab3e;
		background-color:#fff;
		padding:5px;
		} 
			
		
#career{ width:780px; min-height:200px; padding:20px 20px 100px 20px; background-color:#6dab3e; border-radius:50px; border:10px #e8ebec solid;}
#career h1{ font-family:Antipasto; font-size:40px; color:#fff; text-align:left; margin-bottom:20px;}
#career p{ font-family:Antipasto; font-size:20px; color:#fff; margin-bottom:20px; text-align:justify;}
#career input[type="file"]{width:220px; height:25px;padding:7.5px; border:1px #3c4248 solid; border-radius:20px; background-color:#fff; font-family:"Myriad Pro"; font-size:17px; color:#2e353b;}
#career input[type="submit"]{ width:180px; height:40px; border:1px #3c4248 solid; border-radius:20px; background-color:#fff; font-family:"Myriad Pro"; font-size:17px; color:#2e353b;}


#order{ width:780px; min-height:200px; padding:20px 20px 100px 20px; background-color:#6dab3e; border-radius:50px; border:10px #e8ebec solid;}
#order h1{ font-family:Antipasto; font-size:32px; color:#fff;}
#order form{ width:682px; height:255px; border-radius:20px; border:1px #859092 solid; margin-left:50px; margin-top:30px;}
#order form h6{ width:202px; height:50px; border-bottom:1px #f0f6eb solid; line-height:50px; float:left;font-family:Antipasto; font-size:20px; color:#fff; padding-left:10px; background-color:#87ba61;}
#order form input[type="text"]{ width:460px; height:50px; border:0; border-bottom:1px #e8ebec solid; padding-left:10px;}
#order form input[type="email"]{ width:460px; height:50px; border:0; border-bottom:1px #e8ebec solid; padding-left:10px;}
#order h3{ width:680px; height:50px; line-height:50px; font-family:Antipasto; font-size:20px; color:#fff; border-top-left-radius:20px; border-top-right-radius:20px; text-align:center; margin-top:30px; background-color:#87ba61; margin-left:50px;}
#order textarea{ width:680px; margin-left:50px; height:205px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border:0;}
#order input[type="submit"]{ width:180px; height:40px; border:1px #3c4248 solid; border-radius:20px; background-color:#fff; font-family:"Myriad Pro"; font-size:17px; color:#2e353b; margin-top:30px; float:right; margin-right:50px;}
#order h4{ font-family:Antipasto; font-size:24px; text-align:center; color:#fff; margin-top:150px; clear:both;}


#modal_Slider{ width:886px; min-height:160px; background-color:#6dab3e; border-radius:50px; border:10px #e8ebec solid; padding:20px; margin:0 auto;}
#modal_Slider h1{ font-family:Antipasto; font-size:40px; color:#fff; text-align:center; margin-bottom:20px;}
#modal_Slider h2{ font-family:Antipasto; font-size:24px; color:#fff; margin-bottom:5px;}
#modal_Slider p{ font-family:Antipasto; font-size:18px; color:#fff; margin-bottom:20px;}

#modal_Slider .close-modal {font-size: 22px; line-height: .5; color: #fff; text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: boldcursor: pointer;color:#6dab3e;float:right;padding:5px;background-color:#fff;}


	/*
		
	NOTES
	
	Close button entity is &#215;
	
	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>
	
	*/
