/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Page Styles
	#Media Queries

/* #Page Styles
================================================== */
	body
	{
		background-color: #999;
		background-image: url('../images/background_gradient.jpg');
		background-repeat: repeat-x;
		color: #333;
		font-family: Arial, Helvetic, sans-serif;
		font-size: 13px;
		margin: 20px auto;
	}

	.container
	{
		background-color: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.header_image
	{
		background-color: #fff;
		background-image: url('../images/0849_nrp_header.jpg');
	    background-repeat: no-repeat;
	    background-position: center;
		height: 172px;
		margin: 10px auto;
		width: 940px;
	}

	label
	{
		/*	background-color: aqua; */
		float: left;
		height: 25px;
		padding: 5px 2px 0 0;
		position: relative;
		text-align: right;
		width: 90px;
	}

	input
	{
		border: 1px solid #444;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		float: left;
		position: relative;
	}

	#giftcode
	{
		width: 100px;
	}
	#firstname
	{
		width: 200px;
	}
	#middle
	{
		width: 20px;
	}
	#lastname
	{
		width: 200px;
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px)
	{
		.header_image
		{
			width: 700px;
		}
		#giftcode
		{
			width: 100px;
		}
		#firstname
		{
			width: 158px;
		}
		#middle
		{
			width: 20px;
		}
		#lastname
		{
			width: 158px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px)
	{
		.header_image
		{
			width: 700px;
		}
		#giftcode
		{
			width: 75px;
		}
		#firstname
		{
			width: 149px;
		}
		#middle
		{
			width: 15px;
		}
		#lastname
		{
			width: 149px;
		}
	}



	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}