/*
==========================================================================
Site: 			Subtv Media
File: 			home.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
========================================================================== */
#home_page #secondary_navigation a {display:block; height:27px;}

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

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

#home_page #secondary_navigation #opportunities_sn:hover,
#home_page #secondary_navigation #opportunities_sn.selected {background: url(../img/about_secondary_sprite.png) -167px -29px no-repeat;}

#home_page #secondary_navigation #audience_sn:hover,
#home_page #secondary_navigation #audience_sn.selected {background: url(../img/about_secondary_sprite.png) -333px -29px no-repeat;}


#home_page #secondary_navigation #contact_us_sn:hover,
#home_page #secondary_navigation #contact_us_sn.selected {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/about_icons_sprite.png) -45px 0 no-repeat; padding-top:110px;}
#main_content div.column_2 h3 {background: url(../img/about_icons_sprite.png) -23px -172px no-repeat; padding-top:110px;}
#main_content div.column_3 h3 {background: url(../img/about_icons_sprite.png) -27px -387px no-repeat; padding-top:110px;}
#main_content div.column_4 h3 {background: url(../img/about_icons_sprite.png) -25px -638px no-repeat; padding-top:110px;}
#main_content div.column_4 {margin-right:0px;}

/* 1 Column Layout */
#main_content div.column_long {width:760px; padding-left:160px; background: url(../img/about_icons_sprite.png) -63px 18px no-repeat;}
#main_content div.column_long p {float:left; width: 760px; padding-bottom:20px;}
#main_content div.column_long ul {float:left; width: 360px; padding-right:20px;}

/* 5 General Information Block */
#main_content div#general_information_block {width:940px; float:left;}
#main_content div#general_information_block a {color:#00a0f4; text-decoration:none;}
#main_content div#general_information_block a:hover {color:#00a0f4; border-bottom:1px dotted #00a0f4;}

/* 6 Opportunities Block */
#main_content div#opportunities_block {width:960px; float:left;}
#main_content div#opportunities_block li {background: url(../img/list_bullet.png) 0 5px no-repeat; padding: 0 0 5px 18px;}
#main_content div#opportunities_block a {color:#00a0f4; text-decoration:none;}
#main_content div#opportunities_block a:hover {color:#00a0f4; border-bottom:1px dotted #00a0f4;}

/* 7 Audience Block */
#main_content div#audience_block {width:960px; float:left;}

/* 8 Contact us Block */
#main_content div#contact_us_block {width:960px; float:left;}
#main_content div#contact_us_block div.column_long h4 {font-weight:bold; padding-bottom:5px; float:left;}
#main_content div#contact_us_block div.column_long p {width:960px; padding-right:20px; float:left;}
#main_content div#contact_us_block div.column_long ul {width:350px; padding-right:20px; float:left;}
#main_content div#contact_us_block div.column_long ul li {padding-bottom:10px; float:left;}
#main_content div#contact_us_block div.column_long ul li li {background: url(../img/list_bullet.png) 0 5px no-repeat; padding: 0 0 2px 20px; float:left; clear:both;}
#main_content div#contact_us_block a {color:#00a0f4; text-decoration:none;}
#main_content div#contact_us_block a:hover {color:#00a0f4; border-bottom:1px dotted #00a0f4;}