/*
// William Grant & Sons
// Grant's Home Bar Experience Sweepstakes

// CSS Created 01-05-10
// Developed by Yung Tran
// Special Ops Media

// SITE COLORS
// Background Maroon   		- #5F0001
// Enrty Fields Text		- #7A7A7A
// Faded Maroon				- #D2C0C1
// Dark Maroon 				- #280103
// Legal Text Color			- #C9A6A7
*/

a						{ color:#FFF; text-decoration:none }
h2						{ float:left; margin-bottom:5px; font-size:1.5em }
h3						{ margin-bottom:10px; font-size:2em; font-style:italic; text-align:center; display:block }
h4						{ font-variant:small-caps; font-size:2em; text-align:center; display:block }
.column-height			{ height:390px }
.center-just			{ text-align:center }

body					{ background:#5F0001 url('../_images/grants-bg.jpg') no-repeat fixed top; color:#FFF }
#mainWrap				{ width:900px; height:auto; margin:0 auto; font-size:62.5%; font-family:'Trebuchet MS', Helvetica, Verdana, sans-serif }

.rules p				{ margin-bottom:30px; font-size:1.5em; }

/* FLASH HEADER */
#flashHeader			{ height:280px; margin:15px 0 0 -5px; background:transparent }
/* END FLASH HEADER */

/* MIDDLE CONTENT */
#middleContentWrap		{ height:auto; margin:0 0 20px; padding-top:5px }

#middleContentLeft		{ width:443px }

#middleContent img		{ padding:25px 0 10px 10px; display:block; float:left }
#middleContent #copy	{ width:440px; padding:35px 10px 20px 0; float:right }
#middleContent #copy p	{ font-size:1.1em; letter-spacing:.05em; margin-bottom:10px }
#middleContent #copy h1	{ font-size:1.8em; letter-spacing:.07em; margin-bottom:5px }

#videoCopy				{ width:200px; padding:25px 0px 20px 0; float:right }
#videoCopy p			{ font-size:1.1em }
#videoCopy h1			{ font-size:1.8em; margin-bottom:-3px }
#videoCopy h2			{ font-size:1.2em; margin-bottom:15px }
#videoCopy img			{ margin-bottom:15px; padding:0 }

#goDeeper-btn			{ height:32px; padding:8px 47px 0 0; font-size:1.5em; text-align:right; background:transparent url('../_images/middle-content-button.png') no-repeat; display:block }
#goDeeper-btn:hover		{ background-position:0 -40px }
/* END MIDDLE CONTENT */

/* CALLOUTS */
#callouts 				{ height:200px; display:block; clear:both }
#callouts ul li			{ width:295px; height:200px; margin-right:7px; float:left; list-style-type:none; } 	
#callouts ul li.right	{ float:right; margin:0; }

.callout-btn			{ width:259px; height:40px; margin-top:-200px; padding:160px 18px 0; background:transparent url('../_images/callout-button.png') no-repeat left 160px; display:block; position:relative; font-size:1.2em; }
.callout-btn:hover		{ background-position:-295px 160px; }
.callout-btn p			{ padding:9px 0; }
/* END CALLOUTS */

#middleContentLeft		{ width:443px; float:left; }
#middleContentLeft p	{ font-size:1.6em; }
#middleContentRight		{ width:443px; float:right; }

.content-body p,
.content-body ul 		{ font-size:1.25em; line-height:1.3em; }
.content-body ul		{ float:left; margin:0 10px 20px 0; }
.content-body ul li		{ list-style-type:none; }

.button					{ width:308px; margin:0 auto; height:46px; text-align:center; background:url('../_images/button-left.png') no-repeat left top; overflow:hidden; }
.button	a				{ height:26px; padding:10px 0; font-size:1.6em; letter-spacing:.1em; background:url('../_images/button-right.png') no-repeat right top; display:block; }

.button:hover			{ background-position:0 -46px; }
.button a:hover			{ background-position:right -46px; }
.button:active			{ background-position:0 -92px; }
.button a:active		{ background-position:right -92px; }

.button-bg				{ width:337px; height:57px; margin:0 auto; padding:11px 0;  background:url('../_images/button-bg.png') no-repeat left top; }

.checkbox				{ float:left; }
.check-text				{ margin:2px 0 0 10px; float:left; }

#sweepsInfo				{ margin:10px 0 0 390px; width:460px; position:absolute }
#sweepsInfo	img			{ margin-bottom:20px }
/*#sweepsInfo				{ float:right; width:460px; display:block; } */
#sweepsInfo p			{ float:none } 

#formWrap				{ width:350px; min-height:570px; float:left; margin-right:30px; }
#formWrap form			{ padding:15px; background:url('../_images/form-centerfill.png') left top }
#formWrap form .fields	{ width:300px }
#formTop				{ height:5px; background:url('../_images/form-top.png') no-repeat left top; }
#formBottom				{ height:5px; background:url('../_images/form-bottom.png') no-repeat left bottom; }

.fields					{ width:370px; height:16px; padding:6px 10px; font-size:1.2em; color:#7A7A7A; border:none; background:#FFFFFF; margin:3px 0; -moz-border-radius:4px; -webkit-border-radius:4px; }
#state 					{ width:75px; margin:5px 0; }
textarea				{ width:300px; height:80px; overflow:hidden; border:none; padding:6px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:1.2em; color:#7A7A7A; font-family:'Trebuchet MS', Helvetica, Verdana, sans-serif; }

.required				{ margin:9px 0 0 -18px; position:absolute; color:red; font-size:1.6em; }
#rules					{ margin-top:-15px; font-size:.9em; color:#AD8082; line-height:1.5em; letter-spacing:.08em }
	
	/* Celebrity Judge */
	#karl					{ height:180px; margin-top:-20px; padding:43px 0 0 25px; background:url('../_images/karl-bg.png') no-repeat }
	#karl h3				{ font-size:1.6em; text-align:left; margin-bottom:6px; }
	#karl p					{ width:252px; font-size:1.1em; line-height:1.4em; color:#D2C0C1; }
	
#content-inner			{ padding:20px 10px; display:block; clear:both; }

#required-text			{ float:right; margin:5px 11px 0 0; display:block }

.files					{ margin-bottom:10px; }
.files li				{ margin-bottom:5px; display:block }
.files li img			{ margin:0 10px 10px 0; float:left; clear:both }
.files li p				{ margin-top:10px; font-size:1em }
#upload					{ margin:30px 0 10px 0; padding:10px 10px 5px; background:#280103; -moz-border-radius:4px; -webkit-border-radius:4px; }
input.file 				{ color:#FFF }

#finish					{ }
#finish	h3				{ width:350px; margin-bottom:0; padding:70px 0; background:url('../_images/form-centerfill.png') left top; text-align:center; display:block }
#finish	h5 				{ width:350px; margin-bottom:0; padding:70px 0; font-size:2em; font-style:italic; text-align:center; display:block }
/*.content-body p 		{ float:left }*/
#flashVideo				{ float:left; margin:10px 0 0 10px }

#uploadSection
#upload_button			{ width:290px }	

/* ------------------------------------------
CONTENT BACKGROUND AND ROUNDED CORNERS STYLES
------------------------------------------ */
.content-box			{ background:url('../_images/corners_topleft.png') top left no-repeat; }
.top					{ margin:0 5px; background:url('../_images/centerfill_top.png') top right repeat-x; display:block; }
.top span				{ height:5px; margin-right:-5px; background:url('../_images/corners_topright.png') top right no-repeat; display:block; }

.content-body-left		{ background:url('../_images/left_border.png') top left repeat-y; }
.content-body-right		{ background:url('../_images/right_border.png') top right repeat-y; }
.content-body			{ margin:0 5px; padding:10px 15px 10px; background:url('../_images/centerfill.png') repeat left top; display:block; }

.bottom					{ margin:0 5px; background:url('../_images/centerfill_bottom.png') bottom right repeat-x; display:block; }
.bottom span			{ height:5px; margin-right:-5px; background:url('../_images/corners_bottomright.png') bottom right no-repeat; display:block; }
.bottom span span		{ height:5px; margin-left:-5px; background:url('../_images/corners_bottomleft.png') bottom left no-repeat; display:block; }
/* ------------------------------------------
END CONTENT BACKGROUND AND ROUNDED CORNERS STYLES
------------------------------------------ */

/* FOOTER */
#footer					{ margin:25px 0 30px; display:block; height:66px }
#footer p 				{ font-size:1.1em }
#footerLogo				{ float:right }
#legal					{ width:560px; float:left }
#legal p				{ line-height:1.3em; margin-bottom:5px; color:#C9A6A7 }
/* END FOOTER */

/* ------------------------------------------
SAFARI RULES
------------------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0){
.button-bg 				{ margin-top:13px; }
}