/* -------------------------------------------------------------- 
  
   intosportmedia.com
   * Version 2.1 (05-05-2009)
   
-------------------------------------------------------------- */

@import "reset.css";
@import "typography.css";


* { margin: 0; padding: 0; }

html { height: 100%; }

body { margin: 0; height: 100%; padding: 0; }


/* Page Wrap
-------------------------------------------------------------- */	

#wrap { margin: 0 auto; width: 720px; min-height: 100%; height: auto !important; height: 100%; position: relative; background: url(../images/global/alpha.png) 0 0 repeat; }


/* Page Layout
-------------------------------------------------------------- */

#content { clear: left; float: left; width: 680px; padding: 20px; }

#columnLeft { clear: left; float: left; display: inline; width: 220px; height: 292px; margin: 0; padding: 0; background: #000 url(../images/global/column_bg.png) repeat-x;  }

#columnMain { float: left; display: inline; width: 500px; height: 292px; margin: 0; padding: 0; background: #000 url(../images/global/column_bg.png) repeat-x; }


/* Page Backgrounds
-------------------------------------------------------------- */

#home, #sitemap { background: #3A7ABE url(../images/body_home.jpg) left center no-repeat fixed; }
#overview, #academy-creation, #academy-production, #content-distribution, #audience-engagement { background: #265207 url(../images/body_about.jpg) left center no-repeat fixed; }
#intosport-com { background: #1A4A88 url(../images/body_intosport.jpg) left top no-repeat fixed; }
#academy-sponsorship, #academy-partnership, #all-academy-partnership, #sponsorship, #sponsorship-benefits, #sponsorship-inventory, #sport-academies { background: #C9D6DF url(../images/body_distribution.jpg) left top no-repeat fixed; }
#advertising, #advertising-formats, #advertising-benefits, #how-to-buy-advertising, #advertising-introduction { background: #2B7F59 url(../images/body_advertising.jpg) left bottom no-repeat fixed; }
#company-information, #investor-relations, #news, #careers, #contact { background: #455D1D url(../images/body_contact.jpg) left top no-repeat fixed; }


/* Header
-------------------------------------------------------------- */
	
#header { float: left; display: inline; width: 680px; height: 75px; padding: 20px; }
	
#header h1 a { width: 451px; height: 66px; display: block; text-indent: -999em; background: url(../images/global/intosportmedia_logo.gif) no-repeat; }
	
#logo { float: left; display: inline; width: 500px; height: 66px; }

#quickNav { float: left; display: inline; width: 160px; margin-left: 20px; margin-top: 20px; }

.icon { float: left; display: inline; width: 25px; margin: 0 10px; }


/* Sub Content
-------------------------------------------------------------- */

#menuWrapper { float: left; display: inline; padding: 10px; margin: 0; }

.submenu { width: 170px; padding: 0; margin-bottom: 3px; }

.headerbar { display: block; width: 180px; padding: 3px; }

h3.headerbar  { font-size: 1.2em; line-height: normal; margin-bottom: 5px; text-indent: -999em; }

h3.headerbar a { text-decoration: none;  }

.whatwedoHeader { background: url(../images/menu/what_we_do.png) no-repeat; }
.intosportHeader { background: url(../images/menu/intosport.png) no-repeat; }
.sponsorHeader { background: url(../images/menu/sponsorship_partnership.png) no-repeat; }
.advertisingHeader { background: url(../images/menu/advertising.png) no-repeat; }
.aboutusHeader { background: url(../images/menu/about_us.png) no-repeat; }

.submenu li { line-height: 1.8em; }

.submenu li a { display: block; width:170px; padding: 3px 5px; text-decoration: none; border-bottom: 1px dotted #A0D9EC; }
.submenu li a:hover { color: #A0D9EC; }
.submenu li.active { display: block; width: 170px; color: #A0D9EC; padding: 3px 5px; text-decoration: none; border-bottom: 1px dotted #A0D9EC; }
.submenu li a.activeparent { color: #A0D9EC; }

#submenu { float: right; width: 170px; margin-left: 20px; border: 1px solid #ccc; background: #000; }
#submenu ul { margin: 10px; padding: 0; }
#submenu li { list-style: none; }
#submenu li a { display: block; width: 150px; padding: 3px 0; text-decoration: none; border-bottom: 1px dotted #A0D9EC; }
#submenu li a:hover { color: #A0D9EC; }
#submenu li.active { display: block; width: 150px; color: #A0D9EC; padding: 3px 0; text-decoration: none; border-bottom: 1px dotted #A0D9EC; }

/* Main Content
-------------------------------------------------------------- */

#mediaWrapper { float: left; display: inline; width: 480px; height: 262px !important; padding: 11px 0 0 10px; font-size: 1px; line-height: 0;  }

#mainContent { float: left; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#mainContent_image { float: left; display: inline; width: 210px; margin-right: 20px; }
#mainContent_text { float: left; display: inline; width: 450px; }
.boxWrapper { float: left; width: 210px; height: 210px; background: url(../images/global/boxWrapper_bg.gif) no-repeat; }
.boxWrapper_news { float: left; width: 210px; height: 210px; background:url(../images/global/boxWrapper_invert_bg.gif) no-repeat; }
.centreBox { margin: 0 25px; }

.text_box { clear: both; padding: 8px 10px 0; border: 1px solid #ccc; background: #000; }

.img_border { border: 1px solid #ccc; }
.img_borderIndex { border: 1px solid #ccc; margin-bottom: 20px; }
.img_left { float: left; display: inline; margin-bottom: 14px; margin-right: 20px; border: 1px solid #ccc; }
.img_right { float: right; margin-bottom: 14px; margin-left: 20px; border: 1px solid #ccc; }
.img_top { margin-bottom: 20px; border: 1px solid #ccc; }
.img_bottom { margin-top: 20px; border: 1px solid #ccc; }

.boxContainer { padding: 8px 8px; }
.boxHeader { width: 190px; height: 30px; }
.boxHeader h3 {  text-indent: -999em; height: 30px; color: #231F20; }
h3.sponsorship { width: 190px; height: 23px; background: url(../images/home/sponsorship_h3.gif) no-repeat; } 
h3.advertising { width: 190px height: 23px; background: url(../images/home/advertising_h3.gif) no-repeat; }
h3.news { width: 190px height: 23px; background: url(../images/home/news_h3.gif) no-repeat; }
.boxContent { height: 145px;}
.boxContent_text { height: 58px;  padding: 0 8px; }
.boxFooter { text-align: right; padding: 2px; }
.boxFooter a { color: #D2232A; font-size: 1.1em; }


.newsSummary { overflow: hidden; width: 274px; height: auto; margin: 0 1px; padding: 8px 12px; border-bottom: 1px dotted #EEEEEF; }
.newsSummaryDate { float: left; padding-right: 16px; }
.newsSummaryLink { float: left; width: 210px; }
#NewsPostDetailContent { padding-bottom: 20px; border-bottom: 1px dotted #fff; }
#NewsPostDetailPrintLink, #NewsPostDetailReturnLink { float: left; padding-top: 4px; padding-right: 4px; }

.logoImg { float: left; position: relative; top: -5px; margin-right: 10px; }


/* Forms
-------------------------------------------------------------- */

.emailForm { width: 460px;  }
.emailForm div { margin: 0.4em 0 0.6em 0; }
.name label, .email label, .message label { display: block; width: 100%; font-size: 1.2em; color: #fff; }
.name input, .email input, .message textarea { width: 70%; padding: 2px; border: 1px solid #000; }
.message textarea { height: 10em; }


/* Footer
-------------------------------------------------------------- */

#footer { clear: both; padding: 20px; }


/* Slideshow
-------------------------------------------------------------- */

.pics { height: 270px; width: 480px; padding: 0; margin: 0; }
.pics img { padding: 0; width: 480px; height: 270px; top: 0; left: 0; }