﻿/* Start Fluc Media Company Site */

body {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:14px;
background:#80CEFF;
margin:0;
padding:0;
}

#bottomBackground
{
	left:0;
	position:absolute;
	bottom: 40px;
	background: transparent url(images/3840_summer.png) no-repeat center bottom;
	min-height: 350px;
	width:100%;
	padding-bottom: 60px;
	z-index: -99;
}

#content .clear
{
	clear:both;
}

#content 
{
	width:800px;
	margin:auto;
	padding:4%;

}

#content .logo
{
	width:780px;
	min-height: 114px;
	padding-bottom:20px;
}

#content .logo .image
{
	float:left;
}


#content .links
{
	float: right;
	color:#FFF;	
	padding-top:105px;
}

#content .links a
{
	padding:0 5px 0 5px;
	color:#FFF;	
	text-decoration:none;
}

#content .links a:hover
{
	color:#99FF66;	
}
	
#content .we_rock
{
	background: transparent url(images/we_rock.png) no-repeat right;
	width:780px;
	min-height: 65px;
	padding-top:20px;
	float:left;
}

#content .container
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	background:none;
}

#content .welcome
{
	font-size:30px;
	color:#FFF;
	width:710px;
	font-weight:100;
	padding:0 20px 0 20px;
}

#content .text_container
{
	width:370px;
	float:left;
}

#content .header
{
	font-size:14px;
	color:#555;
	width:350px;
	padding:10px 0 0px 20px;
	font-weight:bold;
}

#content .text
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
}

/* Start About */

#content .container_about
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	background:transparent url(images/about.png) no-repeat right;
}

#content .about
{
	padding:20px 10px 0 10px;
	width:780px;
}

#content .about_container
{
	height:100px;
	margin:0;
	overflow:hidden;
}

#content .about_content
{
	width:2000px;
}

#content .about_text
{
	float:left;
	font-size:14px;
	width:750px;
	color:#555;
	padding:10px 20px 20px 20px;
	line-height:1.5em;
	overflow:hidden;
}

/* End About */

/* Start Products */

#content .container_products
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	background:transparent url(images/products.png) no-repeat left;
}

#content .text_container_products
{
	width:370px;
	float:right;
}

#content .header_products
{
	font-size:14px;
	color:#555;
	width:350px;
	padding:10px 0 0px 20px;
	font-weight:bold;
}

#content .text_products
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
}

#content .text_products a
{
	color:#FFF;
	text-decoration:none;
}


#content .text_products a:hover
{
	color:#99FF66;
}

/* End Products */

/* Start Jobs */

#content .container_jobs
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	background:transparent url(images/jobs.png) no-repeat right;
}

#content .text_container_jobs
{
	width:370px;
	float:left;
}

#content .header_jobs
{
	font-size:14px;
	color:#555;
	width:350px;
	padding:10px 0 0px 20px;
	font-weight:bold;
}

#content .text_jobs
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
}

#content .we_rock_jobs
{
	background: transparent url(images/we_rock_jobs.png) no-repeat right;
	width:780px;
	min-height: 65px;
	padding-top:20px;
	float:left;
}

/* End Jobs */

/* Start RealTime Contact */

#content .twitter
{
	padding:5px 10px 0 10px;
	width:750px;
}

#content .twitter_header
{
	padding:10px 10px 0 20px;
	width:740px;
	font-size:14px;
	color:#555;
	float:left;
}

#content .twitter_footer
{
	padding:10px 0 0 20px;
	width:740px;
	font-size:14px;
	color:#555;
}

#content .twitter_footer a
{
	color:#FFF;
	text-decoration:none;
}

#content .twitter_footer a:hover
{
	color:#99FF66;
}

#content .twitter_welcome
{
	font-size:30px;
	color:#FFF;
	width:710px;
	font-weight:100;
	padding:0 20px 0 20px;
}

#content .twitter_container {
	float:left;
	font-size:14px;
	color:#555;
	width:720px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
	min-height:70px;
	background: transparent url(images/twitter.png) no-repeat center;
}

#content .twitter_text
{
	float:left;
	font-size:14px;
	color:#555;
	width:620px;
	padding:0 20px 0 70px;
	line-height:1.5em;
}

#content .twitter_image
{
	float:left;
	padding:0 0 0 20px;
}

/* End RealTime Contact */

/* Start Contact */

#content .container_contact
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	background:transparent url(images/contact.png) no-repeat right;
}

#content .text_container_contact
{
	width:370px;
	float:left;
}

#content .header_contact
{
	font-size:14px;
	color:#555;
	width:350px;
	padding:10px 0 0px 20px;
	font-weight:bold;
}

#content .text_contact
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
}

/* End Contact */

/* Start NoMoreIE6 */

#content .container_ie6
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	background:transparent url(images/ie6.png) no-repeat right;
}

#content .ie6_container
{
	width:370px;
	float:left;
}

#content .ie6_header
{
	font-size:14px;
	color:#555;
	width:350px;
	padding:10px 0 0px 20px;
	font-weight:bold;
}

#content .ie6_text
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 20px 0 20px;
	line-height:1.5em;
}

#content .ie6_upgrade
{
	width:450px;
	float:left;
	padding:20px 10px;
}

#content .ie6_browsers
{
	width:65px;
	float:left;
	padding:5px 12px;
}

#content .ie6_browsers_text
{
	color:#555;
	font-size:14px;
	padding-top:10px;
}

#content .ie6_continue
{
	color:#FFF;
	font-size:14px;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
}

#content .ie6_continue a
{
	color:#FFF!important;
}




/* End NoMoreIE6 */

/* Start Tshirts */


#content .tshirt_container
{
	/*background: #FFF;*/
	padding:5px 10px 20px 10px;
	width:760px;
	float:left;
	min-height:210px;
	/*background:transparent url(images/products.png) no-repeat left;*/
}

#content .tshirt_welcome
{
	font-size:30px;
	color:#FFF;
	font-weight:100;
	padding:0 20px 0 20px;
}

#content .text_container_tshirt_image
{
	width:320px;
	float:left;
	height:224px;
}

#content .text_container_tshirts
{
	width:350px;
	float:left;
	padding-top:30px;
}

#content .tshirt_header
{
	font-size:14px;
	color:#555;
	width:340px;
	padding:10px 0 0px 10px;
	font-weight:bold;
}

#content .tshirt_text
{
	font-size:14px;
	color:#555;
	width:330px;
	padding:10px 10px 0 10px;
	line-height:1.5em;
}

#content .tshirt_text a
{
	color:#555;
	text-decoration:none;
}

#content .tshirt_text a:hover
{
	color:#99FF66!important;
}

#content .we_rock_tshirts
{
	background: transparent url(images/we_rock.png) no-repeat right;
	width:780px;
	min-height: 65px;
	float:left;
}

#slider {
  width: 700px;
  position: relative;
  margin:0 auto;
}

.scroll {
  overflow: auto;
  margin:0 auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0 20px 0 20px;
  height: 230px;
  width: 680px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 110px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -10px;
}

.scrollButtons.right {
  right: -35px;
}



/* End Tshirts */

/* Start Footer */

#footer
{
	position:absolute;
	bottom: 0;
	text-align: right;	
	font-size: 12px;
	background-color: #8cbb00;
	width:100%;
	height:40px;
	z-index: -99;
}

#footer .container
{
	width:800px;
	margin:auto;
	padding-top:10px;
}

#footer .copyright
{
	float: left;
	color: #99FF66;	
}

#footer .copyright a 
{
	color: #99FF66;	
	text-decoration:none;
}

#footer .links-container
{
	float: right;
	color:#FFF;	
}

#footer .links-container a
{
	padding:0 5px 0 5px;
	color:#FFF;	
	text-decoration:none;
}

#footer .links-container a:hover
{
	color:#99FF66;	
}

/* End Footer */