/* 
=====
(c) 2012 TranzAct Technologies

theme: Transit 2012
version: 2012-12-21

=====
*/

body{ background:url(img/body-bkg.png) top left #fff; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* === positions ============ */
div#tt-wrapper{ display:block; position:relative; min-width:1050px; min-height:100px; background:none; margin:0 auto; }
div#tt-wrapper-in{ z-index:20; }
div#tt-container{ display:block; position:relative; width:950px; background:#fff; margin:0 auto; }
div#tt-container-in{ display:block; position:relative; padding-bottom:1px; }
div#tt-article{ display:block; position:relative; background:#fff; overflow:auto; padding-bottom:60px; }
div#tt-article-in{ display:block; position:relative; }
div#tt-left{ position:relative; float:left; padding-bottom:60px; }
div#tt-left-in{ padding:32px 0 18px; }
div#tt-header{ display:block; position:relative; height:97px; width:950px; background:#fff; margin:0 auto; }
div#tt-nav{ display:block; position:relative; height:97px; width:950px; margin:0 auto; }
div#tt-masthead{
	background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    overflow: visible;
    position:relative;
    top: 0;
}

div#tt-nav{ position:relative; display:block; height:32px; background:#06396f; padding-top:0px; z-index:900; }
div#tt-nav ul#menuList{ margin-left:20px; }

div#tt-top{ position:relative; height:100px; overflow:hidden; background:#fff; }   
div#tt-top div.score{ position:absolute; bottom:0; left:0; height:1px; width:894px;
	border-bottom:1px dashed #CCC;
 	margin:0; padding:0;
}
div#tt-top div.logo{ position:absolute; width:550px; height:80px; left:342px; top:13px; }
div#tt-top div.logo img{ display:block; margin:0 auto; }

div.logobox{ display:block; position:absolute; width:124px; height:45px; top:24px; left:40px; }
div.logobox a{ outline:none; }


/* === 950 wide ============ */
.w950 div#tt-wrapper-in{ display:block; position:relative; width:950px; min-height:100px; overflow:visible; background:#fff; margin:0 auto; }
.w950 div#tt-container-in.alt{ display:block; position:relative;
	background:url(img/container-in-950.png) bottom center no-repeat;
	padding:0 0 24px;
}
.w950 div#tt-left{ display:none; }
.w950 .article-wide div#tt-article{ display:block; position:relative; width:890px; }
.w950 .article-wide div#tt-article-in{ display:block; position:relative;  margin:20px 0 0 85px; }


/* -- alternate ---- */
.w950.alt div#tt-container-in{ background:none; }
.w950 div#tt-bottom{ position:relative; height:8px;
	background:url(img/container-bottom-950.png) top center no-repeat;
}


/* -- article right ---- */
.w950 div#tt-container-in.article-right{ background:#f2f2f2; }
.w950 .article-right div#tt-article{ display:block; position:relative; width:640px; float:right; background:#fff; }
.w950 .article-right div#tt-article-in{ display:block; position:relative; width:550px; margin:20px 0 0 35px; }
.w950 .article-right div#tt-left{ display:block; position:relative; width:305px; float:left; }
.w950 .article-right div#tt-left-in{  }

/* -- article left ---- */
.w950 .article-left div#tt-container{ display:block; position:relative; overflow:auto;
	background:url(img/container-950.png) top center repeat-y; padding:0 8px; }
.w950 .article-left div#tt-container-in{ display:block; position:relative; overflow:auto;
	background:url(img/container-in-950.png) bottom center no-repeat;
	margin:24px 0 0;
}
.w950 .article-left div#tt-article{ display:block; position:relative; width:480px; float:left; }
.w950 .article-left div#tt-article-in{ display:block; position:relative;  margin:20px 0 0 40px; }
.w950 .article-left div#tt-left{ display:none; }
.w950 .article-left div#tt-right{ display:block; position:relative; width:360px; float:right; margin-right:55px; }


/* === 525 wide ======================== */
.w525 div#tt-wrapper-in,
.landing-525 div#tt-wrapper-in{ display:block; position:relative; width:525px; overflow:visible; margin:0 auto; }

.w525 div#tt-container,
.landing-525 div#tt-container{ display:block; position:relative; overflow:auto;
	background:url(img/container-525.png) top center repeat-y; padding:0 8px;
}

.w525 div#tt-container-in,
.landing-525 div#tt-container-in{ display:block; position:relative; overflow:auto;
	background:url(img/container-in-525.png) bottom center no-repeat; }

.w525 div#tt-top,
.landing-525 div#tt-top{ position:relative; height:8px;
	background:url(img/container-top-525.png) top center no-repeat;
}
.w525 div#tt-bottom,
.landing-525 div#tt-bottom{ position:relative; height:8px;
	background:url(img/container-bottom-525.png) top center no-repeat;
}


/* === homepage ====== */
div#tt-hero{ position:relative; display:block;
	background:url(img/body-bkg.png) top left;
	z-index:10;
}
div#tt-hero-in{ position:relative; display:block; height:380px; width:1050px; margin:0 auto; }
div#tt-hero li.sliderImage{ height:380px; width:820px; }
div#tt-hero li.sliderImage h1,
div#tt-hero li.sliderImage h2{ font-size:21px; color:#fff; font-weight:normal; line-height:normal; margin:280px 0 0 24px; padding:0; }
div#tt-hero li.sliderImage h1 em,
div#tt-hero li.sliderImage h2 em{ font-size:24px; color:#ffb610; font-style:normal; }

.homepage{ background:#0f161a; }
.homepage div#tt-wrapper-in{ width:auto; }
.homepage div#tt-masthead{ display:block; top:0; width:100%;
    background: none repeat scroll 0 0 #FFFFFF;
    overflow:visible;
	z-index:1000;
}
.homepage div#tt-nav{ width:100%; }
.homepage div#tt-nav-in{ position:relative; display:block; width:950px; margin:0 auto; }
.homepage div#tt-container{ background:none; height:370px; padding:0; }


.homepage div#tt-spotlight{ background:#fff; padding:24px 0; }
.homepage div#tt-spotlight .row .columns.lt,
.homepage div#tt-spotlight .row .columns.md{ border-right:1px solid #ccc;  }


.homepage div#tt-resource{ min-height:250px; min-width:950px;
	background:url(img/resource-bkg.png) repeat-x center top #0f161a;
}
.homepage div#tt-resource-in{ min-height:120px; width:950px; margin:0 auto;
	background:url(img/resource-in-bkg.png) no-repeat center top;
}

/* === footer ====== */
div#tt-footer{ display:block; position:fixed; bottom:0; width:100%; height:35px; bottom:0;
	background: url(img/footer_bkg.png) top left repeat-x #ccc; font-size:11px; z-index:1000;
}
div#tt-footer-in{ display:block; position:relative; margin:0 auto; }
.w950 div#tt-footer-in{ width:930px; }
.w525 div#tt-footer-in{ width:525px; }