h2 {
	width: 940px;
	background: transparent url(/images/content-heading-border.gif) no-repeat scroll left top;
	font-size: 3.1em;
	font-weight: bold;
	color: #3f3f3f;
	padding-top: 12px;
	margin-bottom: 15px;
}
h2.sifr-grey {
	margin-bottom: 0px;
}

/*
 *		SERVICES NAV
 */
 
#service_nav,
top_right_content {
	margin-bottom: 12px;
}

#service_nav {
	width: 352px;
	float: left;
}
	#service_nav li {
		float: left;
		margin-bottom: 3px;
	}
	
	#service_nav a {
		display: block;
		width: 342px;
		height: 37px;
		text-indent: -9999999px;
		float: left;
		overflow: hidden;
	}
	
	#service_nav .overview a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 0px; }
	#service_nav .digital_strategy a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -40px; }
	#service_nav .web_development a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -81px; }
	#service_nav .video_production a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -121px; }
	#service_nav .graphic_design a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -161px; }
	#service_nav .online_marketing a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -201px; }
	#service_nav .customer_communication a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -241px; }
	#service_nav .mobile a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -281px; }
	#service_nav .e-commerce a { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -321px; }
	
	/* Selected State */
	
	#service_nav a.selected, #service_nav a.selected:hover { width: 353px; }
	
	#service_nav .overview a.selected, #service_nav .overview a.selected:hover { background-position: -352px 0px; }
	#service_nav .digital_strategy a.selected, #service_nav .digital_strategy a.selected:hover {  background-position: -352px -40px; }
	#service_nav .web_development a.selected, #service_nav .web_development a.selected:hover {  background-position: -352px -81px; }
	#service_nav .video_production a.selected, #service_nav .video_production a.selected:hover {  background-position: -352px -121px; }
	#service_nav .graphic_design a.selected, #service_nav .graphic_design a.selected:hover {  background-position: -352px -161px; }
	#service_nav .online_marketing a.selected, #service_nav .online_marketing a.selected:hover {  background-position: -352px -201px; }
	#service_nav .customer_communication a.selected, #service_nav .customer_communication a.selected:hover {  background-position: -352px -241px; }
	#service_nav .mobile a.selected, #service_nav .mobile a.selected:hover {  background-position: -352px -281px; }
	#service_nav .e-commerce a.selected, #service_nav .e-commerce a.selected:hover {  background-position: -352px -319px; }
	
	/* Hover State */
	
	#service_nav .overview a:hover { background-position: -352px -368px; }
	#service_nav .digital_strategy a:hover {  background-position: -352px -408px; }
	#service_nav .web_development a:hover {  background-position: -352px -449px; }
	#service_nav .video_production a:hover {  background-position: -352px -489px; }
	#service_nav .graphic_design a:hover {  background-position: -352px -529px; }
	#service_nav .online_marketing a:hover {  background-position: -352px -569px; }
	#service_nav .customer_communication a:hover {  background-position: -352px -609px; }
	#service_nav .mobile a:hover {background-position: -352px -649px; }
	#service_nav .e-commerce a:hover {background-position: -352px -689px; }
	
	
	
#top_right_content {
	float: left;
	width: 540px;
	/*margin-left: 20px;*/
}
#top_right_content p {
	margin-bottom: 0;
}
.digital_strategy_box,
.web_development_box,
.video_production_box,
.graphic_design_box,
.online_marketing_box,
.customer_communication_box,
.producing_box,
.filming_box,
.editing_box,
.motion_graphics_box,
.dvd_authoring_box,
.packaging_and_design_box,
.final_output_box,
.ecommerce_box,
.mobile_box {
	float: left;	
	width: 300px;	
	margin-right: 20px;
}

.digital_strategy_box h3,
.web_development_box h3,
.video_production_box h3,
.graphic_design_box h3,
.online_marketing_box h3,
.customer_communication_box h3,
.producing_box h3,
.filming_box h3,
.editing_box h3,
.motion_graphics_box h3,
.dvd_authoring_box h3,
.packaging_and_design_box h3,
.final_output_box h3,
.ecommerce_box h3,
.mobile_box h3 {
	width: 300px;
	height: 45px;
	text-indent: -9999999px;
	margin-bottom: 10px;
}

.digital_strategy_box p,
.web_development_box p,
.video_production_box p,
.graphic_design_box p,
.online_marketing_box p,
.customer_communication_box p,
.producing_box p,
.filming_box p,
.editing_box p,
.motion_graphics_box p,
.dvd_authoring_box p,
.packaging_and_design_box p,
.final_output_box p,
.ecommerce_box p,
.mobile_box p {
	margin-bottom: 10px;	
}

.last {
	margin-right: 0px;	
}

.digital_strategy_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -532px; }
.web_development_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -370px; }
.video_production_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -425px; }
.graphic_design_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -479px; }
.online_marketing_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -588px; }
.customer_communication_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -646px; }
.ecommerce_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -696px; }
.mobile_box h3 { background: transparent url(/images/services/heehaw-services-sprite.gif) no-repeat 0 -753px; }

.producing_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 0; }
.filming_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -45px; }
.editing_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -90px; }
.motion_graphics_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -135px; }
.dvd_authoring_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -180px; }
.packaging_and_design_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -225px; }
.final_output_box h3 { background: transparent url(/images/video_services_headers.gif) no-repeat 0 -250px; }

/*
 *		Services Standard
 */

#service_standard_content {
 	width: 940px;
 	padding-top: 20px;
 	margin-top: 10px;
	background: transparent url(/images/content-heading-border.gif) no-repeat scroll left top;
	padding-bottom: 20px;
}

#service_standard_content .image_on_the_left, .image_on_the_right {
	width: 940px;
	margin-bottom: 10px;
	clear: both;	
}

/* imagine aligned to the right */
#service_standard_content .image_on_the_right .right_content {
	width: 480px;
	float: right;
}

#service_standard_content .image_on_the_right .left_content {
	width: 440px;
	padding-right: 20px;
	float: left;
	position: relative;
}

/*image aligned to the left */
#service_standard_content .image_on_the_left .right_content {
	width: 440px;
	float: right;
	position: relative;
}

#service_standard_content .image_on_the_left .left_content {
	width: 480px;
	padding-right: 20px;
	float: left;
}

#service_standard_content div.side_img { height: 500px; }
#service_standard_content img.side_img { position: absolute; }

/*#service_standard_content div.video_img {
	height: 500px;
}*/

#service_standard_content h1 {
	margin-bottom: 1em;	
}

#service_standard_content ul {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 7px;	
}

#service_standard_content li {
	padding-left: 10px;
	background: url('/images/point_list_arrow.gif') no-repeat 0% 50%;
	font-style: italic;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

#service_standard_content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 15px;	
}

#service_standard_content p {
	/*margin: 0px;*/	
}

/*.right_content img.video_img {
	position: absolute;
	right: -40px;
}*/


 
/*
 *		Video production
 */
 
img.production_process {
	margin-top: 20px; 	 
}

 .video_container {
 	 position: relative;
 	 clear: both;
	height:306px;
	margin-left:44px;
	margin-top: 34px;
 }
 
 .video_container .video {
 	z-index: 3;
 	left: 0px;
 	position: absolute;
 }
.video_container #shadow {
	position: absolute;
	height: 14px;
	background: url('/images/video_shadow_middle.gif') repeat-x;
	clear: both;
	z-index: 1;
	left: -33px;
	top:283px;
	width:606px;
}

.video_container #shadow .left_part {
	background: url('/images/video_shadow_left.gif') no-repeat;
	float: left;
	width: 82px;
	height: 14px;
}

.video_container #shadow .right_part {
	background: url('/images/video_shadow_right.gif') no-repeat;
	float: right;
	width: 82px;
	height: 14px;
}

/* two column layout */
.service_main {
	width: 940px;
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;	
}

.service_main .group_left {
	width: 460px;
	padding-right: 10px;
	float: left;
}
.service_main .group_right {
	width: 460px;
	padding-left: 10px;
	float: right	
}

/* heading */
.our-services-heading {
	text-indent: -99999px;
	background: url('../images/our_services_heading.gif') no-repeat 0% 0%;
	width: 80%;
}



