/*Main CSS for LIGHTNINGBOLT REV05202008 JL http://www.lightningdrink.com*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
	text-align: center;
	background: #000;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table {
	margin-bottom: 15px;
	font-weight: normal;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #ffcc00;
    text-decoration: underline;
}
a:hover, a:active {
    color: #fff;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}



/* --------------------------------- */
/* WRAPPER
/* -------------------------------- */
#container {background: url(../../images/energy-drink-background.jpg) top left repeat-x #444b55;
	
}
#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: url(../../images/lightning-bolt-header.jpg) top left no-repeat;
}
#footer {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#main {
	padding-bottom: 50px;
	background: #444b55 url(../../images/lightning-bolt-footer.jpg)  bottom left no-repeat;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 295px;
	margin-bottom:0px;
}
	#logo {		
	}
		#logo a { 
			width: 780px;
			height: 250px;
			display: block; 
		}
		#logo a:hover {
		}
		#logo a span { display: none; }
	
/* ------------------------ */
/* HOME
/* ------------------------ */

#welcome {
	margin-left: 523px;
}
	#welcome h1 {
		background: transparent url(../../images/emblem.gif) 0 0 no-repeat;
		padding: 10px 0 0 55px;
		font-size: 20px;
	}
		#welcome h1 span {
			color: #803774;
			font-size: 14px;
			display: block;
		}
		#welcome p {
			line-height: 21px;
		}
		#welcome strong a, #welcome b a {
			font-size: 16px;
		}

#intros {
	margin-top: 30px;
	background: transparent url(../../images/intros-divider.gif) 0 0 repeat-y;
}
	.intro {
		border-top: 2px solid #ebebeb;
		padding-top: 10px;
	}
		.intro h1 {
			font-size: 18px;
			color: #803774;
		}
	
	#featured {
		width: 382px;
		float: left;
	}
		#featured h1 {
			font-size: 20px;
		}
		#featured img.thumb {
			float: right;
			display: inline;
			margin-left: 10px;
		}
		#featured p.more {
			font-size: 14px;
		}

	
/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#content {
	width: 520px;
	float: right;
	padding-left: 25px;
}
	#content h1 {
		font-size: 32px;
		line-height: 28px;
		padding-top: 0;
		color: #ffcc00;
		letter-spacing: -1.5px;
	}
		#content h1 span.visible{
		font-size: 20px;
		line-height: 28px;
		padding-top: 0;
		color: #fff;
		letter-spacing: -1.5px;
		text-transform:uppercase;
	}
	#content h1.unique-energy {
	background: transparent url(../../images/herbal-energy-drink.jpg) top right no-repeat;
	height: 139px;
	padding: 10px 0 0px 10px;
	font-size: 20px;
	
	display: block;
	margin: 0;
	}
	
dl#nutritionalMap{
	margin: 0;
	padding: 10px 0 0px 10px;
	background: transparent url(../../images/herbal-nutrition.jpg) top left no-repeat;
	height: 139px;
	
	position: relative;
}
dl#flavorMap{
	margin: 0;
	padding: 10px 0 0px 10px;
	background: transparent url(../../images/best-flavors.jpg) top left no-repeat;
	height: 139px;
	
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }	
dd#nutritionalaDef{ top: 65px; left: 114px; }
dd#nutritionalaDef a{
	position: absolute;
	width: 164px;
	height: 71px;
	text-decoration: none;
	left: -56px;
	top: -11px;
}
dd#nutritionalaDef a span{ display: none; }
dd#nutritionalcDef{ top: 65px; left: 214px; }
dd#nutritionalcDef a{
	position: absolute;
	width: 170px;
	height: 69px;
	text-decoration: none;
	left: 78px;
	top: -12px;
}
dd#nutritionalcDef a span{ display: none; }
/*dd#nutritionalaDef a:hover{ position: absolute; background: url(../../images/herbal-nutrition.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#nutritionalaDef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #000;
background-color: #F4F4F4;
font-weight: bold;
position: absolute;
border: 1px solid #BCBCBC;
bottom: 100%;
margin: 0;
padding: 5px;
width: 250%;
}*/

	
	#content h1.herbal-energy {
	background: transparent url(../../images/herbal-energy-drink.jpg) top right no-repeat;
	padding: 10px 0 0px 10px;
	font-size: 20px;
	height: 139px;
	display: block;
	margin: 0;
	}
	#content h1.herbal-energy span, #content h1.unique-energy span, #content h1.nutritional-energy span {
		display: none;
	}
	#content h1.nutritional-energy {
	display: block;
	margin: 0;
	}
	
	#content h2, #content legend {
		color: #fff;
		font-size: 18px;
		padding-bottom: 4px;
		border-bottom: 1px dotted #ffcc00;
	}
	#content h3 {
		font-size: 14px;
		color: #ffcc00;
	}
	#content li {
		margin-left: 25px;
	}
	#content img.right {
			float: right;
			display: inline;
			margin-left: 10px;
		}
	
	.highlight-category {
		background: #f1efe6;
		padding: 15px;
		border: 2px solid #ffcc00;
		margin-bottom: 25px;
	}
		.highlight-category h2 { 
			margin-bottom: 5px;
			border: none;
		}
		.highlight-category p {
			margin: 0;
		}
	
	.category-intro {
		width: 300px;
		float: left;
		margin-right: 26px;
		display: inline;
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.page-intro {
		width: 300px;
		float: left;
		margin-right: 26px;
		display: inline;
		border-top: 2px solid #ebebeb;
		padding-top: 10px;
	}	
		#content .page-intro h2 {
			padding-bottom: 0;
			border: none;
			font-size: 18px;
		}
		#content .page-intro h2 a:link, #content .page-intro h2 a:visited {
			color: #803774;
			text-decoration: none;
		}
		#content .page-intro h2 a:hover, #content .page-intro h2 a:active {
			color: #b58bae;
			text-decoration: none;}
		
		.page-intro img.thumb {
			float: right;
			display: inline;
			margin-left: 15px;
			margin-bottom: 5px;
		}
		.page-intro h2 span {
			font-size: 11px;
			display: block;
		}
		.page-intro p {
			color: #666;
		}
	
	#content-photo {
		float: right;
		width: 275px;
		text-align: center;
		font-size: 10px;
		margin-left: 10px;
		margin-right: 60px;
		display: inline;
	}
	
	
/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */	
#side {
	float: left;
	width: 175px;
background: #464a55;
border: #7e828b solid 1px;
}
	/*#side li {
		font-size: 8px;
		margin-left: 38px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 12px;
	}
	#side a:link, #side a:visited {
		color: #000;
		text-decoration: none;
	}
	#side a:hover, #side a:active {
		color: #a7a9ac;
	}*/

#side h2{
padding: 5px 5px 5px 10px;
color:#fff;
font-size: 12px;
background:#000;
text-transform: uppercase;
font-weight:bold;
border-bottom: dotted 1px #7e828b;
}
#side #navitem { 
padding: 0px 5px 5px 5px;			
}

#side #navitem img {
float: left;
margin-right: 5px;
}
#side #navitem h3 {
font-size: 16px;
color:#fff;
text-transform: uppercase;
margin: 0 0 0 0;
font-weight:bold;
}
#side #navitem h3 span {
color: #fff;
font-size: 14px;
display: block;
margin-left: 2px;
}
#side #navitem p {
font-size: 11px;
line-height: 14px;
border-bottom: dotted 1px #7e828b;
margin: 2px auto;
padding: 0 5px 5px 5px;
color:#fff;
}
	
#menu {
width: 220px;
float: left;
background: #30353b;
border: #7e828b solid 1px;
}
#menu h2{
padding: 5px 5px 5px 10px;
color:#fff;
font-size: 16px;
background:#000;
text-transform: uppercase;
font-weight:bold;
border-bottom: dotted 1px #7e828b;
}
#menu #navitem { 
padding: 0px 5px 5px 5px;			
}

#menu #navitem img {
float: left;
margin-right: 5px;
}
#menu #navitem h3 {
font-size: 16px;
color:#fff;
text-transform: uppercase;
margin: 0 0 0 0;
font-weight:bold;
}
#menu #navitem h3 span {
color: #fff;
font-size: 14px;
display: block;
margin-left: 2px;
}
#menu #navitem h3 a:link, #menu #navitem h3 a:active, #menu #navitem h3 a:visited {
text-decoration: none;
color: #fff;
}
#menu #navitem h3 a:hover { 
text-decoration:none; 
color:#fff;
}


#menu #navitem p {
font-size: 11px;
line-height: 14px;
border-bottom: dotted 1px #7e828b;
margin: 2px auto;
padding: 0 5px 5px 5px;
color:#fff;
}

.nav {
margin-bottom: 35px;
margin-left: 2px;
padding: none;
background: #ccc;
}
.nav li {
list-style: none;
line-height: 14px;
color: #fff;
padding: none;
font-size:8px;
text-transform:uppercase;
}
.nav li a:hover {background:#fff;}

#navcontainer { width: 100px;}
#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a {
display: block;
line-height: 14px;
width: 100px;
/*background-color: #15181d;*/
border: 1px dotted #7e828b;
margin: 3px 0 3px 0;
font-size:8px;
text-transform:uppercase;
letter-spacing: 1px;
padding-left:5px;
}

#navcontainer a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover {
background-color: #ffcc00;
color: #000;
}
.borderb {border-bottom: dotted 1px #7e828b;}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
h1.emblem {
	background: transparent url(../../images/chi-symbol-sm.jpg) 0 0 no-repeat;
	padding: 10px 0 5px 55px;
	font-size: 20px;
	color: #ffcc00;
}
	h1.emblem span {
		color: #ffcc00;
		font-size: 14px;
		display: block;
	}
#content h2.asian, #content h2.asian a:hover{color:#1272d8; text-decoration:none}
#content h2.cherry, #content h2.cherry a:hover {color:#b53649;text-decoration:none}
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	background: transparent url(../../images/chi-symbol-sm.jpg) 0px 10px no-repeat;
	padding-top: 15px;
	padding-bottom: 30px;
}
	#footer ul, #footer p {
		margin-left: 75px;
	}
	#footer li {
		list-style: none;
		display: inline;
		margin-right: 6px;
		font-family: Arial, Helvetica, sans-serif /*Georgia - try this later*/;
		font-size: 11px;
	}
	#footer ul.main li {
		font-size: 14px;
	}
	
	#footer p {
		font-size: 10px;
		color: #fff;
	}
	#footer a:link, #footer a:visited {
		color: #ffcc00;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		text-decoration: underline;
		color: #fff;
	}
	
	#footer li a:link, #footer li a:visited {
		color: #fff;
		text-decoration: none;
	}
	#footer li a:hover, #footer li a:active {
		text-decoration: underline;
		color: #ffcc00;
	}