/*
-----------------------------------------------
- Dig Marketing
----------------------------------------------- 
- Author:  Swear Words (www.swearwords.com.au)
----------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

a 
{
	color: #99cc00;
}

a.none
{
	text-decoration: none;
}

a.none:hover
{
	text-decoration: underline;
}

body
{
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #3c4128;
}

h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:24px; font-weight:bold; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#cdcab7; font-size:18px; padding-bottom:20px; font-weight:normal; font-style:italic; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:13px; font-weight:bold; }

img
{
	border: 0;
	margin: 0;
}

input,
textarea
{
	margin: 0;
	height: 15px;
	padding: 3px 2px 2px 3px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
}

input.newsletter,
textarea.newsletter
{
	border: none;
	width: 105px;
	background-color: #424730;
	color: #ffffff;
}

ul.main_nav li
{
	padding-top: 10px;
	padding-bottom: 0px;
	list-style: none;
	overflow: hidden;
}

.border_top
{
	background: url("../../images/divider_h.gif") top repeat-x;
}

.border_bottom
{
	background: url("../../images/divider_h.gif") bottom repeat-x;
}

.border_left
{
	background: url("../../images/divider_v.gif") left repeat-y;	
}

.border_right
{
	background: url("../../images/divider_v.gif") right repeat-y;	
}

.divider_h
{
	width: 100%;
	height: 1px;
	background: url("../../images/divider_h.gif") repeat-x;
	overflow: hidden;
}

.finger
{
	cursor: pointer;
}

.opacity50
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);		
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.txt_contact
{
	font-size: 10px;
}

.txt_green
{
	color: #9bcd32;
}

.txt_white
{
	color: #ffffff;
}

/* GLOBAL LAYER STYLES */

#wrapper
{
	margin: 0 auto;
	overflow: hidden;
}

div.cell
{
	width: 380px;
	overflow: hidden;	
}

div.heading
{
	width: 780px;
	overflow: hidden;	
}

/* ADAPTED FROM OLD DIG CSS */

#home-tab, #what-tab, #how-tab, #philosophy-tab, #diggers-tab, #clients-tab { overflow:hidden; text-align:center; padding:30px 0px 0px 0px; }
#home-tab { background-color: #3c4128; color: #d2d7be; padding:0px; }
#what-tab { background:url("../../images/nav_what_bk.jpg") -3px bottom repeat-x #464b32; color: #d2d7be; }
#how-tab { background-color: #50553c; color: #d2d7be; }
#philosophy-tab { background-color: #5a5f46; color:#d2d7be; }
#diggers-tab { background-color: #646950; color:#d2d7be; }
#clients-tab { background-color: #6e735a; color:#d2d7be; }

#home-tab-bottom { background:url("../../images/nav_home_bk.jpg") bottom repeat-x #3c4128; height: 10px; }
#how-tab-bottom { background:url("../../images/nav_how_bk.jpg") bottom repeat-x #50553c; height: 10px; margin-top: -10px; }
#philosophy-tab-bottom { background:url("../../images/nav_philosophy_bk.jpg") bottom repeat-x #5a5f46; height: 10px; margin-top: -10px; }
#diggers-tab-bottom { background:url("../../images/nav_diggers_bk.jpg") bottom repeat-x #646950; height: 10px; margin-top: -10px; }
#clients-tab-bottom { background:url("../../images/nav_clients_bk.jpg") bottom repeat-x #6e735a; height: 10px; margin-top: -10px; }

#home-img, #what-img, #how-img, #philosophy-img, #diggers-img, #clients-img { cursor:pointer; }
#what { margin:0 auto; text-align:left; width:980px; }
#home p, #what p, #how-content p, #philosophy-content p, #diggers-content p, #clients-content p { margin-bottom:10px; }

/* HOME: VIDEO */

#home
{
	margin: 0 auto;
	padding-bottom: 10px;
	width: 980px;
	text-align: left;
	overflow: hidden;
}

#home #left
{
	float: left;
	width: 180px;
	overflow: hidden;	
}

#home #content
{
	float: right;
	width: 780px;
	overflow: hidden;	
}

/* VIDEO */

#video_overlay
{
	margin-top: -485px;
	position: relative;
	width: 780px;
	height: 485px;
	background: url("../../images/video_overlay.png") no-repeat !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/video_overlay.png', sizingMethod='image');
	overflow: hidden;
}

#video 
{
	width: 780px;
	height: 485px;
	overflow: hidden;
}

#video_title
{
	color: #d2d7be;
	font-size: 12px;
	font-weight: bold;
}

#video_intro
{
	color: #99cc00;
	font-size: 12px;
	font-weight: bold;
}

#video_playlist
{
	padding: 10px;
	width: 760px;
	height: 110px;
	background-color: #32371e;
	overflow: hidden;	
}

#video_playlist #heading
{
	width: 760px;
	height: 20px;
	overflow: hidden;		
}

#video_playlist #heading #title
{
	float: left;
	/*margin-top: -2px;*/
	width: 570px;
	text-transform: uppercase;
	overflow: hidden;		
}

#video_playlist #heading #controller
{
	float: right;
	width: 180px;
	text-align: right;
	overflow: hidden;		
}

#video_playlist #video_thumbs
{
	padding-top: 10px;
	width: 760px;
	height: 60px;
	overflow: hidden;		
}

#video_playlist #video_thumbs .video_box
{
	width: 255px;
	height: 60px;
	overflow: hidden;		
}

#video_playlist #video_thumbs .video_box .thumb
{
	float: left;
	width: 100px;
	overflow: hidden;		
}

#video_playlist #video_thumbs .video_box .description
{
	float: right;
	padding-right: 10px;
	padding-left: 5px;
	width: 140px;
	color: #cdcab7;
	font-size: 10px;
	line-height: 12px;
	overflow: hidden;		
}

#video_scroller
{
	margin-top: 10px;
	width: 760px;
	height: 13px;
	overflow: hidden;
}

#video_scroller #scroller_video
{
	width: 730px;
	height: 13px;
	background: url("../../images/bg_scroller.gif") repeat-x;
	overflow: hidden;	
}

#video_scroller #scroller_video #scroller_handle
{
	width: 15px;
	height: 13px;
	cursor: move;
	background: url("../../images/bg_scroller_handle.gif") no-repeat;
	overflow: hidden;	
}

/* WHAT WE DO */

#what #left
{
	float: left;
	width: 180px;
	overflow: hidden;	
}

#what #left #newsletter
{
	padding: 20px;
	width: 120px;
	height: 140px;
	background: url("../../images/bg_newsletter.gif") no-repeat;
	overflow: hidden;	
}

#what #content
{
	float: right;
	padding-bottom: 20px;
	width: 780px;
	font-size: 13px;
	overflow: hidden;
	line-height: 18px;
}

/* HOW WE DO IT */

.tab-head
{
	margin: 0 auto;
	padding-left: 200px;
	width: 780px;
	text-align: left;
	overflow: hidden;
	position: relative;	
}

.tab-content
{
position: relative;
	margin: 0 auto;
	font-size: 13px;
	overflow: hidden;	
}

.tab-content .main_content
{
	
	margin: 0 auto;
	padding: 10px 0px 15px 200px;
	width: 780px;
	text-align: left;
	font-size: 13px;
	overflow: hidden;
	line-height: 18px;
}

.static, .leftcontent, .rightcontent, .content { display:block; float:left; color:#d2d7be; padding:0 20px 20px 20px; width:190px; }
.leftcontent { padding-left:0; } .rightcontent { padding-right:0; } .content { padding:0; }
.leftcontent ul, .rightcontent ul { list-style-type:none; }
.leftcontent ul a, .rightcontent ul a { font-family: Georgia, "Times New Roman", Times, serif; color:#b4b9a0; text-decoration:none; }
.leftcontent ul a:hover, .rightcontent ul a:hover { color:#9c0; }
.leftcontent ul a.selected, .rightcontent ul a.selected { color:#fff; }
.leftcontent ul li, .rightcontent ul li { background: url("../../images/divider_h.gif") bottom repeat-x; padding:10px 0; }
.leftcontent ul li.last, .rightcontent ul li.last { border-bottom:0; }
.client_small { margin-bottom:-15px; }
.zoom { margin-top:-180px; border:0; cursor:pointer; }
* html .zoom { margin-top:0; }
.matte { float:left; margin-right:20px; margin-bottom:60px; }
.matte_r { float:right; margin-left:20px; width:360px; margin-bottom:60px; }

#how-content .static { width:200px; }
#how-content h2 { padding-bottom:10px; }
#how-content p, #diggers-content p, #clients-content p { color:#cdcab7; line-height:18px; }
#how-content .content ul { list-style-type:square; color:#cdcab7; padding-left:20px; }
#how-content .rightcontent ul { font-family: Geogia, "Times New Roman", Times, serif; font-size:13px; list-style-type:square; padding:15px 0 15px 13px; margin-bottom:20px; border-top:1px solid #646450; border-bottom:1px solid #646450; }
* html #how-content .inner .sub .rightcontent ul { padding-left:15px; }
#how-content .rightcontent ul li { background: none; border-bottom:0; padding:0; line-height:1; }
#how-content .rightcontent ul br { display:none; }
#how-content .rightcontent span a { font-size: 14px; color:#9c0; text-decoration:none; }
/*
#how-content .static .overlay { margin-top:-45px; display:block; width:360px; height:30px; }
#how-content .static .overlay-text { margin:-35px -20px 0 -20px; display:block; text-align:right; line-height:30px; width:360px; height:30px; color:#9c0; }
* html #how-content .static .overlay-text { background:#3d3c28; margin-top:-15px; }
* html #how-content .static .overlay { background:#3d3c28; }
#how-content .crossfade li { position:absolute; top:0; left:20px; }
*/

#how-content .content, #diggers-content .content, #clients-content .content, #how-content .content { width:360px; }

#philosophy-content > div > div { margin:20px auto; }

#clients-content h4 { background: url("../../images/divider_h.gif") bottom repeat-x; padding:10px 0;}
#clients-content h2 { padding-bottom:20px; }
#clients-content .rightcontent a { color:#9c0; }

#study { background:#32321e; padding:40px; text-align:left; }
#study div { width:360px; margin:0 auto; }
#study #close { float:right; margin-bottom:20px; border:0; }
#study .rightcol { float:right; width:170px; }
#study .leftcol { float:left; width:170px; }
#study .clear { clear:both; padding-top:10px; }
#study h2 { padding:20px 0; }
#study h2 span { color:#cdcab7; }
#study h4 { padding:10px 0; }
#study p { padding:10px 0; color:#cdcab7; }
#study ul { list-style-type:square; color:#cdcab7; padding:0 0 0 15px; }
#study a { color:#9c0; }
#study-footer { text-align:center; padding:10px 40px; margin:0 auto; }

/* FOOTER */

#footer 
{ 
	margin: 0 auto;
	padding: 20px 0 20px 200px; 
	width: 780px; 
}