/* Importing Amaranth Font for menu text */
		@import url(http://fonts.googleapis.com/css?family=Amaranth);

		header, a, img, li{
			transition: all 1s;
			-moz-transition: all 1s; /* Firefox 4 */
			-webkit-transition: all 1s; /* Safari and Chrome */
			-o-transition: all 1s; /* Opera */
		}

		/* Basic layout */
		
		#PetroOfficial {
	z-index: 9999;
	position: absolute;
}

		body{
			background-color: #ebebeb;
		}

		ul{
			list-style-type: none;
			float: right;
		}

		li{
			display: inline;
			float: left;
		}

		img.logo{
			float: left;
		}


		nav{
			width: 960px;
			margin: 0 auto;
		}

		section.stretch{
			float: left;
			width: 100%;
		}

			
			section.stretch h1{
				font-family: 'Amaranth', sans-serif;
				font-size: 50px;
				color: #8CAC9A;
				text-align: center;
				position: relative;
				margin-top: 250px;
			}
			
				section.stretch p.list{
				font-family: 'Amaranth', sans-serif;
				font-size: 25px;
				color: #969696;
				text-align: center;
				position: relative;
				margin: 10px 300px;
				text-indent: -50px;
				
			}
			
		
			
			section.stretch p.productinfo{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #8CAC9A;
				text-align: center;
				position: relative;
				margin-top: 20px;
			}
			
			section.stretch p{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #969696;
				text-align: center;
				position: relative;
				margin-top: 20px;
			}
			
			section.stretch h2{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #969696;
				text-align: center;
				position: relative;
				margin-top: 20px;
			}
			
			section.stretch h3{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #6C7476;
				text-align: center;
				position: relative;
				margin-top: 20px;
			}
			
			section.stretch h4{
				font-family: 'Amaranth', sans-serif;
				font-size: 30px;
				color: #6ABDED;
				text-align: center;
				position: relative;
				margin-top: 20px;
			}

			section.stretch p.bottom{
				top: 100%;
			}


		header{
			background: #D6D6D6;
			border-bottom: 1px solid #aaaaaa;
			float: left;
			width: 100%;
			position: fixed;
			z-index: 10;
		}

			header a{
				color: #969696;
				text-decoration: none;
				font-family: 'Amaranth', sans-serif;
				text-transform: uppercase;
				font-size: large;
			}

			header a.active, header a:hover{
				color: #3d3d3d;
			}

			header li{
				margin-right: 30px;
			}

			/* Sizes for the bigger menu */
			header.large{
				height: 120px;
			}

			header.large img{
				width: 380px;
				height: 180px;
				margin-top: -26px;
				border: 0;
				z-index: 9999;
			}

			header.large li{
				margin-top: 53px;
	
			}


			/* Sizes for the smaller menu */
			header.small{ 
				height: 70px; 
			}

			header.small img{ 
				width: 200px; 
				height: 90px; 
				margin-top: -10px; 
				border: 0;
			}

			header.small li{ 
				margin-top: 25px; 
			}