/* 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;

/* 	vertical-align: baseline; */
}

strong {font-weight:bold;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end RESET */

/* STRUCTURE */
body{margin:0; padding:0; background: url(../images/common/body-bg.jpg) fixed center;}

#wrapper{margin:0 auto; padding:30px 0 0 0; width:974px; height:100%;position:relative;}

#headerWrapper{float:left; margin:0; padding:0; width:974px; height:267px;}

	#topNav{float:left; margin:0; padding:0; width:974px; height:20px;}
	
	#header{float:left; margin:0; padding:0; width:974px; height:247px;}
		
		#header.home {background: url(../images/headers/blendstar-home.png) no-repeat top left;}
		#header.about {background: url(../images/headers/blendstar-about.png) no-repeat top left;}
		#header.secondary {background: url(../images/headers/blendstar-secondary.png) no-repeat top left;}
		#header.terminal-locations{background: url(../images/headers/blendstar-terminal-locations.png) no-repeat top left;}
		#header.terminal-operations{background: url(../images/headers/blendstar-terminal-operations.png) no-repeat top left;}
		#header.ethanol-biodiesel{background: url(../images/headers/blendstar-ethanol-biodiesel.png) no-repeat top left;}
		#header.environment-safety{background: url(../images/headers/blendstar-environment-safety.png) no-repeat top left;}
		#header.news{background: url(../images/headers/blendstar-news.png) no-repeat top left;}
		#header.industry-links{background: url(../images/headers/blendstar-industry-links.png) no-repeat top left;}
		#header.contact{background: url(../images/headers/blendstar-contact.png) no-repeat top left;}
		
		/* For Mycreation Page only*/ 
			#wrapper.mycreation #header.home{background:url(../images/mycreation/allgreen_header.png) no-repeat top left;}
		
			#logo {float:left; margin:21px 0 0 28px; padding:0; width:216px; height:87px; display:inline; clear:right;  }
			
			#tagline {float:left; margin:0 0 0 319px; padding:0; width:655px; height:132px; display:inline; clear:left;}

#contentWrapper {float:left; margin:0; padding:0 0 40px 0; width:974px; min-height:375px; height:auto !important; height:375px; background: url(../images/common/content-bg.png) repeat-y top left; display:inline;}

	/* For Mycreation Page only*/ #wrapper.mycreation #contentWrapper {float:left; display:inline; margin:0; padding:0 0 40px 0; width:974px; min-height:375px; height:auto !important; height:375px; background: url(../images/mycreation/allgreen_background.png) repeat-y top left;}
	
	#navigation{float:left; margin:0; padding:0; width:322px; height:100%; }
		
		#video { float:left; margin:25px 0 0 85px; display:inline; }
		
		#eNewsSignup{ float:left; margin:25px 0 0 75px; display:inline;}
		
		#rfaNec{ float:left; margin:25px 0 0 75px; display:inline;}
	
	#content{float:right; margin:0 0px 0 0; padding:0; width:652px; height:100%;}

#footer {float:left; margin:0; padding:0; width:974px; height:48px; position:relative; z-index:0; background: url(../images/common/footer-bg.png) top left no-repeat;}
	
	#footerText {margin:10px 0 0 0;}


/* NAVIGATION */
ul#topNavigation {list-style:none; text-align:right; margin:0 43px 0 0; display:inline; float:right;  }

	#topNavigation li {margin:0; padding:0; display:inline; line-height:normal;}
	
	#topNavigation li.divider {font-size:1.6em; color:#FFFFFF;}
	
	#topNavigation li a{color:#111111; text-decoration:none; font-size:1.5em;}
	
	#topNavigation li a:hover {text-decoration:underline;}
	
	
	
	ul#mainNav {list-style:none; text-align:right; float:right; display:inline; position:relative; margin:18px 90px 0 0;}
	
	#mainNav li {padding:0 0 .8em 0; width:auto; line-height:normal;}
	
		#mainNav li ul { visibility:hidden; display:none; height:0;}
			
			#mainNav li ul li {line-height:normal; height:20px;}
		
		#mainNav li img.roll {display:none;}
		
			#mainNav.home_page li#home_page img.roll, #mainNav.contactus li#contactus img.roll{display:inline;}
			
			#mainNav.about li#about_blendstar img.roll{display:inline;}
			
				#mainNav.about li ul#aboutSub { visibility:visible; display:block; height: auto;  margin:10px 0 0 0;}
				
					#mainNav.about li ul#aboutSub li, #mainNav.locations li ul#terminalsSub li { margin:5px 0 0 0; padding:0 0 0 0;}
			
			#mainNav.locations li#terminal_locations img.roll{display:inline;}
				
				#mainNav.locations li ul#terminalsSub { visibility:visible; display:inline; height: auto;  margin:10px 0 0 0;}
			
			#mainNav.operations li#terminal_operations img.roll{display:inline;}
			
			#mainNav.renewable li#renewable_fuels img.roll{display:inline;}
			
			#mainNav.environment li#environment_safety img.roll{display:inline;}
			
				#mainNav.environment li ul#environmentSub { visibility:visible; height: auto;  margin:10px 0 0 0;}
			
			#mainNav.news li#news img.roll{display:inline;}
			
			#mainNav.industry li#industry_links img.roll{display:inline;}		
			
	#mainNav li a{color:#FFFFFF; text-decoration:none; font-size:1.5em; position:relative;}
	
	#mainNav.about li ul#aboutSub a, #mainNav.locations li ul#terminalsSub a {color:#ffd067; text-decoration:none; }
	
	#mainNav li ul li a:hover, #mainNav li ul li.over{color:#ffd067; text-decoration:none; font-weight:bold; }
	
	/*For MyCreation Page only */
	
	#wrapper.mycreation #contentWrapper ul#legoGallery {margin:15px 0 0 45px; padding:0; width:914px;}
		#wrapper.mycreation #contentWrapper ul#legoGallery li {margin:0 15px 0 0; padding:0; float:left; display:inline; width:208px; height:230px;}
		#wrapper.mycreation #contentWrapper ul#legoGallery li img {border:4px solid #FFF;}
		#wrapper.mycreation #contentWrapper ul#legoGallery li p { margin:0; padding:0; font-size:12px; line-height:14px; color:#FFF;}
		.legoTitle{font-weight:bold; font-style:italic;}
	
	

	
/* TYPOGRAPHY */
body {font-size:62.5%; font-family: Arial, Helvetica, sans-serif;}

#content h2 {visibility:hidden; height:0;}

#content h4{ font-size:1.8em; font-weight:bold; margin:0 0 0 60px; line-height:2.0em; }
	
	#content h4.first {margin-top:25px; }

#content p {margin:0 0 0 60px;  width:504px; padding:0 0 1.0em 0; font-size:1.4em; line-height:1.5em; color:#111111; }

	#content p strong { font-weight:bold; }
	
	#content p em { font-style:italic; }

	#content p.first {margin-top:30px; }
	
	#content p a {color:#b45441; text-decoration:none;}
	
	#content p a:hover {color:#b45441; text-decoration:underline;}
	
#content ul{ margin:0 0 10px 60px; font-size:14px;}
#content li{ list-style:disc; list-style-position:outside; margin-left:15px; line-height:20px;}
	
#content fieldset legend{ font-size:1.8em; font-weight:bold;margin:0 0 0 0px; line-height:2.0em; }

#content fieldset p {margin-left:0;}

label {padding:0 0 .5em 0; font-size:1.3em; line-height:1.4em; color:#111111;}
#navigation {text-align:right;}

#footer {text-align:center; color:#ccc;}
	
	#footer p {font-size:1.2em; padding:0 0 .5em 0;}
	
	#footer p a {color:#ccc; text-decoration:none;}
	
	#footer p a:hover {color:#f0b310; text-decoration:underline;}

/* FORMS */
fieldset {margin:0 0 0 60px; width:400px;}

label{display:block;}

#inquiryForm div {padding:0 0 10px 0;}

#inquiryForm div.left {width:180px; float:left;}

#inquiryForm div.right {width:180px; float:left;}

#inquiryForm div#inquiryField {width:400px; float:left;}

	#inquiryForm div#inquiryField textarea {width:335px; height:100px; float:left;}
	
#inquiryForm div#submitField {width:400px; margin:20px 0 0 0;}

/*QUIZ FORM*/
#quizForm div {padding:0 0 10px 0;}

#quizForm div.left {width:220px; float:left;}

#quizForm div.right {width:220px; float:left;}

#quizForm input{width:200px;}

#quizForm div#inquiryField {width:400px; float:left;}

	#quizForm div#inquiryField textarea {width:420px; height:100px; float:left;}
	
#quizForm div#submitField {margin:20px 0 0 0;}
#quizForm div#submitField #submit{ width:60px;}




#mapContainer {float:left; margin:25px 0 0 60px; position:relative; height:auto; display:inline; z-index:1000; width:525px;}

	#mapContainer #map {float:left; margin:0; padding:0; position:relative; z-index:5;}
	
		.infoContainer {float:left; position:absolute; margin:0; padding:0; z-index:100; background:none; width:215px; height:auto;}
			
			.infoContainer .top {float:left; margin:0px 0 0 0; padding:0; background:url(../images/map/bubble-top-2.gif) top left no-repeat; height:22px; width:200px;}
			
			.infoContainer .infocontent {float:left; margin:0; padding:0;  background:url(../images/map/bubble-body-2.gif) top left repeat-y; height:auto; width:200px;}
			
				.infoContainer .infocontent table {margin:3px 0 0 0;}
			
			.infoContainer .bottom {float:left; margin:0px 0 0 0; padding:0;background:url(../images/map/bubble-bot-2.gif) bottom left no-repeat;  height:9px; width:200px;}
			
			#content #mapContainer .infoContainer .infocontent p {font-size:1.0em; margin:0; padding:0 0 0 0px; width:90%; margin:0 0 0 10px; line-height:normal;}
			
			#content #mapContainer .infoContainer .infocontent hr {width:90%; padding:0 0 0 0;}
			
			#content #mapContainer .infoContainer .infocontent span.green {color:#8cc63f}
			
				#mapContainer #locations .infoContainer {top:175px; left:0px;}
				
				#mapContainer #locations .infoContainer td {padding:0 0 2px 0;}
			
			#mapContainer #locations .infoContainer div.close {text-align:left; margin:5px 0px 0 0; width:200px; height:17px;}
			
			#mapContainer #locations .infoContainer .close p {text-align:left; width:auto; padding:0; background:none;  font-size:1.0em; margin:0 0 0 0px; display:inline; font-weight:bold;}
				
				#mapContainer #locations .infoContainer .close a {color:#fff; text-decoration:none; font-weight:bold; float:right; display:inline;  margin:0 0px 0 0;}
				
				#mapContainer #locations .infoContainer .close a:hover { text-decoration:underline; font-weight:bold;}
	
		/*stars*/
	
		.star {float:left; position:absolute; width:16px; height:16px; cursor:pointer; z-index:50;}
		
			
			#mapContainer #locations #oklahomacity .star {top:114px; left:130px;}
			
			#mapContainer #locations #tulsa .star {top:85px; left:160px;}
			
			#mapContainer #locations #littlerock .star {top:123px; left:235px;}
			
			#mapContainer #locations #bossier .star {top:185px; left:216px;}
			
			#mapContainer #locations #collins .star {top:203px; left:310px;}
			
			#mapContainer #locations #nashville .star {top:76px; left:350px;}
			
			#mapContainer #locations #birmingham .star {top:161px; left:377px;}
			
			#mapContainer #locations #louiseville .star {top:30px; left:381px;}
			
			#mapContainer #locations #knoxville .star {top:82px; left:428px;}

			/*bubbles*/
		.bubble {float:left; position:absolute; width:140px; height:50px; cursor:pointer; z-index:51; background:url('../images/map/bubble.png') top left no-repeat; text-align:center;}
			
			#mapContainer #locations .bubble p {float:left; margin:0; padding:0; width:100%;}
			
			#mapContainer #locations .bubble a {color:#8cc63f; text-decoration:none; font-weight:bold;}
		
			#mapContainer #locations .bubble a:hover {color:#8cc63f; text-decoration:underline; font-weight:bold;}
			
				#mapContainer #locations .bubble .text {float:left; margin:5px 0 0 5px; padding:0; width:130px;}
			
			#mapContainer #locations #oklahomacity .bubble {top:70px; left:69px;}
			
			#mapContainer #locations #tulsa .bubble {top:40px; left:98px;}
			
			#mapContainer #locations #littlerock .bubble {top:79px; left:174px;}
			
			#mapContainer #locations #bossier .bubble {top:138px; left:155px;}
			
			#mapContainer #locations #collins .bubble {top:158px; left:248px;}
			
			#mapContainer #locations #nashville .bubble {top:31px; left:288px;}
			
			#mapContainer #locations #birmingham .bubble {top:116px; left:315px;}
			
			#mapContainer #locations #louiseville .bubble {top:-15px; left:319px;}
			
			#mapContainer #locations #knoxville .bubble {top:36px; left:366px;}
			
			/*tables */
			
			#tableContainer {float:left; position:relative; z-index:99999;}
			
				.infoTable table {text-align:left;}
				
					.infoTable table td {width:55px; border:1px solid; vertical-align:text-top;}
					
						
			
/* MISC */
img.staff {padding:0 10px 5px 0;}
			
			
			.on-top
{
  z-index: 10000;
}


	
			
/*eNEWS SIGNUP FRAME*/

.signupFrame{ float:right; width:180px; height:93px; margin:35px 100px 0 0; padding:0 0 5px 15px;}
			
span.error,
span.valid {
	color : #900;
	font-weight : bold;
}
span.error.main,
span.valid.main {
	background : #900;
	color : #fff;
	display : block;
	font-size : 14px;
	margin : 10px 0 20px;
	padding : 5px 10px;
}
span.valid.main {
	background : #44790A;
}