/* main.css */

@font-face {
    font-family: 'Montserrat';
        src: url('fonts/Montserrat-Regular.otf') format('truetype');
        font-style: normal;
		  font-weight: normal;
}

body		{ background-image: url("/images/green_cup.png");  
			background-color: #595758;
			font-family: Montserrat, Helvetica, sans-serif;
			min-height: 600px;}

section		{	margin: 10px auto;
				background-color: rgb(245,245,245);
				/* background-image: url("/images/concrete.png"); */
				max-width: 1200px;
				border-radius: 10px;
				color: rgb(50,50,50);	 }

h1		{	margin: 10px auto;
			text-align: center;
			font-size: 2.5em; }

h2		{	margin: 5px auto;
			text-align: center; }	

h3			{	text-align: center;
				margin: 10px;}			
				
nav li	{	display: inline;
				min-width: 50px;
				margin-left: 11%;	
				float: left;
				margin-bottom: 20px;
				border: 2px solid #595758;
				border-radius: 3px;
				list-style-type: none;
				text-align: center;
				padding: 3px 10px;
				background-color: #595758;
				background: linear-gradient(to bottom, rgb(230,230,230) 0%,#595758 69%);
				background: linear-gradient(to bottom, rgb(230,230,230) 0%,#595758 69%);
				}
				
nav li:hover	{	background-color: #595758;
				background: linear-gradient(to bottom, #595758 0%,rgb(230,230,230) 79%);
				background: linear-gradient(to bottom, #595758 0%,rgb(230,230,230) 79%);
				border: 2px solid #595758; }	

nav li a		{	text-decoration: none;
					color: white; }
				
nav ul		{ 	margin-top: 20px;
					margin-left: 11%;
					margin-bottom: 10px; }		
				
nav			{	font-weight: bold; 
					clear: both; }	

article		{	max-width: 90%;
					padding-top: 10px;
					margin: 10px auto;	}


p,h2			{	margin: 20px;	}

.c			{	text-align: center;	}	

.r			{	text-align: right;	}

.l			{	text-align: left;	}

.red		{ color: red;	}

#index		{	clear: both;
					margin:30px auto; 
					width: 80%;	}			
					
#slideshow	{	width: 80%;
					margin:40px auto;
					height: 300px;
					border: 1px solid gray;	}

#testimonials	{	width: 80%;	}
					
#footer		{	clear: both;	}	

#green	{	border: 1px solid gray;
				box-shadow: 10px 10px 5px #888888;	}

#aboutpic	{	float: left; }	

#aboutpic img	{	border-radius: 200px;	}			

#packages	{	box-shadow: 10px 10px 5px #888888;
					max-width: 90%;
					margin: 20px auto;	}

#packages th,td	{ max-width: 400px;	}	

#fs1		{	/* border-style: none; */
				max-width: 650px;
				margin: 10px auto;	}	

#fs1 input	{ width: 200px;	}				

#fs2		{	max-width: 650px;
				margin: 10px auto;	}

#fs2	label	{	clear: both;
					display: block;
					margin: 10px;
					text-align: right;	}
				
#fs2 label input {	float: right;
							margin-left: 20px;
							width: 200px;	}
							
#fs2	legend	{	text-align: center;	}							
							
#info1,
#info2	{	margin: 10px 10px 20px auto;
				/* float: right; */
				width: 90%;
				height: 60px;	}

#submit	{	clear: both;
				color: white;
				font-weight: bold;
				font-size: 1.1em;
				margin-left: 44%;
				height: 30px;
				width: 90px;
				border: 2px solid #595758;
				border-radius: 3px;
				list-style-type: none;
				text-align: center;
				padding: 3px 10px;
				background-color: #595758;
				background: linear-gradient(to bottom, rgb(230,230,230) 0%,#595758 69%);
				background: linear-gradient(to bottom, rgb(230,230,230) 0%,#595758 69%);	}
				
#submit:hover	{	background-color: #595758;
				background: linear-gradient(to bottom, #595758 0%,rgb(230,230,230) 79%);
				background: linear-gradient(to bottom, #595758 0%,rgb(230,230,230) 79%);
				border: 2px solid #595758; }	

#paypage	{	max-width: 600px;
				border: 1px solid black;	}