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

TABLE OF CONTENT

I.				Secondary navigation
II.				Main Content

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

/* I.			Secondary navigation
========================================================================== */
#sub_info_page #secondary_navigation a {display:block; height:27px;}

#sub_info_page #secondary_navigation #general_information_sn {background: url(../img/about_secondary_sprite.png) 0 0 no-repeat;}
#sub_info_page #secondary_navigation #opportunities_sn {background: url(../img/about_secondary_sprite.png) -167px 0 no-repeat;}
#sub_info_page #secondary_navigation #audience_sn {background: url(../img/about_secondary_sprite.png) -333px 0 no-repeat;}
#sub_info_page #secondary_navigation #contact_us_sn {background: url(../img/about_secondary_sprite.png) -501px 0 no-repeat;}

#sub_info_page #secondary_navigation #general_information_sn:hover,
#sub_info_page #secondary_navigation #general_information_sn.selected {background: url(../img/about_secondary_sprite.png) 0px -29px no-repeat;}

#sub_info_page #secondary_navigation #opportunities_sn:hover {background: url(../img/about_secondary_sprite.png) -167px -29px no-repeat;}
#sub_info_page #secondary_navigation #audience_sn:hover {background: url(../img/about_secondary_sprite.png) -333px -29px no-repeat;}
#sub_info_page #secondary_navigation #contact_us_sn:hover {background: url(../img/about_secondary_sprite.png) -501px -29px no-repeat;}

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

/* 4 COLUMNS TEMPLATE */
#main_content {float:left; padding:0 20px 20px 20px; width:950px; overflow:hidden;}
#main_content div {float:left; width:200px; background: url(../img/box_bg.png) bottom right no-repeat; margin-right:20px; padding:10px;}
#main_content div h3 {font-size:20px; padding-bottom:15px;}
#main_content div.column_1 h3 {background: url(../img/subtvinfo_icons_sprite.png) -21px 0 no-repeat; padding-top:110px;}
#main_content div.column_2 h3 {background: url(../img/subtvinfo_icons_sprite.png) -23px -172px no-repeat; padding-top:110px;}
#main_content div.column_3 h3 {background: url(../img/subtvinfo_icons_sprite.png) -27px -387px no-repeat; padding-top:110px;}
#main_content div.column_4 h3 {background: url(../img/subtvinfo_icons_sprite.png) -25px -638px no-repeat; padding-top:110px;}
#main_content div.column_4 {margin-right:0px;}

#main_content div.column_long {float:left; width:760px; padding-left:160px; background: url(../img/subtvinfo_icons_sprite.png) -63px 19px no-repeat;}
#main_content div.column_long h3 {float:left; width:760px;}
#main_content div.column_long p {float:left; width:760px;}
#main_content div.column_long a {color:#00a0f4; text-decoration:none;}
#main_content div.column_long a:hover {color:#00a0f4; border-bottom:1px dotted #00a0f4;}
#main_content div.column_long ul {float:left;}
#main_content div.column_long ul li {float:left; clear:both; background: url(../img/list_bullet.png) 0 5px no-repeat; padding:0 0 2px 20px;}