/*
Theme Name: funnelbox motion picture studios
Theme URI: http://funnelbox.com
Description: A WordPress theme created for funnelbox motion picture studios
Version: 0.1
Author: Gary Hepting of BDC Advertising
Author URI: http://garyhepting.com/
Tags: funnelbox, motion picture, studios, video production, video editing

	funnelbox motion picture studios v0.1 beta
	 http://funnelbox.com

	This theme was designed and built by Gary Hepting,
	whose blog you can find at http://garyhepting.com/

*/
.cycle {
  width: 760px;
  height: 260px;
  }

body {
	margin:0;
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Arial, sans-serif;
	color: #999;
	text-align: center;
        background:#0D0E12 url('images/body_bg.jpg') top left repeat;
	line-height:19px;
	}

a, a:link, a:visited, a img {
	text-decoration:none;
	outline:none;
	border:none;
	color:#fff;
}
a:hover, a:focus {
  text-decoration:underline;
}

input, textarea, select {
  background-color:#d6d6d6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #d6d6d6;
  padding: 5px;
}
input[type*='submit'], input[type*='button'], input.button {
  background-color:#333;
  color:#aaa;
  border-color:#333;
}

#wrapper {
        width:848px;
        margin:0 auto;
        padding-left:142px;
        text-align:left;
        background:transparent url('images/sidebar_bg.jpg') top left repeat-y;
        }

#page {
	border: 1px solid #1F1F1F;
	width:800px;
	text-align: left;
	margin:0 auto;
background-color:#141414;
	}

#header {
	height:133px;
	background: #0e0f13 url('images/header_bg.jpg') no-repeat bottom center;
	border-top:1px solid #000;
	margin:0;
	}

#headerimg a {
	display:block;
	position:absolute;
	top:52px;
	margin-left:11px;
	height:60px;
	width:230px;
	background:transparent url('images/funnelbox_motion_picture_studios.jpg') center no-repeat;
	font-size: 1.2em;
	text-align: center;
	}

#headerimg a span {
	display:none;
}

#headerimg .description {
	display:none;
}

#footer {
	width:800px;
	padding:10px 0 10px 140px;
	margin:0 auto;
	text-align:right;
	font-size:85%;
	color:#555;
}

h1, h2, h3 {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	padding-bottom:15px;
	background:transparent url('images/hrule.jpg') bottom center repeat-x;
	color:#5a5a5a;
	}
#header h1, #header h2, #header h3 {
	background:none;
}

.post {
	padding:10px 20px 15px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.left_column{
	float:left;
	width:450px;
	margin:0;
	padding:0;
}
.right_column{
	float:right;
	width:280px;
	margin:8px 0 0 0;
	padding:0;
}

/* -------------- MAIN PAGE -------------------*/
#main_01studioslideshow{
	height:119px;
}
#main_01studioslideshow a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_ataglance_studioslideshow.png);
	display:block;
	height:119px;	
	width:239px;
	text-indent:-5000px;
	background-position: 0 -119px;
}

#main_01studioslideshow a:hover{
	background-position: 0 0;
}
#main_02learnmore a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_ataglance_disciplinedcreative.png);
	display:block;
	height:119px;	
	width:239px;
	text-indent:-5000px;
	background-position: 0 -119px;
}

#main_02learnmore a:hover{
	background-position: 0 0;
}
#main_03demoreel a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_ataglance_demolink.png);
	display:block;
	height:119px;	
	width:239px;
	text-indent:-5000px;
	background-position: 0 -119px;
}

#main_03demoreel a:hover{
	background-position: 0 0;
}

/* -------------- FEATURED PROJECTS -------------------*/
#main_featured1 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/02/index_featuredprojects_01_harryritchies.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}

#main_featured1 a:hover{
	background-position: 0 0;
}
#main_featured2 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/02/index_featuredprojects_02_bostonscientific.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}

#main_featured2 a:hover{
	background-position: 0 0;
}
#main_featured3 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/02/index_featuredprojects_01.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}

#main_featured3 a:hover{
	background-position: 0 0;
}
#main_featured4 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_featuredprojects_02.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}
#main_featured4 a:hover{
	background-position: 0 0;
}
#main_featured5 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_featuredprojects_04.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}

#main_featured5 a:hover{
	background-position: 0 0;
}
#main_featured6 a{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/index_featuredprojects_05.png);
	display:block;
	height:57px;	
	width:116px;
	text-indent:-5000px;
	background-position: 0 -57px;
}

#main_featured6 a:hover{
	background-position: 0 0;
}

/* -------------- PORTFOLIO PAGE -------------------*/
.backtotop{
	text-align:right;
	font-size:80%;
}

.backtotop a, .backtotop a:active, .backtotop a:visited{
	color:#333;
}
.backtotop a:hover{
	color:#FFF;
}

#demoreel a, #demoreel a:active, #demoreel a:visited{
	background-image: url(http://www.funnelbox.com/wp-content/uploads/2010/01/port_fbxdemoreelwinter2010.png);
	display:block;
	height:270px;	
	width:759px;
	text-indent:-5000px;
}

#demoreel a:hover{
	background-position: 0 -270px;
}

.rollover {
	padding:125px 0 0 4px;
	outline:none;
	color:#fff;
	display: block;
	width: 239px;
	height: 25px;
	background:#141414 url("http://www.funnelbox.com/wp-content/uploads/2009/12/nia.jpg") no-repeat 0 0;
	background-position:0 -150px;
}

.rollover:hover { 
	background-position: 0 0;
	text-decoration:none;
}

.rollover span {
	font-size:115%;
	color:#777;
	text-decoration:none;
}
.rollover:hover span {
	color:#fff;
}
.portfoliotext{
	margin:2px 0 6px 0;
}

/* -------------- SIDEBAR MAIN NAV -------------------*/
#sidebar {
	font-family: sans-serif;
	color:#555;
        position:absolute;
        margin:120px 0 0 -140px;
	padding: 20px 0 10px 0;
	width: 150px;
	}

#sidebar ul li {
	cursor:default;
	background:transparent url('images/hrule2.jpg') bottom repeat-x;
	}

#sidebar>ul>li:hover, #sidebar>ul>li.active {
	background:transparent url('images/active.gif') bottom left no-repeat;
}
#sidebar>ul>li.active {
        color:#fff;
}

#sidebar ul ul li {
	background-image:none;
}

#sidebar ul li a {
        font-size:90%;
	display:block;
	width:100%;
	color:#555;
	background:transparent url('images/arrow.gif') top right no-repeat;
	line-height:16px;
	padding-bottom:10px;
	}
#sidebar ul a {
	color:#777;
	height:auto;
	margin:0;
	padding:0;
}
#sidebar ul li ul {
        margin:10px 0 10px 10px;
}
#sidebar ul ul li a {
        line-height:12px;
}

#sidebar ul li a:hover {
	color:#c8c8c8;
	background:transparent url('images/arrow_hover.gif') top right no-repeat;
	text-decoration:none;
	}
#sidebar ul li.active a, #sidebar ul li.active a:hover {
	background:transparent url('images/arrow_active.gif') top right no-repeat;
        color:#fff;
}

#sidebar ul ul li a {
	background-image:url('');
        font-size:85%;
	}

#sidebar ul, #sidebar ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}
#sidebar ul ul {
  margin:5px 0 20px 10px;
}

/* -------------- ABOUT SECTION -------------------*/
#clientlists{
	float:left;
	width:192px;
	padding:0;
	margin:0;
	display:block;
}
#clientlist li{
	width:73px;
	height:59px;
	display:block;
	float:left;
	margin:0 12px 0 12px;
	text-indent:-50000px;
}
#cl_nike{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_nike.png) 0 0;
}
#cl_wacom{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_wacom.png) 0 0;
}
#cl_lst{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_lst.png) 0 0;
}
#cl_columbia{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_columbia.png) 0 0;
}#cl_keen{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_keen.png) 0 0;
}
#cl_intel{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_intel.png) 0 0;
}
#cl_adidas{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_adidas.png) 0 0;
}
#cl_microsoft{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_microsoft.png) 0 0;
}
#cl_hp{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_hp.png) 0 0;
}
#cl_cisco{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_cisco.png) 0 0;
}
#cl_harley{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_harley.png) 0 0;
}
#cl_oakley{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_oakley.png) 0 0;
}#cl_autodesk{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2009/12/about_cl_autodesk.png) 0 0;
}
#cl_disney{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2010/06/about_cl_disney.png) 0 0;
}
#cl_sonyericsson{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2010/06/about_cl_sonyericsson.png) 0 0;
}
#cl_samsung{
	background:transparent url(http://www.funnelbox.com/wp-content/uploads/2010/06/about_cl_samsung.png) 0 0;
}

/* -------------- SERVICES SECTION -------------------*/
#servlists li{
	list-style:none;
	margin:0 10px 8px 0;
}