/* BASE COLOR CHART

DARK BLUE:	#01467f
LIGHT BLUE:	#91ccad
TEXT:		#376266

*/

/*   =======   RESET    =======   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
		{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 	{ line-height: 1; }
a img, iframe, object { border: none; }
ol, ul 	{ list-style: none }
:focus 	{ outline: 0; }
ins 	{ text-decoration: none; }
del 	{ text-decoration: line-through; }
table	{ border-collapse: collapse; border-spacing: 0; }


/*   =======   BASICS    =======   */

body { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #1a1a1a url(../images/bg/top_strip.png) repeat-x top left;
}
h1, h2, h3, h4, h5, h6 { color:#fff; margin-bottom: 15px; }
h1	{ font-size: 2.375em;}
h2	{ font-size: 2em; }
h3	{ font-size: 1.5em; }
h4	{ font-size: 1em; }
p	{ 
	font-size: .875em; 
	line-height: 150%; 
	margin: 15px 0;
}

a, a:link, a:visited, a:active { color: #000; }
a:hover { color: #fff;  }
a:active { outline: none; }

.left { float: left }
.right { float: right }
.hide { display: none; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
.upperC { text-transform: uppercase; }
.noBorder { border: none !important; }
.imgLeft { float: left; padding: 5px 20px 10px 0; }
.imgRight { float: left; padding: 0 0 10px 15px; }

/*   =======   NAV  =======   */

#home-contact_tab {
	margin-left: 53px;
	background: url(../images/bg/home-contact_tab.png) no-repeat;
	width: 199px;
	height: 32px;
	float: left;
}
#home-contact_tab ul {
	margin: 0 0 0 56px;
}
#home-contact_tab li {
	float: left;
	margin-top: 5px;
}
#home-contact_tab li a {
	float: left;
	display: block;
	height: 17px;
	text-indent: -999em;
}
#nav_home {
	background: url(../images/elements/nav_home.png) no-repeat top left;
	width: 18px;
}
#nav_contact {
	margin-left: 25px;
	background: url(../images/elements/nav_contact.png) no-repeat top left;
	width: 46px;
}
#home-contact_tab li a:hover {
	background-position: bottom left;
}

#nav {
	background: url(../images/bg/bg_nav.png) no-repeat;
	width: 960px;
	height: 105px;
	margin: auto;
	margin-top: -7px;
	position: relative;
	z-index: 10;
}
#nav ul {
	padding: 56px 0 0 76px;;
}
#nav li {
	float: left;
}
#nav a { 
	background: url(../images/elements/nav_all.png) 0 0 no-repeat;
	height: 25px;
	display: block;
	float: left;
	text-indent: -999em;
}
#nav .nav_about 		{ background-position: 0 0; width: 54px;}
#nav .nav_showcase 		{ background-position: -79px 0; width: 79px; margin-left: 25px; }
#nav .nav_inventions	{ background-position: -180px 0; width: 86px; margin-left: 25px; }
#nav .nav_videos 		{ background-position: -521px 0; width: 57px; margin-left: 255px; }
#nav .nav_consulting 	{ background-position: -612px 0; width: 88px; margin-left: 25px; }
#nav .nav_blog 			{ background-position: -734px 0; width: 43px; margin-left: 25px; }

/* all this because firefox doesn't support background-position-y, blech */
#nav .nav_about:hover, #nav .nav_about.navOn			{ background-position: 0 bottom; }
#nav .nav_showcase:hover, #nav .nav_showcase.navOn		{ background-position: -79px bottom;  }
#nav .nav_inventions:hover, #nav .nav_inventions.navOn	{ background-position: -180px bottom;  }
#nav .nav_videos:hover, #nav .nav_videos.navOn			{ background-position: -521px bottom; }
#nav .nav_consulting:hover, #nav .nav_consulting.navOn 	{ background-position: -612px bottom; }
#nav .nav_blog:hover, #nav .nav_blog.navOn 				{ background-position: -734px bottom; }

#nav a:hover, #nav a.navOn {
	background-position-y: bottom;
}
#footerNav {
	clear: both;
	overflow: auto;
	height: 42px;
	margin-left: 185px;
}
#footerNav li {
	float: left;
}
#footerNav li a {
	display: block;
	float: left;
	height: 22px;
	background: url(../images/elements/nav_footer.png) no-repeat 0 0;
	text-indent: -999em;
}
#footerNav .footer_home			{ background-position:    0   0; width: 47px; }
#footerNav .footer_about		{ background-position:  -47px 0; width: 49px; }
#footerNav .footer_contact		{ background-position:  -96px 0; width: 59px; }
#footerNav .footer_showcase		{ background-position: -155px 0; width: 69px; }
#footerNav .footer_inventions	{ background-position: -224px 0; width: 73px; }
#footerNav .footer_videos		{ background-position: -297px 0; width: 50px; }
#footerNav .footer_consulting	{ background-position: -347px 0; width: 75px; }
#footerNav .footer_blog			{ background-position: -422px 0; width: 39px; }
#footerNav .footer_forum		{ background-position: -461px 0; width: 50px; }
#footerNav .footer_donate		{ background-position: -511px 0; width: 54px; }

#footerNav .footer_home:hover		{ background-position:    0   bottom; }
#footerNav .footer_about:hover		{ background-position:  -47px bottom; }
#footerNav .footer_contact:hover	{ background-position:  -96px bottom; }
#footerNav .footer_showcase:hover	{ background-position: -155px bottom; }
#footerNav .footer_inventions:hover	{ background-position: -224px bottom; }
#footerNav .footer_videos:hover		{ background-position: -297px bottom; }
#footerNav .footer_consulting:hover	{ background-position: -347px bottom; }
#footerNav .footer_blog:hover		{ background-position: -422px bottom; }
#footerNav .footer_forum:hover		{ background-position: -461px bottom; }
#footerNav .footer_donate:hover		{ background-position: -511px bottom; }


#footerNav a:hover { background-position-y: bottom; }

/*   =======   LAYOUT  =======   */

#top {
	width: 100%;
	position: relative;
}

#footer {
	width: 100%;
	min-height: 270px;
	height: 100%;
	background: #1a1a1a url(../images/bg/footer_pages.jpg) top center no-repeat;
}
#logo {
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -117px;
	width: 208px;
	z-index: 100;
}
#header {
	width: 960px;
	margin: auto;
	overflow: auto;
}
#funmation {
	float: left;
	margin-left: 378px;
}
#guinness {
	float: left;
	margin-left: 42px;
}
#content {
	width: 960px;
	margin: auto;
	position: relative;
	z-index: 10;
}
#footerContent {
	width: 960px;
	margin: auto;
	position: relative;
	background: url(../images/elements/dragon_ball_trio.png) no-repeat;
	background-position-x: 30px;
	z-index: 10;
}
#copyright, #copyright2, #credit {
	color: #eae8b9;
	font-size: .625em;
	text-align: center;
	text-decoration: none;
	margin-bottom: 7px;
}
#copyright { 
	float: left;
	margin-left: 300px;
}
#credit { 
	float: right;
	margin-right: 300px;
}
#credit a {
	color: #eae8b9;
	text-decoration: none;
}
#credit a:hover { color: #ff9900; }


/*   =======   HOME PAGE  =======   */

#flashWrapper {
	position: relative;
	margin: auto;
	width: 960px;
}
#flashContent {
	margin: auto;
	width: 954px;
	height: 533px;
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 0;
}
#flashOffContent {
	background: url(../media/goku_noflash.jpg) top center no-repeat;
	width: 954px;
	height: 533px;
	z-index: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: .75em;
	color: #000;
	padding-top: 50px;
}

#consult {
	width: 653px;
	height: 417px;
/* 	background: url(../images/goku_home.png) no-repeat top right; */
	margin-top: 76px;
	padding-top: 85px;
}
#consult h2 {
	background: url(../images/elements/text_consult.png) no-repeat;
	width: 352px;
	height: 81px;
	text-indent: -999em;
	margin: 75px 0 -20px -25px;
}
#consult p {
	margin-left: 5px;
	width: 300px;
	color: #333;
	line-height: 150%;
	font-size: .75em;
}
#consult a {
	display: block;
	background: url(../images/elements/button_consulting.png) no-repeat 0 0;
	text-indent: -999em;
	border: none;
	width: 207px;
	height: 52px;
	margin-left: -20px;
	cursor: pointer;
}
#donate {
	float: right;
	height: 79px;
	width: 435px;
	margin: 0 42px 0 0;
	overflow: auto;
	padding-top: 13px;
}
#donate h3 {
	display: block;
	background: url(../images/elements/text_donate.png) no-repeat;
	height: 28px;
	width: 92px;
	text-indent: -999em;
	float: left;
	margin: 0 0 0 55px;
}
#donate h3 a {
	display: block;
}
#donate p {
	display: block;
	width: 135px;
	color: #eae8b9;
	float: left;
	font-size: .625em;
	line-height: 110%;
	margin: -3px 0 0 10px;
}
#mascot {
	position: absolute;
	right: 40px;
	top: -50px
	
}

/*   =======   SUB-PAGES  =======   */

#pageLeft {
	float: left;
	width: 315px;
	
}
#pageRight {
	float: right;
	width: 560px;
	padding-right: 65px;
}

#pageLeft h2 {
	background: #000;
	color: #fff;
	border-left: 3px solid #fff;
	margin: 0 0 0 75px;
	padding: 4px 10px 4px 14px;
	font-size: 1.625em;
	line-height: 36px;
	text-transform: uppercase;
	display: inline;
	font-weight: normal;
}

#pageRight h4 {
	font-size: 1em;
	color: #fff;
	margin: 0 0 5px;
	font-weight: normal;
	text-transform: uppercase;
}
#pageRight h4 a { color:  #fff; }
#pageRight p {
	font-size: .80em;;
	color: #333333;
	margin: 0 0 15px;
	line-height: 125%;
}
#imageDrop {
	background: url(../images/bg/page_navdrop.jpg) no-repeat 0 0;
	position: relative;
	top: -62px;
	height: 207px;
	width: 960px;
	margin: 0 auto -32px;
}
#pageRight ol, #pageRight ul.bullets {
	margin-left: 30px;
}
#pageRight ol li {
	list-style: decimal outside;
	font-size: .80em;
	color: #333333;
	margin: 0 0 5px;
	line-height: 125%;
}
#pageRight ul.bullets li {
	list-style: disc outside;
	font-size: .80em;;
	color: #333333;
	margin: 0 0 5px;
	line-height: 125%;
}
.payPalButton {
	margin-bottom: 15px;
}
.payPalButton p {
	margin: 0 !important;
}

#pageRight address {
	margin: 0 0 5px 30px;
	font-size: .80em;
	color: #333333;
	line-height: 125%;
	font-style: normal;
}

#collection {
	display: block;
	margin: 15px 0;
}
