/*
	INFLUX GLOBAL MEDIA
	By: Chris Lopes
	http://www.gocactus.com
*/

/* BASIC PAGE SETUP & RESET */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Arial, Helvetica, sans-serif; background: white; }

ul { list-style: none inside; }
p { font: 1.3em/1.4em Arial, Helvetica, sans-serif; margin-bottom: 1.3em; }
a { outline: none; text-decoration: none; }
img, a img { border: none; }
sup { font-size: 60%; }
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */


/* STRUCTURE */
.page-wrap {
	margin: 0 auto;
	width: 900px;
}
/* END STRUCTURE */


/* BEGIN CSS */

body {background: url(images/bg-body.gif) top repeat-x;}

/* OTHER */

p.quote {
	font-style: italic;
	margin-bottom: 0;
	}

/* HEADER */

#header {
	height: 100px;
	}
	
	#header img {
		float: left;
		margin-top: 15px;
		}
		
	#tabs li {
		display: inline;
		}
	
	#tabs ul li a {
		text-indent: -9999px;
		display: block;
		height: 25px; width: 79px;
		float:left;
		margin-left: 5px;
		}
		
		#tabs ul li a.home {
			background:url(images/tab-home.gif) no-repeat;
			width: 79px;
			}
			
			#tabs ul li a.home:hover {
				background:url(images/tab-home-on.gif) no-repeat;
				}
			
		#tabs ul li a.sitemap {
			background:url(images/tab-sitemap.gif) no-repeat;
			width: 79px;
			}
			
			#tabs ul li a.sitemap:hover {
				background: url(images/tab-sitemap-on.gif) no-repeat;
				}
			
	#nav {
		clear:right;
		margin-top: 28px;
		}
		
		#nav ul li {
			display: inline;
			text-align: right;
			}
			
		#nav ul li a:link, #nav ul li a:visited {
			font-size: 1.45em;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
			margin-left: 15px;
			}
			
		#nav ul li a:hover, #nav ul li a:active {
			border-bottom: #ed1c24 solid 4px;
			}
			
/* FLASH AREA */
			
#flash-area {
	height: 345px;
	margin-top: 20px;
	}
	
/* QUICK JUMP HOMEPAGE */
	
#quick-jump {
	background: #9d1216 url(images/bg-quickJump) top repeat-x;
	}
	
	#quick-jump-content {
		background:url(images/bg-quickJumpColumn.gif) top center no-repeat;
		color: #ffffff;
		padding: 20px 0;
		}
		
		#quick-jump-content h1 {
			font-size: 1.75em;
			margin-bottom: 1em;
			}
			
			#quick-jump-content h1.digital {
				background: url(images/homepage/title-digital.gif) no-repeat;
				text-indent: -9999px;
				}
			#quick-jump-content h1.solutions {
				background: url(images/homepage/title-solutions.gif) no-repeat;
				text-indent: -9999px;
				margin-left: 0;
				}
			#quick-jump-content h1.business {
				background: url(images/homepage/title-business.gif) no-repeat;
				text-indent: -9999px;
				}
			#quick-jump-content h1.request {
				background: url(images/homepage/title-information.gif) no-repeat;
				text-indent: -9999px;
				}
		
		#quick-jump-content #left {
			width: 280px;
			padding: 0 10px;
			}
			
		#quick-jump-content #center {
			width: 270px;
			margin-left: 310px;
			}
			
		#quick-jump-content #right {
			width: 290px;
			padding: 0 0;
			}
			
			ul#solutions {
				margin-bottom: 20px;
				}
			
			ul#solutions li a {
				display: block;
				width: 279px; height: 30px;
				text-indent: -9999px;
				line-height: 0;
				}
				
				ul#solutions li {
					line-height: 0;
					}
					
				ul#solutions li a.turnKey {
					background: url(images/homepage/turnkey.gif) top;
					width: 279px; height: 32px;
					}
					
					ul#solutions li a.turnKey:hover {
						background: url(images/homepage/turnkey.gif) bottom;
						width: 279px; height: 32px;
						}
					
				ul#solutions li a.ecoFlux {
					background: url(images/homepage/ecoFlux.gif) top;
					width: 279px;
					}
					
					ul#solutions li a.ecoFlux:hover {
						background: url(images/homepage/ecoFlux.gif) bottom;
						width: 279px;
						}
						
				ul#solutions li a.audienceTag {
					background: url(images/homepage/audienceTag.gif) top;
					width: 279px;
					}
					
					ul#solutions li a.audienceTag:hover {
						background: url(images/homepage/audienceTag.gif) bottom;
						width: 279px;
						}
						
				ul#solutions li a.viewerTrigger {
					background: url(images/homepage/viewerRec.gif) top;
					width: 279px;
					}
					
					ul#solutions li a.viewerTrigger:hover {
						background: url(images/homepage/viewerRec.gif) bottom;
						width: 279px;
						}	
						
						
/* SUB PAGE CONTENT */

#content-box {
	width: 910px;
	background: url(images/bg-contentBox.png) top no-repeat;
	margin-top: 10px;
	}
	
	#sidebar {
		width: 200px;
		max-width: 200px;
		color: #ffffff;
		margin-top: 7px;
		}
		
		#sidebar ul li.sidebar-top {
			background: url(images/sidebar-top.gif) no-repeat;
			display: block;
			height: 30px;
			padding: 20px 0 0 15px;
			font-size: 2em;
			font-weight: bold;
			list-style: none;
			}
			
		#sidebar ul li a {
			color: #ffffff;
			display: block;*/
			height: 30px;
			line-height: 30px;
			font-size: 1.5em;
			text-indent: 40px;
			}
			
			#sidebar ul li.arrow a:link, #sidebar ul li.arrow a:visited {
				background: url(images/sidebar-li-arrow.jpg) no-repeat;
				}
				
				#sidebar ul li.arrow a:hover, #sidebar ul li.arow a:active {
					background: url(images/sidebar-li-arrow.jpg) bottom no-repeat;
					}
					#sidebar ul li.Sub_arrow a:link, #sidebar ul li.Sub_arrow a:visited 
					{
						padding-left: 5px;
						background: url(images/sidebar-li-sub-arrow.jpg) no-repeat;
						}
						#sidebar ul li.Sub_arrow a:hover, #sidebar ul li.Sub_arow a:active {
							padding-left: 5px;
							background: url(images/sidebar-li-sub-arrow.jpg) bottom no-repeat;
							}
			#sidebar ul li.sidebar-sub a:link, #sidebar ul li.sidebar-sub a:visited {
				font-size: 1.15em;
				background: url(images/sidebar-li.gif) top no-repeat;
				}
				
			#sidebar ul li.sidebar-sub a:hover, #sidebar ul li.sidebar-sub a:active {
				background: url(images/sidebar-li.gif) bottom no-repeat;
				}
				
			#sidebar ul li {
				height: 30px;
				}
		
	#content {
		width: 670px;
		padding: 25px 20px;
		}
		
		#content h1 {
			color: #ed1c24;
			font-size: 2.5em;
			margin-bottom: 15px;
			}
			
		#content h2 {
			color: #000000;
			font-size: 2em;
			margin-bottom: 10px;
			}
			
		#content p {
			color:#333333;
			}
				
						
/* FOOTER */

#footer-bg {
	background: #9d1216;
	height: 25px;
	padding: 10px 0;
	}
	
	#footer {
		width:900px;
		margin: 0 auto;
		color:#FFFFFF;
		font-size: .9em;
		}