/*
 * Main CSS file for Funtastic site
 */



/* LAYOUT */

body {
	background: #006e95 url(../images/background.jpg) no-repeat scroll top center;
	font-family: Verdana, sans-serif;
	line-height: 1.46em;
	color: #7d7d7d;
}

#wrap {
	background: #006e95 url(../images/background.jpg) no-repeat scroll top center;
	width: 970px;
	margin: 0px auto;
	overflow: hidden;
}

#menu {
	width: 175px;
	float: left;
	margin: 0;
}

#main-column {
	width: 795px;
	float: left;
	margin-top: 50px;
}

#content {
	width: 683px;
	margin: 0px 15px 0px 30px;
	padding: 20px 33px 20px 34px;
	overflow: hidden;
}

#footer {
	width: 750px;
	margin: 20px 15px 20px 30px;
}


/* TYPOGRAPHY */

h1 {
	font-weight: normal;
	font-size: 3em;
	color: #01b5dd;
	margin: 0 0 5px;
}

h2 {
	color: #4b575f;
	font-size: 1.31em;
	line-height: 1.41em;
	font-weight: normal;
	margin: 0.29em 0 0.59em;
}

h3 {
	color: #01b5dd;
	font-size: 1.46em;
	line-height: 1em;
	font-weight: normal;
	margin: 0.78em 0 0;
}

a {
	color: #7d7d7d;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}


/* MENU */

#menu li {
	list-style: none;
}

#menu li a {
	background-image: url(../images/menu-sprite.gif);
	width: 175px;
	height: 60px;
	display: block;
	text-indent: -999em;
}

#menu li#home a {
	height: 150px;
	margin-bottom: 16px;
}

#menu li#about-us a {
	height: 51px;
	background-position: -175px 0px;
}

#menu li#our-brands a {
	height: 40px;
	background-position: -175px -51px;
}

#menu li#investor-relations a {
	height: 39px;
	background-position: -175px -91px;
}

#menu li#customer-service a {
	height: 48px;
	background-position: -175px -130px;
}
#menu li#education a {
	height: 72px;
	background-position: -175px -178px;
}
#menu li#about-us a:hover,
body.about-us #menu li#about-us a {
	background-position: -350px 0px;
}

#menu li#our-brands a:hover,
body.our-brands #menu li#our-brands a {
	background-position: -350px -51px;
}

#menu li#investor-relations a:hover,
body.investor-relations #menu li#investor-relations a {
	background-position: -350px -91px;
}

#menu li#customer-service a:hover,
body.customer-service #menu li#customer-service a {
	background-position: -350px -130px;
}
#menu li#education a:hover{
	background-position: -350px -178px;
}



/* FOOTER */

#footer {
	color: #80d0e6;
	font-size: 0.69em;
	line-height: 2em;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	list-style: none;
	display: inline;
	color: #fff;
}

#footer ul li:after {
	content: " | ";
}

#footer ul li a {
	color: #fff;
}

#footer ul li:last-child:after {
	content: "";
}


/* CORNERS */

#content {
	background-color: #fff;
}

#content-top,
#content-bottom {
	width: 750px;
	margin: 0px 15px 0px 30px;
	height: 10px;
	background: transparent url(../images/corners-sprite.gif) no-repeat scroll 0 0;
}

#content-bottom {
	background-position: 0px -10px;
}


/* HOME */

body.home h1 {
	width: 795px;
	height: 320px;
	background: transparent url(../images/hero/home-hero-bg.jpg) no-repeat scroll 0 0;
	overflow: hidden;
    display: block;
}

body.home h1 .cufon {
    display: none;
}

body.home h1 span {
    background: transparent no-repeat scroll 0 0;
    text-indent: -999em;
    width: 350px;
    height: 280px;
    display:block;
    margin: 0 auto;
    overflow: hidden;
}

body.home h1 span.home-title {
    background: transparent url(../images/home/home-text-1.gif) no-repeat scroll 0 0;
}

body.home #tiles {
	width: 765px;
	margin: 0 0 20px 30px;
	overflow: hidden;
}

body.home #tiles a {
	width: 245px;
	height: 165px;
	background: transparent url(../images/tiles-sprite.jpg) no-repeat scroll 0 0;
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -999em;
}

body.home #tiles a.customer-service {
	background-position: -245px 0;
}

body.home #tiles a.investor-relations {
	background-position: -490px 0;
}

body.home #tiles a:hover {
	background-position: 0 -165px;
}

body.home #tiles a.customer-service:hover {
	background-position: -245px -165px;
}

body.home #tiles a.investor-relations:hover {
	background-position: -490px -165px;
}

body.home p {
	color: #fff;
	margin: 0 15px 15px 30px;
}


/* CONTENT */

body.our-brands #content h1 {
	background-position: 0 -40px;
}

body.investor-relations #content h1 {
	background-position: 0 -80px;
}

body.customer-service #content h1 {
	background-position: 0 -120px;
}

#content h2 {
	width: 430px;
}

#content li,
#content p,
#content dl {
	font-size: 0.85em;
	line-height: 1.63em;
}

#content ul {
	margin: 15px 0 0 15px;
	width: 430px;
}

#content li {
	margin-bottom: 1.09em;
	list-style: square outside url(../images/square-bullet.gif);
}

#content img.hero {
	width: 250px;
	height: 360px;
	float: right;
}

#content dl {
	margin: 0 0 1.09em;
}

#content dt {
	color: #01b5dd;
}

#content dt:after {
	content: ':';
}

#content dd {
	margin-bottom: 0.55em;
}

#logos {
	width: 715px;
	margin-right: -35px;
    margin-top: 15px;
}

#logos img.logo {
	margin: 0 25px 20px 0;
	width: 112px;
	height: 85px;
}


/* INVESTOR RELATIONS */

body.investor-relations #content ul {
	margin: 5px 0 15px;
	width: 430px;
}

body.investor-relations #content li {
	margin-bottom: 1.09em;
	list-style: square inside url(../images/pdf-icon.gif);
}