@charset "UTF-8";
/* CSS Document */

html {height:100%;}

body {
      	background:#FFF none top center;
      	margin:0 auto;
      	padding:0;
      	text-align:center;
      	font-family:Arial, Helvetica, sans-serif;
      	line-height:18px;
      	height:100%;
      }
.container {
      	position:relative;
      	width:960px;
      	height:100%;
      	background:transparent;
      	margin:0 auto;
      	padding:0px;
      	border-spacing: 0;
      	border-collapse: collapse;
      }
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.grphics {
	float: left;
	width: 400px;
}
.signup {
	float: left;
	width: 560px;
}
.formWrapper {
	float: left;
	width: 520px;
	background-color: #f4fbfe;
}
.form {
	margin: 20px;
	width: 480px;
}
p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
}
.giveaway {
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	min-height: 100%;
	vertical-align: top;
	width: 480px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-attachment: scroll;
	background-color: #f7fcff;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.giveaway h1 {
	font-size: 48px;
	font-weight: bold;
	line-height: 48px;
	color: #002B51;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.65);
      }
      
.giveaway h2 {
      	font-size:28px;
      	font-weight:bold;
      	line-height:30px;
      	color:#002B51;
      	text-shadow: 1px 1px 0px rgba(255,255,255,0.65);
      }
.giveaway p {
      	margin:0 auto;
      	margin-top:18px;
      	padding:0;
      	color:#bbb;
      	font-size:10px;
      	text-align:center;
      }
.giveaway a {
      	color:#bbb;
      }
/* Hides from IE-mac \*/
* html .clear {
        height: 1%;
      }
.clear {
        display: block;  
      }
/* End hide from IE-mac */
.contestquiz h1 {
      	font-family:Arial, Helvetica, sans-serif;
      	font-size:20px;
      	font-weight:bold;
      	font-style:normal;
      	line-height:28px;
      	color:#232323;
      	text-shadow: 1px 1px 0px rgba(255,255,255,0.65);
      }
.contestquiz h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	line-height: 26px;
	color: #FF8A22;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.65);
      }
.contestquiz select {
        border: 0;
        background: white;
        width: 360px;
        font-size: 18px;
        padding-left: 10px;
        color: #464646;
        white-space: pre;
      }
.email {
	position: relative;
	margin: 0 auto;
	width: 426px;
	height: 60px;
	padding: 0 0 0 20px;
	border: 0px;
	color: #999;
	font-size: 24px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(images/bg-form.png);
	background-repeat: no-repeat;
      }
	  .url {
	position: relative;
	width: 350px;
	height: 60px;
	color: #999;
	font-size: 24px;
	line-height: 30px;
	background-color: #EAEAEA;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	border: thin solid #999;
      }
.submit {
	width: 362px;
	height: 93px;
	margin: o auto;
	margin-top: 18px;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #f8feed;
	line-height: 64px;
	cursor: pointer;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.30);
	border: 0px;
	background-color: transparent;
	background-image: url(images/bt-form-2.png);
	background-repeat: repeat-x;
      }
.submit:hover {
      	color:#f8feed;
      	background-position: 0 -93px;
      	text-shadow: -1px -1px 0px rgba(0,0,0,0.30);
      }
.formField {
	sheight: 40px;
}

form .text {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 19px;
	margin-bottom: 6px;
	padding: 15px;
	width: 300px;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 1px 2px 3px #ccc;
	-webkit-box-shadow:inset 1px 2px 3px #ccc;
	box-shadow: inset 1px 2px 3px #ccc;
}

.container .cf-input {
	font-family: Tahoma;
	font-size: 18pt;
	width: 390;
	height:70;
	padding-left:10px;
	text-align: left;
}

.container .cf-submit {
	background: url('button-joinaff.png');
	border: 0;
	display: block;
	height: 53px;
	margin: 0 auto;
	text-indent: -9999em;
	text-transform: uppercase;
	width: 300px;
}

.cf-submit:hover {
	background-position: 0 0;
}

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { /*** ADJUST SIZE of #primary and not #secondary */
	
	}

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container	{ width: 100%; }
        .container { width: 420px; }
		.giveaway {width:100%;}
		.grphics {width:462px;}
		.grphics,.giveaway {float:none; margin:0 auto;}
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.container { width: 300px; }
		.grphics {width:300px;}
		.giveaway {width:300px;}
		.grphics,.giveaway {float:none; margin:0 auto; padding:0;}
		.giveaway h1 {font-size: 40px;}
		.container .cf-input{width:95%}
                .giveaway h2 {font-size: 20px;}
		

		.main-nav {
			position: relative;
			z-index: 80;
		}
		
		.main-nav ul {
			left: 0;
			position: absolute;
			top: 100%;
			width: 100%;
		}
		
		.main-nav ul li {
			float: none;
			margin: 0;
		}
		
		.main-nav li a {
			display: block;
			float: none;
		}
		
		.main-nav ul ul {
			z-index: 120;
		}
		
		.main-nav ul ul ul {
			z-index: 130;
		}
		
		.main-nav ul ul ul ul {
			z-index: 140;
		}
		
		.main-nav ul ul ul {
			margin-left: 0;
			left: 0 !important;
			top: 100% !important;
		}
		
		.main-nav ul li:hover ul {
			position: relative;
		}
		
		#show-nav {
			cursor: pointer;
			display: block;
			height: 40px;
			width: 100%;
		}
		
		#show-nav a {
			background: url('images/icon_menu.png') left center no-repeat;
			border: 1px solid #ccc;
			color: #000;
			font-size: 14px;
			height: 40px;
			line-height: 40px;
			padding-left: 40px;
			text-align: left;
			text-transform: uppercase;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container { width: 420px; }
		.giveaway {width:100%;}
		.grphics {width:420px;}
		.grphics,.giveaway {float:none; margin:0 auto;padding:0;}
		
	}

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