body, html {
    background-color: #000;
    margin: 0; padding: 0;
    height: 100%;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* page framework */
#page_container { outline: 0px dotted green; }

#left_column { outline: 0px dotted fuchsia;
	background: #000;
	width: 20%; 
	float: left;
	height: 100%; }

	#nav_container { outline: 0px dotted fuchsia;
		float: right;
		height: 70px; width: 170px; }

	#menu_container { outline: 0px dotted white;
		float: right; margin: 10px 10px 0 0; }

	.nav_sub { margin-top: 70px; }
	.nav_sub_first { margin-right: 70px; }

/*----------------- right column ------------------*/

#right_column { outline: 0px dotted fuchsia;
	background-color: white;
	width: 80%; 
	float: left;
	height: 100%;
	overflow: none; }

#ti_header_container {  outline: 0px dotted fuchsia;
	float: left;
	margin: 26px 0 0 10px;
    font-family: 'AvenirNext-DemiBold', sans-serif; font-size: 18px; letter-spacing: 6px; }

/* ---- grid backgrounds ---- */
#content { outline: 0px dotted lime;
    height: 550px; width: 100%; background-position: top center; }
    
	.all { background: url(../images/div_bgs/rotator.php) top center !important; }
    
	.nfl { background: url(../images/div_bgs/nfl/rotator.php) top center !important; }
	
	.nba { background: url(../images/div_bgs/nba/rotator.php) top center !important; }
	
	.mlb { background: url(../images/div_bgs/mlb/rotator.php) top center !important; }
	
	.nhl { background: url(../images/div_bgs/nhl/rotator.php) top center !important; }
	
	.mls { background: url(../images/div_bgs/mls/rotator.php) top center !important; }
	
	.ncaa { background: url(../images/div_bgs/ncaa/rotator.php) top center !important; }
    
    
/* ---- header ---- */
#header_box_container { outline: 0px dotted fuchsia;
	width: 280px; height: 280px;
	background-color: #2f2f31; }

	#header_box { outline: 0px dotted red; }

#text_container { outline: 0px dotted lime;
	width: 100%;
	background-color: white;
	float: left; color: black; }

	#team_name_sm { outline: 0px dotted red;
		margin: 10px 0 0 20px;
		font-size: 18px; line-height: 24px; }
	
	#text_container_header { outline: 0px dotted blue;
		float: left; margin: 0 0 0 20px; font-size: 28px; width: 95%; letter-spacing: 2px; }
		
		.text_only { padding: 0 0 0 10px; }
		
		.sub { font-size: 14px !important; }
	
	#text_container_subheader { outline: 0px dotted blue;
		float: left; margin: 5px 0 0 20px; font-size: 14px; }
		
		.body_sub { font-size: 20px !important; width: 70%; padding: 10px 10px 0 10px; }
	
	#right_column_block_container { outline: 0px dotted blue;
		float: left; width: 100%; padding: 30px 0 30px 0; background-color: #2F2F31; }
		
		.dark { background-color: #8d8d8d !important; }
		
		.gray-lt { background-color: #dedede !important; }
		
		.white { background-color: #fff !important; color: #2F2F31; }
		
		.red { background-color: #DD1A22 !important; }
	
	#text_container_body { outline: 0px dotted blue; overflow: none;
		float: left; width: 95%; margin: 10px 0 10px 20px; font-size: 16px; color: gray; line-height: 22px; }

		.half_column { width: 45% !important; padding: 20px 10px 0 10px; text-align: justify; }
		.half_column_list { width: 45% !important; padding: 0 0 0 10px; text-align: left; }

		.news_box { width: 45% !important;
			font-size: 14px !important; color: #c3c3c3 !important; }
			
		.ti_box { font-size: 14px !important; text-align: center; padding: 0 50px 0 50px !important; text-transform: uppercase;
			  line-height: 17px !important; letter-spacing: 2px !important; }

		.ti_notes_box { font-size: 16px !important; text-align: center; padding: 50px 50px 50px 50px; }

		.text_white { color: #fff !important; }
		
		.text_black { color: #2F2F31 !important; font-weight: bold !important; }
		
		.text_dark { color: #4b4b4b !important; }

		.text_body_spacer { margin-bottom: 120px !important; }
		
		.body_center { text-align: center !important; }
	
		#text_container_body img {
			display : block;
			margin : auto; }
	
#icons { outline: 0px dotted fuchsia; 
	float: left; padding: 20px 20px 20px 20px; }
	
#sample_container_outer { outline: 0px dotted fuchsia; 
	float: left; width: 840px; }

	#twitter_container { outline: 0px solid gray;
		width: 500px;
		float: left; margin: 10px 0 0 20px; padding: 0; }
		
		.recent { width: 45% !important; }

#sample_container { outline: 0px solid gray;
	width: 200px; height: 200px;
	float: left; margin: 50px 0 0 50px; padding: 0; color: black;
	position: relative; }

	#sample_container_text { outline: 0px dotted blue;
		float: left; width: 400px; margin: 50px 0 0 10px;
		font-family: 'AvenirNext-Regular', sans-serif; font-size: 16px; line-height: 18px; }

/* grid */

#grid_container { outline: 0px dotted green;
	margin-top: 70px;
	width: 450px; height: 450px;
	float: left; }

	.empty_grid { height: 280px !important; }
	.with_header { margin-top: 19px !important; }

.center {
    position: absolute;
    margin: auto;
    top: 0; left: 0; right: 0; bottom: 0; }

.rt_col { margin-right: 10px;}

#box_container { outline: 0px dotted red;
	width: 140px; height: 140px;
	background-color: white;
	position: relative;
	float: left; margin-right: 10px; margin-bottom: 10px;
}

	.opacity_20 { opacity: 0.2; }
	.opacity_50 { opacity: 0.5; }
	.opacity_80 { opacity: 0.8; }

#smbox_container { outline: 0px dotted red;
	width: 70px; height: 70px;
	background-color: white;
	position: relative;
	float: right;
}

.clear { clear: both; overflow: hidden; }

.red_box { background-color: #ff0000 !important; }

/* contact */
#contact_container { outline: 0px dotted red;
	width: 100%; background-color: #2f2f31;
	float: left; margin-top: 0; padding-left: 0; }

	#social_box { outline: 0px dotted green;
		float: left; width: 100%; padding: 20px 0 20px 16px;
		font-family: 'AvenirNext-Regular', sans-serif; font-size: 14px; color: white; background-color: #242425; text-align: center;}
	.social-item{
		display: inline-block;
		width: 300px;
		font-size:16px;
	}
	.social-item a{
		padding-left:15px;
		vertical-align: top;
	}
	.social-item i{
		font-size: 24px;
	}

	#contact_box { outline: 0px dotted blue;
		float: left; margin: 20px 0 20px 16px;
		font-family: 'AvenirNext-Regular', sans-serif; font-size: 12px; color: white; }
		
		#contact_form_box {outline: 0px dotted green;
			width: 250px; height: 120px; margin: 0 10px 0 0; float: left; }
		
	.bold { font-weight: bold; text-align: left;}

/* ---------------------------- backgrounds ------------------------*/
    .mlb_braves {
	    background-image: url('../images/bg_mlb_braves.jpg'); }
    
   	.nhl_jets {
	    background-image: url('../images/bg_nhl_jets.jpg'); }
    
	.nfl_broncos {
	    background-image: url('../images/bg_nfl_broncos.jpg'); }

	.nfl_cowboys {
	    background-image: url('../images/bg_nfl_cowboys.jpg'); }

	.nfl_panthers_cam {
	    background-image: url('../images/bg_nfl_panthers_cam.jpg'); }

	.nfl_lions {
	    background-image: url('../images/bg_header_nfl_lions.jpg'); }

	.nba_spurs {
	    background-image: url('../images/bg_nba_spurs.jpg'); }

	.ncaa_oregon_football {
	    background-image: url('../images/bg_ncaa_oregon_football.jpg'); }

	/* --- home headers ---*/

	.header_about {
	    background-image: url('../images/bg_header_about.jpg'); }

	.header_render {
	    background-image: url('../images/bg_header_render.jpg'); }

	.header_design {
	    background-image: url('../images/bg_header_design.jpg'); }

	/* --- headers ---*/

	.nfl_headers_cowboys {
	    background-image: url('../images/bg_header_nfl_cowboys.jpg'); }

	.nfl_headers_broncos {
	    background-image: url('../images/bg_header_nfl_broncos.jpg'); }

	.nfl_header_panthers {
	    background-image: url('../images/bg_header_nfl_panthers.jpg'); }

	.nfl_header_bears {
	    background-image: url('../images/bg_header_nfl_bears.jpg'); }
	    
	.nfl_header_colts {
	    background-image: url('../images/bg_header_nfl_colts.jpg'); }

	.nfl_header_patriots {
	    background-image: url('../images/bg_header_nfl_patriots.jpg'); }
	    
	.nfl_header_browns {
	    background-image: url('../images/bg_header_nfl_browns.jpg'); }
	    
	.nfl_header_raiders {
	    background-image: url('../images/bg_header_nfl_raiders.jpg'); }

	.nba_header_knicks {
	    background-image: url('../images/bg_header_nba_knicks.jpg'); }

	.nba_header_spurs {
	    background-image: url('../images/bg_header_nba_spurs.jpg'); }
	    
	.nba_header_wizards {
	    background-image: url('../images/bg_header_nba_wizards.jpg'); }
	    
	.nba_header_suns {
	    background-image: url('../images/bg_header_nba_suns.jpg'); }

	.nba_header_trailblazers {
	    background-image: url('../images/bg_header_nba_trailblazers.jpg'); }

	.nba_header_nuggets {
	    background-image: url('../images/bg_header_nba_nuggets.jpg'); }

/* --- mlb --- */

	.mlb_header_braves {
	    background-image: url('../images/bg_header_mlb_braves.jpg'); }

	.mlb_header_phillies {
	    background-image: url('../images/bg_header_mlb_phillies.jpg'); }
	    
	.mlb_header_reds {
	    background-image: url('../images/bg_header_mlb_reds.jpg'); }

/* --- mls --- */

	.mls_header_dc_united {
	    background-image: url('../images/bg_header_mls_dc_united.jpg'); }

/* --- pga tour --- */

	.pga_tour_header {
	    background-image: url('../images/bg_header_pga_tour.jpg'); }

/* --- lpga --- */

	.lpga_header {
	    background-image: url('../images/bg_header_lpga.jpg'); }

/* --- nhl --- */

	.nhl_header_rangers {
	    background-image: url('../images/bg_header_nhl_rangers.jpg'); }

	.nhl_header_sabres {
	    background-image: url('../images/bg_header_nhl_sabres.jpg'); }
	    
	.nhl_header_bruins {
	    background-image: url('../images/bg_header_nhl_bruins.jpg'); }
	    
	.nhl_header_hurricanes {
	    background-image: url('../images/bg_header_nhl_hurricanes.jpg'); }
	    
	.nhl_header_penguins {
	    background-image: url('../images/bg_header_nhl_penguins.jpg'); }

	.nhl_header_capitals {
	    background-image: url('../images/bg_header_nhl_capitals.jpg'); }
	    	
	.nhl_header_jets {
	    background-image: url('../images/bg_header_nhl_jets.jpg'); }

/* --- ncaa --- */

	.ncaa_header_oregon_fb {
	    background-image: url('../images/bg_header_ncaa_oregon_fb.jpg'); }

	.ncaa_header_oregon_mbb {
	    background-image: url('../images/bg_header_ncaa_oregon_mbb.jpg'); }

	.ncaa_header_duke_fb {
	    background-image: url('../images/bg_header_ncaa_duke_fb.jpg'); }
	    
	.ncaa_header_duke_mbb {
	    background-image: url('../images/bg_header_ncaa_duke_mbb.jpg'); }

	.ncaa_header_duke_wbb {
	    background-image: url('../images/bg_header_ncaa_duke_wbb.jpg'); }
	  
	.ncaa_header_penn_state_fb {
	    background-image: url('../images/bg_header_ncaa_penn_state_fb.jpg'); }

	.ncaa_header_penn_state_wres {
	    background-image: url('../images/bg_header_ncaa_penn_state_wres.jpg'); }
	    
	.ncaa_header_penn_state_fh {
	    background-image: url('../images/bg_header_ncaa_penn_state_fh.jpg'); }

	.ncaa_header_penn_state_bsb {
	    background-image: url('../images/bg_header_ncaa_penn_state_bsb.jpg'); }

	.ncaa_header_penn_state_sb {
	    background-image: url('../images/bg_header_ncaa_penn_state_sb.jpg'); }

	.ncaa_header_penn_state_mbb {
	    background-image: url('../images/bg_header_ncaa_penn_state_mbb.jpg'); }

	.ncaa_header_penn_state_wbb {
	    background-image: url('../images/bg_header_ncaa_penn_state_wbb.jpg'); }

	.ncaa_header_penn_state_mhoc {
	    background-image: url('../images/bg_header_ncaa_penn_state_mhoc.jpg'); }

	.ncaa_header_penn_state_whoc {
	    background-image: url('../images/bg_header_ncaa_penn_state_whoc.jpg'); }

	.ncaa_header_penn_state_msoc {
	    background-image: url('../images/bg_header_ncaa_penn_state_msoc.jpg'); }

	.ncaa_header_penn_state_wsoc {
	    background-image: url('../images/bg_header_ncaa_penn_state_wsoc.jpg'); }

	.ncaa_header_penn_state_mlax {
	    background-image: url('../images/bg_header_ncaa_penn_state_mlax.jpg'); }

	.ncaa_header_penn_state_wlax {
	    background-image: url('../images/bg_header_ncaa_penn_state_wlax.jpg'); }

	.ncaa_header_penn_state_mvb {
	    background-image: url('../images/bg_header_ncaa_penn_state_mvb.jpg'); }

	.ncaa_header_penn_state_wvb {
	    background-image: url('../images/bg_header_ncaa_penn_state_wvb.jpg'); }

	.ncaa_header_penn_state {
	    background-image: url('../images/bg_header_ncaa_penn_state.jpg'); }

	.ncaa_header_lsu_fb {
	    background-image: url('../images/bg_header_ncaa_lsu_fb.jpg'); }

	.ncaa_header_lsu_bsb {
	    background-image: url('../images/bg_header_ncaa_lsu_bsb.jpg'); }

	.ncaa_header_lsu_sb {
	    background-image: url('../images/bg_header_ncaa_lsu_sb.jpg'); }

	.ncaa_header_lsu_mbb {
	    background-image: url('../images/bg_header_ncaa_lsu_mbb.jpg'); }

	.ncaa_header_lsu_wbb {
	    background-image: url('../images/bg_header_ncaa_lsu_wbb.jpg'); }

	.ncaa_header_lsu_wsoc {
	    background-image: url('../images/bg_header_ncaa_lsu_wsoc.jpg'); }

	.ncaa_header_lsu_wvb {
	    background-image: url('../images/bg_header_ncaa_lsu_wvb.jpg'); }

	.ncaa_header_lsu_gym {
	    background-image: url('../images/bg_header_ncaa_lsu_gym.jpg'); }

	.ncaa_header_lsu {
	    background-image: url('../images/bg_header_ncaa_lsu.jpg'); }

	.ncaa_header_mississippi_state {
	    background-image: url('../images/bg_header_ncaa_mississippi_state.jpg'); }

	.ncaa_header_maryland_fb {
	    background-image: url('../images/bg_header_ncaa_maryland_fb.jpg'); }
	    
	.ncaa_header_maryland_mbb {
	    background-image: url('../images/bg_header_ncaa_maryland_mbb.jpg'); }

	.ncaa_header_maryland_wbb {
	    background-image: url('../images/bg_header_ncaa_maryland_wbb.jpg'); }

	.ncaa_header_utah_fb {
	    background-image: url('../images/bg_header_ncaa_utah_fb.jpg'); }

	.ncaa_header_grand_canyon_mbb {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_mbb.jpg'); }
	    
	.ncaa_header_grand_canyon_wbb {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_wbb.jpg'); }
	    
	.ncaa_header_grand_canyon_bsb {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_bsb.jpg'); }
	    
	.ncaa_header_grand_canyon_sb {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_sb.jpg'); }
	    
	.ncaa_header_grand_canyon_msoc {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_msoc.jpg'); }

	.ncaa_header_grand_canyon_wsoc {
	    background-image: url('../images/bg_header_ncaa_grand_canyon_wsoc.jpg'); }

/****************** FONTS *******************/
@font-face {
    font-family: 'AvenirNext-DemiBold';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBold.eot') format('embedded-opentype'),
         url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'),
         url('../fonts/AvenirNext-DemiBold.woff') format('woff'),
         url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'),
         url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
}

@font-face {
    font-family: 'AvenirNext-Regular';
    src: url('../fonts/AvenirNext-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AvenirNext-Bold';
    src: url('../fonts/AvenirNext-Bold.ttf') format('truetype');
}