/* -------------------------------------------------------------- 
  
   intosportmedia.com
   * Version 3.0 (11-01-2009)
   
-------------------------------------------------------------- */

@import "reset.css";
@import "typography_2010.css";


* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; background: url(../images/body_home.jpg) fixed no-repeat; }


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

#wrap { margin: 0 auto; width: 996px; background: url(../images/global/alpha.png) 0 0 repeat; }


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

#header { width: 956px; height: 89px; padding: 20px; background: #000 url(../images/global/header_bg.png) repeat-x bottom; }

#nav { clear: left; float: left; width: 956px; position: relative; }

#content { float: left; padding: 20px; background: url(../images/global/alpha.png) 0 0 repeat; }
#col1 { float: left; width: 333px; }
#col2 { float: left; width: 333px; margin: 0 20px; }
#col3 { float: left; width: 250px; }

#mainContent { float: left; width: 678px; margin-right: 20px; padding: 4px; background:url(../images/global/alpha.png) repeat; }
#mainContent_small { float: left; width: 454px; margin-right: 20px; }

#talktous { width: 190px; float: right; margin-left: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #E91B8A; background:url(../images/global/alpha.png) repeat; }

#footer { float: left; width: 956px; height: 30px; padding: 20px; background: #000; }


/* 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 h1 a { display: block; width: 273px; height: 40px; text-indent: -999em; background: url(../images/global/logo.png) no-repeat; }

#logo { float: left; width: 273px; height: 40px; margin: 0 0 13px; padding: 0; }

#quickNav { float: right; display: inline; margin-left: 20px; margin-top: 10px; }

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

/*Navigation */


#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { float: left; display: block; height: 28px; margin-right: 5px; font-size: 1.2em; }
#nav li a, #nav li span { float: left; display: block; height: 28px; line-height: 26px; padding: 0 6px; text-decoration: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topleft: 3px; -webkit-border-radius-topright: 3px; cursor: hand; }
#nav li span { color: #666; }
#nav ul li.current span { background: #5C8D9F; color: #fff; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topleft: 3px; -webkit-border-radius-topright: 3px; }
#nav ul li.current ul li a span, #nav ul li.submenu ul li a span { color: #333; padding: 0 2px; cursor: hand; }
#nav ul li.current ul li a span:hover, #nav ul li.submenu ul li a span:hover { color: #fff; }
#nav li a.menuactive span { color: #fff; cursor: pointer; cursor: hand; }
#nav li a.menuactive { padding: 0; }

#nav li.submenu ul, #nav li.current ul { display: none; position: absolute; top: 28px; left: 10px; width: 100%; background: #5C8D9F; }
.menuactive { background: #5C8D9F; }
#nav li ul li { font-size: 0.9em; margin-right: 5px; }
#nav li.current ul a, #nav li.submenu ul a, #nav li.current ul span, #nav li.submenu ul span { float: left; border: 0; width: auto; background: #5C8D9F; }
#nav li.current ul { display: block; }
#nav li.submenu:hover ul { display: block; z-index: 6000; }
#nav li.submenu a:hover, #nav li:hover a, #nav li:hover span { background: #5C8D9F; color: #fff; }

.separator { width: 180px; }


/* Home Page Content
-------------------------------------------------------------- */

.homebox { position: relative; width: 325px; padding: 4px; background: url(../images/global/alpha.png) repeat; }
.homebox_small { float: left; position: relative; width: 242px; margin-bottom: 10px; padding: 4px; background: url(../images/global/alpha.png) repeat; }
.case_study { margin-bottom: 9px; }
.case_study, .featured_news { height: 290px; }
.sponsorship, .advertising, .mediaservices { height: 187px; margin-bottom: 10px; }
.latest_news { height: 216px; margin-bottom: 0; }
.homebox span { padding: 3px 5px 3px 5px; }
.homebox_small span { padding: 0px 5px 0px 5px; }
.homebox span, .homebox_small span { position: absolute; left: 4px; top: 4px; color: #464646; font-size: 1.3em; background: #A0D9EC; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index: 100; }
.homebox img { float: left; z-index: 1; }
.last { margin-bottom: 0px; }

.case_study .summary_text, .featured_news .summary_text { float: left; width: 304px; height: 105px; border-top:2px solid #A0D9EC; background: #000; }
.summary_text { float: left; width: 304px; height: 74px; border-top: 2px solid #A0D9EC; background: #000; }
.summary_text p { float: left; width: 296px; margin: 3px 5px; font-size: 1.1em; line-height: 1.4em; text-align: left; color: #DADADA; }
div.more_link { float: right; display: block; width: 21px; height: 105px; background: #A0D9EC url(../images/global/btn_more.png) no-repeat center; }
.summary_text div.more_link, div.more_link.small { float: right; display: block; width: 21px; height: 76px; background: #A0D9EC url(../images/global/btn_more.png) no-repeat center; }
.more_link a { display: block; text-indent: -999em; width: 21px; height: 74px; margin: 0; padding: 0; }
.homebox_small .summary_text { float: left; width: 242px; height: 66px; border-top:2px solid #A0D9EC; background: #000; }
.homebox_small.governing .summary_text { height: 74px; }

.homebox_small ul { list-style: none; margin: 5px 10px; padding: 0; }
.homebox_small li { list-style: none; padding: 4px 0; margin: 0; border-bottom: 1px dotted #A0D9EC; }
.homebox_small li a { text-decoration: none; color: #fff;  }
.homebox_small li a:hover { color: #A0D9EC; }
.hbs_headbox { display: block; width: 100%; height: 23px; line-height: 23px; background: #000; }

.quick_links { height: 137px; }
.quick_links .summary_text { height: 110px; }
.homebox_small .news { width: 235px; height: 181px; overflow-y: auto; padding: 5px 3px; } 

.carousel { position: relative; width: 232px; margin: 5px 5px; overflow: hidden; }
.carousel li { border: none; height: 56px; padding: 0 5px 0 0; }
.client { margin: 0; width: 325px; position: absolute; z-index: 1; }
.carousel.client li { height: 290px; }
ul.client_control { float: right; position: absolute; top: 5px; right: 0; z-index: 10; }
.carousel.client .client_control li { height: 20px; float: left; }

#jFlowSlide{ }  
#client-controller { float: right; padding: 0; position: relative; top: 2px; right: 4px;  }  
#client-controller span.jFlowControl { margin: 0; position: relative; left: 0; font-size: 1.1em; }
#client-controller span.jFlowSelected { background:#000;margin-right:0px; color: #fff; }

.slide-wrapper { padding: 0; }
.slide-thumbnail { width: 325px;}
.slide-thumbnail img { max-width: 325px; }
.slide-details { width: 325px; height: 105px; margin: 0; }

#client-controller span.jFlowPrev, #client-controller span.jFlowNext { display: none; }


/* Content Pages
-------------------------------------------------------------- */

.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 { clear: 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; }

.img_default { border: 1px solid #000; margin: 0 4px; }

.contact_btn { clear: left; float: right; width: 80px; border: 1px solid #E91B8A; background: #000; text-align: center; margin-top: 1.2em; }
.contact_btn a { text-align: center; display: block; width: 80px; height: 30px; line-height: 30px; }

.content_carousel { position: relative; width: 428px; margin: 5px 5px; padding: 4px; overflow: hidden; border: 2px solid #000; background: url(../images/global/alpha_blue.png) repeat; }
#mainContent .content_carousel li { border: none; height: 70px; padding: 0 5px 0 0; margin: 0; }

#ad_clients ul { list-style: none; }
#ad_clients ul li { float:left; margin:0; padding:0; list-style: none; }
#ad_clients ul li img { float: left; padding: 0 5px 10px 0; }

.contactform fieldset { padding: 0; }
.contactform div { margin-bottom: 10px;}
.contactform legend { display: none; }
.contactform label { float: left; width: 120px; margin: 0 5px; font-size: 1.2em; color: #fff; }
.contactform label.label { float: right; }
.contactform input { padding: 2px; width: 220px; }
.contactform textarea { padding: 2px; }
.contactform input.fbsubmit { width: 100px; margin-left: 126px; } 

.clear_talktous { clear: left; height: 1px; }