/* CSS ELEMENTS ARE DISPLAYED HERE IN THE ORDER THEY APPEAR ON THE MAIN SERVICES PAGE  */

/* MAIN BACKGROUND */

/* main background repeated on the y axis */
html, body {
	margin:auto;
	margin:0;
	padding:0;
	background: url(../images/bgs/bg-square.gif) repeat fixed center;
	font-family:"Lucida Sans","Lucida Sans Unicode", sans-serif, Arial;
}

/* END MAIN BACKGROUND */


#page {
	width: 100%;
	height:auto;
	background: url(../images/bgs/bg2.png) repeat-y fixed center;
}

#page-end {
	width:100%;
	height:15px;
	background-image:url(../images/bgs/bg-page-end.gif);
	background-position: center top;
	background-repeat: no-repeat;
}


/* FRAME SURROUNDING ENTIRE PAGE */

#frame {
	width:891px;
	margin:auto;
	background-image:url(../images/bgs/underlay.jpg);
	border-left:1px solid #303628;
	border-right:1px solid #303628;
	border-bottom: 2px solid #303628;
}

/* END FRAME */





/* MAIN HEADER */

/* main header */
#header, #header-thin {
	width:891px;
	height:105px;
	margin:auto;
	background:url(../images/headers/header.png);
	background-repeat: no-repeat;
	background-color: #3b602d;
	position: relative;
}

#header-thin {
	height:94px;
}

#header-clickregion {
	position : absolute;
	top: 2px;
	left:2px;
	height: 66px;
	width : 570px;
	z-index : 10;
	cursor: pointer
}

/* END MAIN PAGE HEADER */

/* TOP LEFT MENU */

/* top left menu container */
#header-menu {
	width:230px;
	height:20px;
	float:right;
	padding-top:10px;
}

#header-menu a, #header-menu a:link, #header-menu a:visited {
	width:70px;
	text-align:center;
	font-family:"Lucida Sans","Lucida Sans Unicode";
	font-size:11px;
	color:#d1e6c4;
	float:left;
	display:inline;
	text-decoration:none;
}

#header-menu a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* END TOP LEFT MENU */

#showreel-sidebar {
	width:252px;
	height:305px;
	overflow-y:none;
	padding:10px;
	position:relative;
	border-left:1px solid black;
}

#showreel-sidebar #request-form 
{
	width:262px;
	height:305px;
	position:inherit;
	padding-right:30px;
	top:0px;
	left:0px;
}

#showreel-sidebar #request-form-thanks
{
	width:292px;
	height:305px;
	position:inherit;
	top:0px;
	left:0px;
	display:none;
}

#showreel-sidebar .textbox, #showreel-sidebar .textarea  
{
	width:278px;
	padding:2px 5px 2px 5px ;
	margin-bottom:1px;
	font-family:"Lucida Sans","Lucida Sans Unicode";
	font-size:12px;
	color : gray;
}

.showreel-sidebar-text 
{
	font-size: 13px;
	line-height : 26px;
	color: #465e3e;
	padding-bottom: 7px;
}

/* TAB FRAME */

/* tab frame */
#tabs, #tabs-thin {
	width:891px;
	height: 35px;
	position:absolute;
	top:70px;
	z-index:1;
}

#tabs-thin {
	height:24px;
}

/* END TAB FRAME */

.tabs-text-sml {
	position: absolute;
	left:174px;
	top:2px;
}

.tabs-text-lrg {
	position: absolute;
	left:149px;
	top:2px;
}

/* provides the style for the corner images */
img.cornerm {
   width: 28px;
   height: 24px;
   border: none;
   display: block !important;
}

/* TABS - INCLUDES FILE */

/* container for the two menu bars - used to allow use of z-index and to overlay the overlay bar ontop of the menu */
#tabs-watchingit, #tabs-makingit, #tabs-watchingit-thin, #tabs-makingit-thin {
	width:445px;
	height:35px;
	display:inline;
	position:absolute;
	overflow: hidden;
	cursor: pointer
}

#tabs-watchingit-thin, #tabs-makingit-thin {
	height:24px;
}

/* WATCHING IT TAB */

/* main container for the making it tab */
#tabs-watchingit, #tabs-watchingit-thin {
	left:0px;
}

/* provides the top fill and top border the tab - filled with gradient images repeated along x axis */
#tabs-watchingit-fill-top {
	width:446px;
	height:24px;
	background-image:url(../images/tabs/fill_watchingit.gif);
	background-repeat:repeat-x;
}


/* provides the lower fill for the tab */
#tabs-watchingit-fill-bottom {
	width:446px;
	height:11px;
	background-color:#7ca860;
}

/* provides the top right image and the color */
.tabs-watchingit-roundtop { 
	background: url(../images/tabs/tr_watchingit.gif) no-repeat top right;
	width:446px;
}


/* WATCHING IT OVERLAY BAR */

#tabs-watchingit-overlaybar {
	width:445px;
	height:12px;
	background-color:#7ba860;
	float:left;
	display:inline;
	margin-top:22px;
	margin-left:445px;
	position:absolute;
	z-index:2;
	overflow: hidden;
	border-top:1px solid #303628;
}

/* END WATCHING IT OVERLAY BAR */ 

/* END WATCHING IT TAB */


/* MAKING IT TAB */

/* main container for the making it tab */
#tabs-makingit, #tabs-makingit-thin {
	left:446px;
}

/* provides the top fill and top border the tab - filled with gradient images repeated along x axis */
#tabs-makingit-fill-top {
	width:419px;
	height:24px;
	background-image:url(../images/tabs/fill.gif);
	background-repeat:repeat-x;
}

/* provides the lower fill for the tab */
#tabs-makingit-fill-bottom {
	width:444px;
	height:11px;
	background-color:#5aa05e;
	border-left:1px solid #303628;
}

/* provides the top right image and the color */
.tabs-makingit-roundtop { 
	background: url(../images/tabs/tr_makingit.png) no-repeat top right;
	width:445px;
}

/* END MAKING IT TAB */





/* MAKING IT OVERLAY BAR */


/* makingit overlay bar */
#tabs-makingit-overlaybar {
	width:447px;
	height:12px;
	background-color:#5a9f5f;
	display:inline;
	position:absolute;
	z-index:2;
	border-top:1px solid #303628;
	top:22px;
	overflow: hidden;
}

/* END MAKING IT OVERLAY BAR */

/* END TABS */


/*******************/
/* SECTIONS HEADER */
/*******************/

#section-header, #hp-header, #showreel-header, #trailers-header {
	width:891px;
	margin:auto;
	border-top:1px solid #303628;
	border-bottom:1px solid #303628;
	position:relative;
}

/* General section of the website */
#section-header {
	height:113px;
	overflow:hidden;
}

#header-text-overlay 
{
	position:absolute;
	
	font-family:"Lucida Sans","Lucida Sans Unicode"; 
	font-size:28px;
	color:#ffffff;
	text-shadow: black 2px 2px 4px;
}

#section-header-overlay 
{
	position: absolute;
	right : 0px;
	top : 0px;
	border-top:1px solid #303628;
	height:113px;
	width:400px;
	padding:5px;
}

#section-header-overlay-bg 
{
	position: absolute;
	top:0px;
	left: 0px;
	background-color : #383e2f;
	opacity: 0.8;
	width:100%;
	height:100%;
	z-index:2;
}

#section-header-overlay-content 
{
	z-index:4;
	position: absolute;
	top:0px;
	left: 0px;
}

#section-header-overlay-handle 
{
	z-index:10;
	position: absolute;
	top:0px;
	left: 0px;
	width:15px;
	height:100%;
	background-color: Black;
	opacity: 0.95;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
}

#section-header-overlay a
{
	text-decoration : none;
	color: white;
	font-size: 11px;
	display :inline;
}

/* flv header container */
#hp-header {
	height:274px;
}

/* main showreel container */
#showreel-header, #trailers-header {
	height:325px;
}

/* END SERVICES HEADER */


/* FRAME SURROUNDING PAGE SECTION */
#section-frame {
	width:891px;
	margin:auto;
	position:relative;
}

.section-general 
{
	padding-left: 45px;
	padding-right: 45px;
	font-family:Helvetica;
	font-size:14px;
	color:#303628;
	line-height:22px;
	text-align:justify;
	
}

.section-general a
{
	color: #003300;
}

a
{
	text-decoration: none;
	color: olivedrab;
}

.section-general a:hover 
{
	text-decoration : underline;
}

/* Product lists */

.product-list img
{
	padding-right:20px;
}

.product-list 
{
	padding-top:10px;
	padding-bottom:10px;
}

.product-list-title 
{
	font-size: 20px;
	font-weight:bold;
	padding-bottom: 4px;
	/* font-family: Lucida Sans, Lucida Sans Unicode */
}

.product-list-title a, .product-list-links a
{
	text-decoration:none;
	color: #465e3e;
}

.product-list-title a:hover, .product-list-links a:hover
{
	text-decoration:underline;
	color: #465e3e;
}

.product-list-title a .standout
{
	color : Red;
}

.product-list-links 
{
	font-size: 12px;
	font-weight:bold;
	margin-left: 60px;
}

.product-list-links a 
{
	padding-left : 10px;
	padding-right:10px;
}

.product-list-Info 
{
	margin-left: 70px;
}

.product-dvdbox 
{
	padding-left:30px;
	padding-bottom:20px;
}

.product-slogan 
{
	font-weight:bold;
	font-size: 25px;
	padding-left: 30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:20px;
	line-height : 40px;
	width: 300px;
	text-align:center;
}


/* END FRAME SURROUNDING SERVICES */

/* LEFT HAND MENU - SERVICES PAGE */

/* main sidebar container */
#sidebar {
	width:280px;
	height:277px;
	z-index:1;
	padding-top:33px;
	display:inline;
	position:absolute;
	top:0px;
	left:0px;
}

/* style for non active links */
#sidebar a, #sidebar a:link, #sidebar a:visited, 
#sidebar a.selected, #sidebar a.selected:link, #sidebar a.selected:visited {
	display:block; 
	text-align:left; 
	text-decoration:none; 
	font-size:17px; 
	color:#465e3e; 
	/* text-indent:44px; */
	margin-bottom:2px;
	text-decoration: none;
	z-index:auto;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:44px;
	outline:none;
	
}

#sidebar a.sub, #sidebar a.sub:link, #sidebar a.sub:visited {

	font-size:13px; 
	color:#465e3e; 
	padding-top:3px;
	padding-bottom:3px;
	opacity:1; filter: alpha(opacity=100);
}


#sidebar a, #sidebar a:link, #sidebar a:visited {


}

/* style for active link - i.e. current page requires highlighting */
#sidebar a.selected, #sidebar a.selected:link, #sidebar a.selected:visited {	
	background-color:#e0ecd9;
	border-top:1px solid #303628;
	border-bottom:1px solid #303628;
}

/* positions the menu to the left and defines width */
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 278px;
	z-index:auto;
}

#sidebar #subbar-items 
{
	margin-top: 20px;
	position:relative;
	width:277px;
		border-top: solid 1px #465e3e;
	border-bottom: solid 1px #465e3e;
}

#sidebar ul li
{
	height: 36px;
}

#sidebar ul#subbar-items li
{
	height: 26px;
}

/* style for the hover display */
#sidebar a:hover, #sidebar a.selected:hover { 
	color:#465e3e; 
	text-decoration:none; 
	z-index:auto; 
}

#sidebar a:hover {
	background-color:#c4dab7;
	border-top:1px solid #303628; 
	border-bottom:1px solid #303628; 
	border-right:1px solid #303628;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:2px;
}

#sidebar a.selected:hover {
	border-right:inherit;
}

#sidebar a.sidebar-buy, #sidebar a.sidebar-buy:visited, #sidebar a.sidebar-buy:visited, #sidebar a.sidebar-buy:link
{
	color : Maroon;	
}

#sidebar li.sidebar-sub 
{
	
}

#sidebar li.sidebar-sub a,#sidebar li.sidebar-sub a:visited,#sidebar li.sidebar-sub a:link
{
	font-size:12px;
}

/* END LEFT HAND MENU */



/* RIGHT HAND ROUNDED GREEN CONTAINER - SERVICES PAGE */

/* overall container for rounded green container */
#summary  {
	width:614px;
	padding-top:10px;
	margin-left:277px;
}

/* inner container - provides the transparent effect */
#summary-inner {
	width:613px;
	
	border-left:1px solid #303628;
	background-color:#E0ECD9;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.summary-round-bar {
	width: 614px;
	height: 13px;
	position:relative;
	overflow:hidden;
	background-color:transparent;
}

#summary-top-bar {
	width:602px;
	height:12px;
	border-top:1px solid #303628;
	background-color:#E0ECD9;
	position:absolute;
	top:0px;
	right:0px;
}

#summary-top-corner {
	width:12px;
	height:13px;
	background: url(../images/corners/tl.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

#summary-bottom-bar {
	width:602px;
	height:11px;
	border-bottom:1px solid #303628;
	background-color:#E0ECD9;
	position:absolute;
	top:0px;
	right:0px;
	font-size:0px;
	line-height:0px;
}

#summary-bottom-corner {
	width:12px;
	height:13px;
	background: url(../images/corners/bl.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

/* opacity:0.6; filter: alpha(opacity=60); */



/* text container */
#summary-text {
	width:550px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Helvetica;
	font-size:14px;
	color:#303628;
	line-height:22px;
	text-align:justify;
}

#summary-text h1 {
	/* font-family:Helvetica; */
	font-size:20px;
	color:#303628;
	display:inline;
	clear:both;
}

/* Used primarily in the Review of products */
#summary-text h5 {
	/* font-family:Helvetica; */
	font-size:16px;
	color:#303628;
	clear:both;
	margin-top:0px;
	margin-bottom:5px;
}

#summary-text h6 {
	/* font-family:Helvetica; */
	font-size:14px;
	color:#303628;
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	display:inline;
}

#summary-text .productquote 
{
	font-style:italic;
	margin-top:0px;
	margin-bottom:5px;
}

#summary-text .productquotelink 
{
	text-align:right;
	margin-top:0px;
	margin-bottom:5px;
}

#summary-text a, #summary-text a:link, #summary-text a:visited
{
	text-decoration:none;
	color:#455e3e;
}

#summary-text a:hover 
{
	text-decoration:underline;
}

.summary-tagcloud 
{
	width:400px;
	text-align:center;
	
}


#summaryLoader 
{
	width:32px;
	height:32px;
	padding-top:30px;
	margin-left: auto;
	margin-right: auto;
}

.image_thumbs {
	text-align:center;
}

.summary-img {
	width:100px;
	height:75px;
	margin-left:10px;
	margin-right:10px;
	display:inline;
}

.summary-text-strap 
{
	margin-top:0px;
	font-size: 24px;
	line-height: 30px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

.client-case-study 
{
	padding-left:15px;
	padding-right: 15px;
}

.client-case-study img
{
	padding-left:10px;
}

.client-case-study h1
{
	font-weight:bold;
	font-style: italic;
}

.team-section 
{
	font-size : 12px;
}

.team-name 
{
	font-size: 15px;
	font-weight:bold;
	color: #2C4F1D  ;
}

.team-job 
{
	font-size : 14px;
	font-weight:bold;
	font-style:italic;
	font-color:	#2C5A2C;
	padding-bottom : 6px;
}

.team-desc 
{
	font-size : 13px;
	font-style:italic;
	font-color:	#2C5A2C;
	padding-bottom : 6px;
}

.team-answer
{
	padding-bottom: 7px;	
}

.team-question 
{
	color : Gray;
	padding-right: 5px;
	padding-right: 10px;
	text-align:right;
	width:135px;
}

.prod-quote 
{
	padding: 0px 20px 5px 20px;
	font-style: italic;
	font-size: 15px;
}



/* END RIGHT HAND ROUNDED GREEN CONTAINER - SERVICES PAGE */


/* INFORMATION BAR - INCLUDES FILE */

.infobar, .infobarmsg {
	width:891px;
	height:42px;
	background-image:url(../images/bgs/gradient.gif);
	background-repeat: repeat-y; 
	border-top:1px solid #77a85b;
	border-bottom:1px solid #77a85b;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	font-family:"Lucida Sans","Lucida Sans Unicode"; 
	font-size:28px;
	color:#ffffff;
	text-align:center;
	text-shadow: black 2px 2px 4px;
	padding-top:7px;
}

.infobarmsg 
{
	width:801px;
	font-size:14px;
	padding-left : 45px;
	padding-right : 45px;
	height:auto;
	padding-bottom: 7px;
}

/* END INFORMATION BAR */





/* LOWER NAV LARGE */

#section-pebble-items {
	padding-top:5px;
	padding-bottom:5px;
}

.section-pebble-item {
	width:250px;
	height:33px;
	margin:auto;
	padding-bottom:25px;
}


/* END LOWER NAV */



/* LOWER SITE NAV MAIN - INCLUDES FILE */

/* main container for lowersite nav */
#sitenav-lower {
	width:891px;
	height:145px;
	margin:auto;
	border-top:1px solid #303628;
	background-image:url(../images/bgs/lowersitenavbg.jpg);
	clear:both;
	margin-top:20px;
}

/* padded container allowing text to be positioned correctly */
#sitenav-lower-inner {
	margin:auto;
	width:600px;
	padding-top:22px;
}

/* text containers */
.sitenav-lower-text {
	display:inline;
	/* font-family:Helvetica; */
	font-size:11px;
	color:#749967;
	line-height:15px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}

/* subject header */
.sitenav-lower-text h1 {
	font-size:12px;
	display:inline;
}


/* style for links when mouseout */
.sitenav-lower-text a:link, .sitenav-lower-text a:visited, .sitenav-lower-text a:active {
	text-decoration:none;
	/* font-family:Helvetica; */
	font-size:11px;
	color:#749967;
}

/* style for links when mouseover */
.sitenav-lower-text a:hover { 
	text-decoration:none;
	/* font-family:Helvetica; */
	font-size:11px;
	color:#ffffff;
}

/* END LOWER SITE NAV MAIN */

/* Online Store */

.cart-item, .cart-item-active 
{
	width:750px;
	height:50px;
	font-size: 14px;
	color:darkgreen;
	padding-bottom: 10px;
}

.cart-item-active 
{
	font-size: 16px;
	font-weight:bold;
	color: Black;
	
}

.cart-item-image 
{
	width:70px;
}

.cart-item-image img 
{
	width:33px;
	height:47px;
}

.cart-item-active .cart-item-image img
{
	width:50px;
	height:70px;
}


.cart-item-name
{
	width: 400px;
	color : black;
	font-weight:normal;
	font-size:inherit;
	
}

.cart-item-name a
{
	color : black;
}

.cart-item-name a:hover
{
	text-decoration: underline;
}

.cart-item-name div 
{
	color : Maroon;
	font-size: 13px;	
}

.footnote {
	width : 600px;
	font-style : italic;
	font-weight:bold;
	font-size: 12px;
	padding-top: 10px;
	color:Gray;
}

.cart-item-active .cart-item-name
{
	width: 400px;
	color: black;
	font-weight:bold;
}

.cart-item-selected, .cart-item-selected-active
{
	width: 20px;
	padding-left:15px;
	padding-right:10px;
}

.cart-item-format
{
	width: 60px;
}

.cart-item-active .cart-item-format
{
	opacity : 1;
	filter: alpha(opacity = 100);
}

.cart-item-format
{
	opacity : 1;
	filter: alpha(opacity = 100);
}

.cart-item-price
{
	width: 75px;
	color: black;
	text-align: right;
	font-weight:normal;
	opacity : 1;
	filter: alpha(opacity = 100);
}

.cart-item-active .cart-item-price
{
	color: black;
	font-weight:bold;
	opacity : 1;
	filter: alpha(opacity = 100);
}

.cart-button 
{
	font-size: 18px;
	padding: 5px 10px 5px 10px;
}


/* main container for lowersite nav */
#page-footer {
	width:891px;
	height:145px;
	margin:auto;
	border-top:1px solid #303628;
	border-bottom:1px solid #303628;
	background-color:white;
	clear:both;
	margin-top:20px;
}

/* padded container allowing text to be positioned correctly */
#page-footer-inner {
	margin:auto;
	padding-left:40px;
	padding-top:22px;
	font-size:12px;
}

.page-footer-item 
{
	padding-right:40px;
	
}

.page-footer-item H4 
{
	margin-top:0px;
	margin-bottom : 7px;
}


/* FOOTER - INCLUDES FILE */

/* main container for footer */
#footer {
	width:891px;
	height:28px;
	background-image:url(../images/bgs/footer.jpg);
	border-top:2px solid #303628;
	text-align: center;
	overflow:hidden;
}

/* inner container for text - postions text containers */
#footer-text {
	width:550px;
	height:15px;
	margin: auto;
	padding-top:0px;
}

/* text containers */
#footer-text div {
	width:115px;
	height:15px;
	/* font-family:Helvetica; */
	font-size:11px;
	color:#d1e6c4;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	display:inline;
}

#footer-text div a {
	color:#d1e6c4;
	text-decoration: none;
}

#footer-text div a:hover {
	color:#ffffff;
	text-decoration: underline;
}

/* END FOOTER */