/*
==========================================================================
Site: 			Subtv Media
File: 			case_studies.css
Version: 		1.0
Author: 		Roman Leinwather & Faren Gambril
Last updated: 	09/03/2009
==========================================================================

TABLE OF CONTENT

I.				Main Content

==========================================================================
*/

/* I.			Main Content
========================================================================== */

/*	4 BOXES  TEMPLATE	*/
#main_content {float:left; padding: 40px 20px 20px 20px; width:950px;}
#main_content .content_box_cs {float:left;  width:950px;}
#main_content div div {float:left; width:458px; background: url(../img/box_bg.png) bottom right no-repeat;}

#main_content div#box_1,
#main_content div#box_2 {min-height:300px;}

#main_content div#box_3,
#main_content div#box_4 {min-height:380px;}

#main_content div#box_5,
#main_content div#box_6 {min-height:310px;}

#main_content div .case_studies_video {float:left; clear:both; display:block; text-indent:-99999px;}

#main_content div#box_1,
#main_content div#box_3, 
#main_content div#box_5 {border-right: 1px solid #e7edf1;padding-bottom:20px;}

#main_content div#box_1,
#main_content div#box_2,
#main_content div#box_3,
#main_content div#box_4 {border-bottom: 1px solid #e7edf1;padding-bottom:20px;}

#main_content div#box_2,
#main_content div#box_4,
#main_content div#box_6 {padding-left:20px; width:470px;padding-bottom:20px;}

#main_content div#box_3,
#main_content div#box_4,
#main_content div#box_5,
#main_content div#box_6 {padding-top:20px;padding-bottom:20px;}

#main_content div img {float:left; margin-right:20px; width:140px; padding:5px; background:#e4e4e4;}
#main_content div .box_content {float:left; width:260px; background:none;}

#main_content div .box_content h3 {float:left; clear:both; font-size:13px; font-weight:bold; width:270px; padding-bottom:2px;}
#main_content div .box_content h4 {float:left; clear:both; font-size:13px; color:#0098f1; padding-bottom:20px; width:270px;}
#main_content div .box_content p {float:left; clear:both; padding-bottom:20px; width:270px;}

/* Yellow video buttons */
#main_content div #apple_video {background: url(../img/case_studies_video_buttons.png) -632px -2px no-repeat; width:114px; height:30px;}
#main_content div #apple_video:hover {background: url(../img/case_studies_video_buttons.png) -632px -34px no-repeat; width:114px; height:30px;}

#main_content div #guitar_hero_video {background: url(../img/case_studies_video_buttons.png) 0 -2px no-repeat; width:140px; height:30px;}
#main_content div #guitar_hero_video:hover {background: url(../img/case_studies_video_buttons.png) 0 -34px no-repeat; width:140px; height:30px;}

#main_content div #be_kind_rewind_video {background: url(../img/case_studies_video_buttons.png) -147px -2px no-repeat; width:164px; height:30px;}
#main_content div #be_kind_rewind_video:hover {background: url(../img/case_studies_video_buttons.png) -147px -34px no-repeat; width:164px; height:30px;}

#main_content div #lips_video {background: url(../img/case_studies_video_buttons.png) -316px -2px no-repeat; width:94px; height:30px;}
#main_content div #lips_video:hover {background: url(../img/case_studies_video_buttons.png) -316px -34px no-repeat; width:94px; height:30px;}
 
#main_content div #bbc_television_video {background: url(../img/case_studies_video_buttons.png) -413px -2px no-repeat; width:212px; height:30px;}
#main_content div #bbc_television_video:hover {background: url(../img/case_studies_video_buttons.png) -413px -34px no-repeat; width:212px; height:30px;}

#main_content div #first_cut {background: url(../img/case_studies_video_buttons.png) -758px -2px no-repeat; width:175px; height:30px;}
#main_content div #first_cut:hover {background: url(../img/case_studies_video_buttons.png) -758px -34px no-repeat; width:175px; height:30px;}