/*---------------------
VANILLA 1.0
GATORWORKS WEB DESIGN
www.gatorworks.net
---------------------*/


/* Browser Amnesia
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

.content_text table tr td {
	text-align: left;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Begin CSS
-------------------------------------------------------------- */

html {
		
}
body {
	font-size: 75%;
	color: #222; 
	background: #0066bb url('../img/bg.jpg') repeat-x top left;
	font-family: "Century Gothic", verdana , Arial, sans-serif;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

body#formal {
	background: #727272 url('../img/fbg.jpg') repeat-x top left;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	text-transform: uppercase;
	display: block;
	font-size: 45%;
}
h4 span, h5 span, h6 span {
	font-size: 90%;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; border: 1px solid #8A9BB7; border-top: none; border-left: none;}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc Global Classes
-------------------------------------------------------------- */

.right 		{ float: right; } /* YKMOFL */
.left 		{ float: left; }
.clear 		{ clear: both; }
.cleft 		{ clear: left; }
.cright 	{ clear: right; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.sIFR-replaced h1 	{ color: #3A990D; }
.sIFR-replaced h2 	{ color: #3A990D; }
.sIFR-alternate 	{ position: relative; left: -9999px; display: none; }


/* Form Styling
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
	margin:0.5em 0;
	border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Layout Elements
-------------------------------------------------------------- */

	#kontainer {
		width: 100%;
		margin: 0px;
		min-height: 100%;
		text-align: left;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
		#wrapper {
			width: 950px;
			margin: 0;
			padding-bottom: 150px;
			position:relative;
		}
		#header {
			position: relative;
			width: 923px;
			z-index: 10000000;
		}
			#logo {
	width: 171px;
	float: left;
	height: 167px;
	text-indent: -10000px;
			}
			body#index #logo, body#about #logo, body#birthday #logo{
				background: url('../img/logo_main.jpg') no-repeat;
			}
			body#corp #logo{
				background: url('../img/logo_corp.jpg') no-repeat;
			}
			body#bouncing #logo{
				background: url('../img/logo_bouncing.jpg') no-repeat;
			}
			body#bouncing {
				background: #70aa43 url('../img/bouncingbg.jp') repeat-x top left;
			}		
				body#bouncing #nav ul li a {
						font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
						font-size: 11px;
						text-decoration: none;
						text-transform: capitalize;
						text-align: center;
						display: block;
						color: #f5c01c;
						background: #19355d;
						line-height: 14px;
					}
				body#bouncing #nav ul li a.first {
						background: #19355d  url('../img/nav_bounceleftcorner.jpg') no-repeat top left;
					}
					body#bouncing #nav ul li a.last {
						background: #19355d  url('../img/nav_bouncerightcorner.jpg') no-repeat top right;
					}
			body#formal #logo{
				background: url('../img/logo_formal.jpg') no-repeat;
			}	
			body#tents #logo{
				background: url('../img/logo_tent.jpg') no-repeat;
			}			
			
			
			
			#nav {
				float: left;
				position: relative;
				top: 102px;
				z-index: 10000000;
			}
				#nav ul {
					list-style: none;
					margin: 0;
				}
					#nav ul li {
						float: left;
						margin-right: 1px;
					}
					#nav ul li.headlink: {
						position: relative;
						z-index: 9999999999;
						
					}
						#nav ul li a {
							font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
							font-size: 11px;
							font-weight: bold;
							text-decoration: none;
							text-transform: capitalize;
							text-align: center;
							display: block;
							color: #fff;
							padding: 12px 16px;
							background: #BB0035;
							line-height: 14px;
							padding-left:30px;
							padding-right:30px;
						}
							#formal #nav ul li a {
								background: #000;
							}
							#nav ul li a.twoline {
								padding-top: 5px;
								padding-bottom: 5px;
								padding-left:25px;
								padding-right:25px;
							}
							#nav ul li a.first {
								background: #BB0035  url('../img/nav_leftcorner.jpg') no-repeat top left;
								padding-left:28px;
								padding-right:28px;								
							}
								#formal #nav ul li a.first {
									background: #000 url('../img/nav_blackleftcorner.jpg') no-repeat top left;
								}
							#nav ul li a.last {
								background: #BB0035  url('../img/nav_rightcorner.jpg') no-repeat top right;
								padding-left:28px;
								padding-right:28px;								
							}
								#formal #nav ul li a.last {
									background: #000 url('../img/nav_blackrightcorner.jpg') no-repeat top right;
								}
							#nav ul li a span {
								display: block;
							}
					li.headlink ul {
						display:none;
						position: absolute;
						background: url('../img/dropdown_arrow.gif') no-repeat top center;
						padding-top: 9px;
						margin-top: 15px;
						left: 62px;
						top: 38px;
					}
					#formal li.headlink ul, #formal li.headlink2 ul, #formal li.headlink3 ul, #formal li.headlink4 ul{
						background: url('../img/blackarrow.gif') no-repeat top center;
					}
						#bouncing li.headlink ul, #bouncing li.headlink2 ul, #bouncing li.headlink3 ul, #bouncing li.headlink4 ul{
							background: url('../img/bounceblackarrow.gif') no-repeat top center;
						}
						#nav li.headlink ul li {
							float: none;	
							width:160px;
							background: #fff;
						}
							#nav li.headlink ul li a {
								padding-top: 5px;
								padding-bottom: 5px;
								text-transform: none;
								font-size: 10px;
								font-weight: normal;
							}
								#nav li.headlink ul li a:hover {
									background-color: #028cff;
								}
								
					#nav ul li.headlink2: {
						position: relative;
					}
								
					li.headlink2 ul {
						display:none;
						position: absolute;
						background: url('../img/dropdown_arrow.gif') no-repeat top center;
						padding-top: 9px;
						margin-top: 15px;
						left: 170px;
						top: 38px;
					}
						#nav li.headlink2 ul li {
							float: none;	
							width:160px;
							background: #fff;
						}
							#nav li.headlink2 ul li a {
								padding-top: 5px;
								padding-bottom: 5px;
								text-transform: none;
								font-size: 10px;
								font-weight: normal;
							}
								#nav li.headlink2 ul li a:hover {
									background-color: #028cff;
								}
								
					#nav ul li.headlink3: {
						position: relative;
					}
								
					li.headlink3 ul {
						display:none;
						position: absolute;
						background: url('../img/dropdown_arrow.gif') no-repeat top center;
						padding-top: 9px;
						margin-top: 15px;
						left: 515px;
						top: 38px;
					}
						#nav li.headlink3 ul li {
							float: none;	
							width:160px;
							background: #fff;
						}
							#nav li.headlink3 ul li a {
								padding-top: 5px;
								padding-bottom: 5px;
								text-transform: none;
								font-size: 10px;
								font-weight: normal;
							}
								#nav li.headlink3 ul li a:hover {
									background-color: #028cff;
								}
					#nav ul li.headlink4: {
						position: relative;
					}
								
					li.headlink4 ul {
						display:none;
						position: absolute;
						background: url('../img/dropdown_arrow.gif') no-repeat top center;
						padding-top: 9px;
						margin-top: 15px;
						left: 273px;
						top: 38px;
					}
						#nav li.headlink4 ul li {
							float: none;	
							width:160px;
							background: #fff;
							padding:0px;
						}
							#nav li.headlink4 ul li a {
								padding-top: 5px;
								padding-bottom: 5px;
								text-transform: none;
								font-size: 10px;
								font-weight: normal;
							}
								#nav li.headlink4 ul li a:hover {
									background-color: #028cff;
								}
			#searchbox {
				position: absolute;
				right: 15px;
				top: 25px;
				background: url('../img/searchbg.jpg') repeat-x bottom left;
				height: 33px;
				padding-bottom: 1px;
			}
				#searchbox #search {
					background: url('../img/search-left.jpg') no-repeat center left;
					border: none;
					color: #0066bb;
					height: 33px;
					position: relative;
					top: 0px;
					padding: 10px 8px 0px 8px;
				}
				#searchbox #search_go {
					background: url('../img/search-btn.jpg') no-repeat center right;
					border: none;
					height: 33px;
					width: 32px;
					position: relative;
					top: 1px;
					cursor:pointer;
				}
					body#bouncing #searchbox #search_go {
						background: url('../img/bouncesearch-btn.jpg') no-repeat center right;
					}
		#content {
			text-align: left;
			width: 950px;
			margin: 0;
			padding: 20px 0px;
			position:relative;
			z-index: 0;
		}
			#welcomebox {
				float: left;
				width: 290px;
				background: url('../img/welcome.jpg') no-repeat top left;
				padding-top: 20px;
			}
				#welcomebox h2 {
					text-indent: -10000px;
				}
				#welcomebox p {
					font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
					color: #fff;
					font-size: 12px;
					padding: 0 29px 10px 29px;
				}
			#flashcontent {
				float: left;
				width: 652px;
				height: 316px;
				margin-top:77px;
			}
		
			#buckets {
				clear: both;
				margin-left: 29px;
			}
				.bucket {
					width: 289px;
					height: 320px;
					float: left;
					background: #fff;
					margin-right: 15px;
					position: relative;
				}
				.bucket h3 {
					background: #BB0035;
					background-position: center left;
					background-repeat: no-repeat;
					height: 46px;
					text-indent: -10000px;
				}
				.bucket p {
					font-family: "Century Gothic", verdana , Arial, sans-serif;
					padding: 0 10px;
					font-size: 14px;
					color: #005978;
				}
				#services h3 {
					background-image: url('../img/txt_catering.jpg');	
				}
				#our_top_ten h3 {
					background-image: url('../img/txt_celebrate.jpg');
				}
					#our_top_ten a {
						display: block;
						width: 141px;
						height: 29px;
						background: url('../img/view_top_ten.jpg') no-repeat top left;
						text-indent: -10000px;
						float: right;
						margin-right: 15px;
					}
				#special_events h3 {
					background-image: url('../img/txt_advertising.jpg');
				}

/*Catalog Subpage*/
body.catalog #content {
	position: relative;
}
h2#page_header {
position:relative;
margin-left:25px;
width:100%;
z-index: 12;
}


body.catalog ul#catalog_listing {
	margin-top: 25px;
	list-style: none;
}
	body.catalog ul#catalog_listing li {
		float: left;
		width: 164px;
		height: 250px;
		margin-right: 17px;
	}
		body.catalog ul#catalog_listing li p {
			background: #bb0035;
			padding: 8px;
			margin-top: 3px;
			text-align: center;
			color: #fff;
		}
			body.catalog ul#catalog_listing li p a {
				color: #fff;
				display: block;
				font-size: 10px;
			}
				body.catalog ul#catalog_listing li p a:hover {
					text-decoration: none;
				}




	#footer { 			/* Footer on bottom but dependent on content */
		position: absolute;
		/*line-height: 45px; helps with padding on top*/
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 115px;
		z-index: 999;
		padding: 0px;
		margin: 0px;
		margin-top: 20px;
		background: #034694;
		padding: 0px 0;
		color: #333;
		text-align: left;
		font-size: 12px;
	}
	 #bouncing #footer {
		background: #70AA43 ;
	}
	#bouncing #footer ul li a {
		margin : 0 5px;
		color: #19355D;
		font-size: 10px;
	}
	
	body#formal #footer{
		background: #333;
	}
		#footer ul {
			margin: 16px 0pt 0pt 39px;
			padding: 0px;
		}
		#footer p{
			margin: 7px 0pt 20pt 345px;
			padding: 0px;
			color:#fff;
			font-size: 10px;
		}
			#footer ul li {
				display: inline;
				list-style: none;
				margin: 0px;
				padding: 0px;
			}	
				#footer ul li a {
					margin : 0 5px;
					color: #c7ecff;
					font-size: 10px;
				}
				
.content_box{
	width:900px;
	background: url('../img/content_bg1.jpg');
	margin-left:12px;
	position:relative;
	padding-bottom: 100px;
}

body#formal .content_box{
	background: url('../img/content_bgf.jpg');
}
body#bouncing .content_box{
	background: url('../img/bouncecontent_bg1.jpg');
}

.content_box_top{
	width:900px;
	height:45px;
	display:block;
	background:url('../img/content_top1.jpg');
}

	 body#bouncing .content_box_top{
		width:900px;
		height:45px;
		display:block;
		background:url('../img/bouncecontent_top1.jpg');
	}
	
body#formal .content_box_top{
	background: url('../img/content_topf.jpg');
}

.content_box_bottom{
	width:900px;
	height:50px;
	display:block;
	background:url('../img/content_bottom1.jpg') no-repeat;
	position:absolute;
	bottom:0px;
}

body#formal .content_box_bottom{
	background: url('../img/content_bottomf.jpg');
}
body#bouncing .content_box_bottom{
	background: url('../img/bouncecontent_bottom1.jpg');
}
.content_textbox{
	width:486px;
	float:left;
	
	margin-left:0px;
	
}
.content_top{
	width:486px;
	height:31px;
	display:block;
	position:relative;
}
.content_bottom{
	width:486px;
	height:26px;
	display:block;
	position:relative;
}
.content_text{
	position:relative;
	margin-top:12px;
	margin-left:35px;
	width:425px;
}

.page_image{
	float:left;
	width:367px;
	margin-left:20px;
	margin-top:50px;
}



.page_image img{
	margin-bottom:20px;
	border: 5px solid #bb0035;
}
 body#bouncing .page_image img{
	border: 5px solid #19355D;
}

body#formal .page_image img{
	border: 5px solid #000;
}
/* splash page */

body#splash{
	background: #012f5e url('../img/splash_bg.jpg') repeat-x;
}
body#splash	#kontainer {
		width: 100%;
		margin: 0px;
		min-height: 100%;
		text-align: center;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
body#splash #wrapper {
			width: 968px;
			margin: 0 auto;
			padding-bottom: 100px;
		}
		

body#splash #content{
	width:968px;
	position:relative;
	margin: 0px;
	
}


body#splash div#flashcontent {
				position: relative;
				float: none;
				margin-top:30px;
				height:540px;
			}

body#splash #spl_content{
	display:block;
	color:#fff;
	margin-top:-30px;
	z-index: 11;
}

body#splash #spl_content a.enter{
	width:221px;
	height:41px;
	display:block;
	text-indent: -9999px;
	background:  url('../img/enter.jpg') no-repeat ;
	margin-left:360px;
}
			

#img_product1{
	text-align: center;
	position:relative;
	margin-top:0px;
	width:550px;
	float:left;
	margin-left:10px;
}

.product_d{
	margin-left:30px;
	color:#fff;
	float:left;
	width:300px;
}

.result{
	text-transform: uppercase;
	color:#000;
}
#request_res label, #request_res input, #request_res select, textarea {
	float: left;
	clear: both;
}
#request_res input.text{
 	margin-bottom: 15px;
	
}
label.pure, label.ulti {
	clear: both !important;
	float: left !important;
}
.required {
	color: #ff0000;
}
.social a span{
	position: relative;
	top: -4px;
	left: 5px;
}