/* CSS Document */

/* Main HTML
-----------------------------------------------------------------------------*/ 

* {
	margin: 0;
	padding: 0;
	border: 0; 
}

html {
	height: 100%;
}

body {
	/*text-align: center;*/
	/*height: 100%;*/
	background: #01479D url('../images/1600_Background.jpg') no-repeat /*scroll center center*/;
	 color: rgb(30, 79, 144);
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.15em;
	line-height: 130%;
}

.wrapper {
	background: url('../images/ContentBG.png') repeat;
	position: relative;
	width: 860px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -74px; /* the bottom margin is the negative value of the footer's height */

}

#header {
	height: 126px;
	background: url('../images/header_BG.png') repeat;
}

.footer {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/header_BG.png') repeat;
	height: 74px;
	font-size: 18px;
	line-heignt: 18px;
	spacing:0;
	
}

.footerFlag {
	margin: 0;
	padding: 0;
	spacing:0;
	width: 169px;
	height: 74px;
	float: left;
}

.footerNav {
	width: 691px;
	height: 30px;
	float: right;
	font-size: 18px;
	line-heignt: 18px;
	display:block;
	vertical-align:top;
	padding:0;
	spacing:0;
	margin:0;
}

.footer a {
    color:#15438E;
    text-decoration: none;
	font-size: 18px;
	line-heignt: 18px;
}

.footer a:visited {
    color:#15438E;
    text-decoration: none;
	font-size: 18px;
	line-heignt: 18px;
}

.footer a:hover {
    color:#996633;
    text-decoration: none;
	font-size: 18px;
	line-heignt: 18px;
}

.push {
	height: 74px; /* .push must be the same height as .footer */
	clear:both;
}

/* Navigation 
-----------------------------------------------------------------------------*/ 
#header_logo {
	position:relative;
	top:15px;
	left:37px;
}

#Menu {
	position:relative;
	width:375px;
	height:126px;
	float:right;
	right:40px;
	top:0px;
}

#WhatWeDo {
	display: block;
	width: 187px;
	height: 28px;
	background: url('../images/WhatWeDo.png') no-repeat 0 0;
	float:left;
	position: relative;
	top:25px;
}

#WhatWeDo_on {
	display: block;
	float:left;
	position: relative;
	top:25px;
}

#Products {
	float:right;
	display: block;
	width: 128px;
	height: 28px;
	background: url('../images/Products.png') no-repeat 0 0;
	position: relative;
	top:25px;
}

#Products_on {
	float:right;
	display: block;
	position: relative;
	top:25px;
}

#FastQuote {
	display: block;
	width: 158px;
	height: 28px;
	background: url('../images/FastQuote.png') no-repeat 0 0;
	float:left;
	position: relative;
	top:45px;
}

#FastQuote_on {
	display: block;
	float:left;
	position: relative;
	top:45px;
}

#ContactUs {
	display: block;
	width: 163px;
	height: 28px;
	background: url('../images/ContactUs.png') no-repeat 0 0;
	float:right;
	position: relative;
	top:45px;
}

#ContactUs_on {
	display: block;
	float:right;
	position: relative;
	top:45px;
}

#WhatWeDo:hover, #FastQuote:hover, #Products:hover, #ContactUs:hover { background-position: 0 -28px; }

#WhatWeDo span, #FastQuote span, #Products span, #ContactUs span { display: none; }

#MenuDot {
	position:relative;
	float:left;
	top:35px;
	left:25px;
}

#MenuDot2 {
	position:relative;
	float:left;
	top:55px;
	left:25px;
}

#header_stripe {
	position:absolute;
	top:126px;
	width: 860px;
	left: 50%;
	margin-left: -430px;
	z-index:2;
}

/* Content Layout 
-----------------------------------------------------------------------------*/ 

#fullRow {
	width:860px;
	margin:24px 0px 24px 00px; /* Top Right Bottom Left*/
	clear:both;
	
	/*display:table;
	background-color:#0066CC;*/
}

#left_column {
	position: relative;
	width:370px;
	float:left;
	margin:12px 20px 8px 40px; /* Top Right Bottom Left*/
	
	/*display:table;
	background-color:#B1CFF3;*/
}

#right_column {
	position: relative;
	width:370px;
	float:right;
	margin:12px 40px 8px 20px; /* Top Right Bottom Left*/
	
	/*display:table;
	background-color:#CC6633;*/
}

#shortRow {
	width:740px;
	margin:24px 60px 24px 60px; /* Top Right Bottom Left*/
	clear:both;
}

h1 {
	font-size: 2.00em;
	font-weight: 100;
	font-family: 'HelveticaNeue-Thin', 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial Narrow','ArialNarrow', 'Arial', sans-serif;
	line-height:110%;
	padding:0px;
	/*margin:15px 45px 15px 0px; /* Top Right Bottom Left*/
}

h2 {
	font-size: 1.5em;
	font-weight: 500;
	margin: 0px 0px 12px 0px; /* Top Right Bottom Left*/
}



h3 {
	font-size: 1.15em;
    font-style: italic;
    font-weight: 550;
	margin: 0px 0px 12px 0px; /* Top Right Bottom Left*/
}

.subHeading {
	font-size: 85%;
	line-height: 125%;
	margin: 0px 0px 12px 0px; /* Top Right Bottom Left*/
}

.subHeading a {
    color:#15438E;
    text-decoration: underline;
}

.subHeading a:visited {
    color:#15438E;
    text-decoration: underline;
}

.subHeading a:hover {
    color:#996633;
    text-decoration: underline;
}

.subHeading2 {
	font-size: 75%;
	line-height: 100%;
	margin: 0px 0px 6px 12px; /* Top Right Bottom Left*/
}

a {
    color:#15438E;
    text-decoration: underline;
}
a:visited {
    color:#15438E;
    text-decoration: underline;
}
a:hover {
    color:#996633;
    text-decoration: underline;
}

#RequestQuote, #RequestQuoteStatic {
	margin: 0px 7px 0px 7px; /* Top Right Bottom Left*/
	display: block;
	width: 356px;
	height: 36px;
	background: url('../images/Request_Quote.png') no-repeat 0 0;
}

#RequestQuote:hover { background-position: 0 -36px; }

#ShippingClickHere {
	/*margin: 0px 15px 0px 15px; /* Top Right Bottom Left*/
	display: block;
	width: 340px;
	height: 30px;
	background: url('../images/shipping_clickhere.png') no-repeat 0 0;
}

#ShippingClickHere:hover { background-position: 0 -30px; }


#RequestQuote span, #RequestQuoteStatic span, #ShippingClickHere span { display: none; }


li { margin: 0px 0px 6px 0px; /* Top Right Bottom Left*/}

.clear {clear:both;} 

.right {float: right;} 

.left {float: left;}



/* Forms
-----------------------------------------------------------------------------*/ 

.FormLabel {
	float:left;
	width:135px;
	height:100%;
	/*background-color:#33CC66;*/
}

.FormLabel2 {
	float:left;
	width:150px;
	height:100%;
	/*background-color:#33CC66;*/
}

.FormField {
	float:left;
	/*width:220px;
	height:25px;
	margin: 4px 0px 0px 0px; /* Top Right Bottom Left*/
}

.Required {
	font-size: 65%;
	line-height: 100%;
	/*margin: 0px 0px 6px 0px; /* Top Right Bottom Left*/
}
.SubmitButton { 
	  color:#01479D; 
	  font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
	  background-color:#B1CFF3; 
	  border: 1px solid; 
	  border-color: #01479D #01479D #01479D #01479D;  /* Top Right Bottom Left*/ 
	} 

.SubmitButton:hover { 
	border-color: #FEB862 #FEB862 #FEB862 #FEB862; /* Top Right Bottom Left*/
	background-color:#FCDAB1;
	} 

/* Cup & Bucket Rollovers 
-----------------------------------------------------------------------------*/ 

#CollageLenticular {
	display: block;
	width: 370px;
	height: 370px;
	background: url('../images/cups/collage_lenticular.png') no-repeat 0 0;
	float:left;
}

#CollageLenticular:hover { background-position: 0 -370px; }

#CollageFilm {
	display: block;
	width: 370px;
	height: 370px;
	background: url('../images/cups/collage_film.png') no-repeat 0 0;
	float:left;
}

#CollageFilm:hover { background-position: 0 -370px; }

#CollageBucket {
	display: block;
	width: 370px;
	height: 400px;
	background: url('../images/cups/collage_bucket.png') no-repeat 0 0;
	float:left;
}

#CollageBucket:hover { background-position: 0 -400px; }

#CollageBucket span, #CollageFilm span, #CollageLenticular span { display: none; }

#KungFuCup {
	display: block;
	width: 224px;
	height: 235px;
	background: url('../images/cups/Kung-Fu-Cup.png') no-repeat 0 0;
	float:left;
}

#CardinalsCup {
	display: block;
	width: 141px;
	height: 235px;
	background: url('../images/cups/Cardinals-Cup.png') no-repeat 0 0;
	float:left;
}

#SuperbowlCup {
	display: block;
	width: 141px;
	height: 235px;
	background: url('../images/cups/Super-Bowl-XLIII-Cup.png') no-repeat 0 0;
	float:left;
}

#ZooCup {
	display: block;
	width: 160px;
	height: 235px;
	background: url('../images/cups/Zoo-Cup.png') no-repeat 0 0;
	float:left;
}

#PistonsCup {
	display: block;
	width: 160px;
	height: 235px;
	background: url('../images/cups/Pistons-Cup.png') no-repeat 0 0;
	float:left;
}

#BengalsCup {
	display: block;
	width: 141px;
	height: 235px;
	background: url('../images/cups/Cincinnati-Bengals-Cup.png') no-repeat 0 0;
	float:left;
}

#RedSoxCup {
	display: block;
	width: 141px;
	height: 235px;
	background: url('../images/cups/Boston-Red-Sox-Cup.png') no-repeat 0 0;
	float:left;
}

#PackersBucket {
	/*display: block;*/
	width: 200px;
	height: 220px;
	background: url('../images/cups/Packers-Bucket.png') no-repeat 0 0;
	float:left;
}

#WhiteSoxBucket {
	/*display: block;*/
	width: 200px;
	height: 200px;
	background: url('../images/cups/White-Sox-Bucket.png') no-repeat 0 0;
	float:left;
}

#OhioBucket {
	/*display: block;*/
	width: 200px;
	height: 200px;
	background: url('../images/cups/Ohio-State-Bucket.png') no-repeat 0 0;
	float:left;
}

#HoustonSpaceBucket {
	/*display: block;*/
	width: 200px;
	height: 200px;
	background: url('../images/cups/Houston-Space-Center-Bucket.png') no-repeat 0 0;
	float:left;
}

#KungFuCup:hover, #CardinalsCup:hover, #SuperbowlCup:hover, #ZooCup:hover, #PistonsCup:hover, #BengalsCup:hover, #RedSoxCup:hover { background-position: 0 -235px; }

#KungFuCup span, #CardinalsCup span, #SuperbowlCup span, #ZooCup span, #PistonsCup span, #BengalsCup span, #RedSoxCup span { display: none; }


#PackersBucket:hover { background-position: 0 -220px; }

#WhiteSoxBucket:hover, #OhioBucket:hover, #HoustonSpaceBucket:hover { background-position: 0 -200px; }

#PackersBucket span, #WhiteSoxBucket span, #OhioBucket span, #HoustonSpaceBucket span { display: none; }



/* Slideshow 
-----------------------------------------------------------------------------*/ 

#Banners {
    float:right;
	
}

#Banners A {
    position:absolute;
    top:225px;
    left:180px;
    z-index:8;
	opacity:0.0;
}

#Banners A.active {
    z-index:10;
	opacity:1.0;
}

#Banners A.last-active {
    z-index:9;
}

#BannerButtons {
	width: 820px;
    position:relative;
	margin: 20px 20px 20px 20px; /* Top Right Bottom Left*/
}

#BannerButtons A {
    /*position:absolute;
    top:0;
    left:0;*/
    z-index:8;
	opacity:0.5;
}

#BannerButtons A.active {
    z-index:10;
	opacity:1.0;
}

#BannerButtons A.last-active {
    z-index:9;
}