@charset "UTF-8";

body {background:#fff;font-family:Helvetica, Arial, sans-serif;color:#7f7f7f;font-size:12px;}
body, html {height:100%;}
*::selection {background:#0068b3; color:#fff;}
*::-moz-selection {background:#0068b3; color:#fff;}

/*body {box-shadow: inset 5px 5px 10px #999;-webkit-box-shadow: inset 5px 5px 10px #999;-moz-box-shadow: inset 5px 5px 10px #999;}*/

a {color:#0068b3;text-decoration:none;}
a:hover {background-color:#0068b3;color:#fff; text-decoration:none;}
a:active, a:focus {color:#fcff00;}

.blue {color:#0068b3;}

h1, h2 {color:#5b5b5b;font-size:107px;line-height:100px;font-family: 'RalewayThin', Helvetica, sans-serif;text-transform:uppercase;font-weight:lighter;letter-spacing:-2px;font-weight:normal;}
h1 span {color:#0068b3;}
.film h1 {color:#fff;}
#beautifulppl h1 {font-size:50px;}
#the_coalition h2 {font-size:50px;color:white;line-height:100px;font-family: 'RalewayThin', Helvetica, sans-serif;text-transform:uppercase;font-weight:lighter;letter-spacing:-2px;font-weight:normal;}
#home h2 {font-size:48px;color:#9a9a9a;font-family: 'RalewayThin', Helvetica, sans-serif;}
h2 {font-size:18px;color:#0068b3;font-weight:lighter;}
h3 {color:#4c4c4c;font-size:14px;font-weight:lighter;}

p {line-height:16px;margin-bottom:15px;}

ul {}
li {line-height:16px;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

/*** Navigation/Header ***/
header {position:fixed;z-index:1000;top: 0;width:100%;background:transparent url(../_images/navbg.png) 0 0 repeat-x;height:98px;}
nav {background:transparent url(../_images/topshadow.png) left bottom no-repeat;height:98px;width:1000px;margin:0 auto;display:block;}

nav li {float:left;}
nav li a {display:block;line-height:73px;color:#868686;font-size:12px;padding:0 20px;background:transparent;font-weight:bold;text-shadow: #fff 0 1px 0;}
nav li a:hover, nav li a.active {color:#fff;background:#004893 url(../_images/navsprite.jpg) 0 center repeat-x;text-shadow:none;}
nav li a:hover {-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
nav li a:active, nav li a:focus {color:#666;background:#919494 url(../_images/navsprite.jpg) 0 bottom repeat-x;text-shadow:#c1c1c1 0 1px 0;}
nav li a.active:active, nav li a.active:focus {color:#fff;background:#004893 url(../_images/navsprite.png) 0 center repeat-x;text-shadow:none;}
nav li a.active {cursor:default;}

a.logo {display:block;float:right;width:102px;height:52px;margin:10px 20px 0 0;background:transparent url(../_images/teamsiz-logo.png) left top no-repeat;}
a.logo:hover {background-position: left bottom;}

/*** Container ***/
.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); min-width:1000px; background:url(../_images/bg.jpg) top center no-repeat fixed;height:100%;}

#sisters .min-width {background:url(../_images/sistersbg.jpg) top center no-repeat;height:850px;}
#marcopolo .min-width {background:url(../_images/marcopolobg.jpg) top center no-repeat;height:850px;}
#commitment .min-width {background:url(../_images/commitmentbg.jpg) top center no-repeat;height:850px;}
#beautifulppl .min-width {background:url(../_images/beautifulpplbg.jpg) top center no-repeat;height:850px;}
#the_coalition .min-width {background:black top center no-repeat;height:850px;}

#container {width:100%;position:relative;height:100%;}
#containerwrap {position:absolute;width:100%;height:100%;background: transparent url(../_images/grid.png) 0 0 repeat fixed;filter:alpha(opacity=05); opacity:0.05;z-index:1;}
.film #containerwrap {background: transparent url(../_images/gridw.png) 0 0 repeat fixed;filter:alpha(opacity=10); opacity:.1;}
#content {width:990px;margin:0 auto;padding:130px 10px 40px;z-index:10;position:relative;}
.film #content {max-height:722px;overflow:hidden;}
* .film #content {height:722px;}

/****** Page Styles ******/

section {width:460px;float:right;padding-right:15px;padding-bottom:40px;}
section h2 {margin-bottom:5px;}

.infoleft {float:left;margin-top:20px;width:450px;}
#team .infoleft {width:375px;}

/*** Home ***/
#home .simpleSlide-window, #home .simpleSlide-slide {width:1000px;height:305px;}
a.homeslide {height:18px;width:18px;display:block;position:absolute;bottom:60px;right:20px;background:transparent url(../_images/home.png) 0 0 no-repeat;z-index:10;cursor:pointer;}
a.homeslide:hover {filter:alpha(opacity=5); opacity:0.5;}
/* add arrow to homepage rollover state *** remember to change .callout margin-top:0
.simpleSlide-slide[alt="2"] {background: url(../_images/uparrow.png) 0 bottom no-repeat;}
.simpleSlide-slide[alt="3"] {background: url(../_images/uparrow.png) 238px bottom no-repeat;}
.simpleSlide-slide[alt="4"] {background: url(../_images/uparrow.png) 476px bottom no-repeat;}
.simpleSlide-slide[alt="5"] {background: url(../_images/uparrow.png) 714px bottom no-repeat;}
*/

/*.simpleSlide-slide[alt="2"] {background-color:#000;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;background: -moz-linear-gradient(100% 100% 90deg, #242424, #000);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#000));}*/
  
#home .simpleSlide-slide {-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}
#home .simpleSlide-slide[alt="2"] h1, #home .simpleSlide-slide[alt="3"] h1, #home .simpleSlide-slide[alt="4"] h1, #home .simpleSlide-slide[alt="5"] h1, #home .simpleSlide-slide p {padding:40px 0 0 30px; color:#fff;}
#home .simpleSlide-slide[alt="4"] h1, #home .simpleSlide-slide[alt="2"] h1 {font-size:60px;line-height:55px;}

#home .simpleSlide-slide[alt="5"] h1 {font-size:65px;line-height:60px;}
#home .simpleSlide-slide[alt="5"] p {font-size:24px;line-height:24px;}


#home .simpleSlide-slide[alt="3"] h1 {font-size:80px;line-height:65px;}
#home .simpleSlide-slide[alt="3"] h2 {font-size:30px;line-height:0px;padding:40px 0 0 30px; color:#fff;}

#home .simpleSlide-slide p {font-size:20px;font-family:'RalewayThin', Helvetica, Arial, sans-serif;color:#999;width:466px;padding-top:0;font-weight:lighter;line-height:22px;}
#home .simpleSlide-slide p a {background-color:#0068b3;color:#fff; text-decoration:none;padding:4px 7px;}
#home .simpleSlide-slide p a:hover {color:#0068b3;text-decoration:none;background-color:transparent;}
#home .simpleSlide-slide[alt="2"] {background: #000 url(../_images/slide-cannes.jpg) right top no-repeat;}
#home .simpleSlide-slide[alt="3"] {background: #000 url(../_images/slide-coalition.jpg) right top no-repeat;}
#home .simpleSlide-slide[alt="4"] {background: #000 url(../_images/slide-beautifulppl.jpg) right top no-repeat;}
#home .simpleSlide-slide[alt="5"] {background: #000 url(../_images/slide-ballsohard.jpg) right top no-repeat;}

.callout {width:229px;height:177px;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#cecece;float:left;margin:20px 10px 20px 0;}
.callout:last-child {}
.callout.first {background: url(../_images/tn-ballsohard.jpg) 0 0 no-repeat;margin-left:23px;}
.callout.second {background: url(../_images/tn-cannes.jpg) 0 0 no-repeat;}
.callout.third {background: url(../_images/tn-coalition.png) 0 0 no-repeat;}
.callout.fourth {background: url(../_images/tn-beautifulppl.jpg) 0 0 no-repeat;margin-right:20px;}


.callout a {font-size:55px;line-height:48px;color:#fff;font-family:'RalewayThin', Helvetica, sans-serif;text-transform:uppercase;padding-left:10px;padding-top:82px;display:block;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}
.callout.third a {font-size:35px;line-height:30px;padding-top:27px;} /* FOR LONGER TITLES */
.callout.third p {font-size:20px;line-height:30px;padding-top:45px;} /* FOR LONGER TITLES */
.callout.fourth a {font-size:35px;line-height:30px;padding-top:27px;} /* FOR LONGER TITLES */
.callout.second a {height:177px;width:219px;display:block;padding-top:0;}
.callout.first a {height:177px;width:219px;display:block;padding-top:0;}

/*
.callout.fourth a {padding-top:129px;}
*/
.callout a:hover {filter:alpha(opacity=90); opacity:0.9;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;}
.callout a:focus, .callout a.active {background-color:#0068b3;color:#fff; text-decoration:none;filter:alpha(opacity=90); opacity:0.9;}

/*** About ***/
.aboutnav {float:left;margin-top:40px;width:197px;margin-bottom:40px;}
.aboutnav li {background:url(../_images/flagnav.png) 0 0 no-repeat;height:34px;}
.aboutnav li a {display:block;width:177px;height:30px;color:#fff;line-height:31px;padding-left:20px;font-size:10px;background-color:#aeaeae;}
.aboutnav li a:hover {background-color:#0068b3;}

#terrell #content {background: transparent url(../_images/aboutterrell.jpg) 0 0 no-repeat;height:517px;padding-bottom:0;}
#terrell #content h1, #terrell #content p {color:#fff;}

#probowl #content {background: transparent url(../_images/probowl.jpg) left 70px no-repeat;height:517px;padding-bottom:0;}
#probowl a#pbregister {display:block;width:202px;height:71px;position:absolute;top:494px;left:305px;}
#probowl a#pbregister:hover {background:none;}
#probowl .disclaimer {position:absolute;bottom:20px; left:0;margin-left:20px;font-size:9px;color:#fff;}

/*** Films Page ***/
#films .simpleSlide-window, #films .simpleSlide-slide {width:1000px;/*height:427px;*/overflow:hidden;}
#films .simpleSlide-slide div {float:left;overflow:hidden;width:333px;font-size:10px;background:transparent url(../_images/ltn-black.jpg) left top no-repeat;}
#films .simpleSlide-slide div.sisters {background:transparent url(../_images/ltn-sisters.jpg) left top no-repeat;}
#films .simpleSlide-slide div.marcopolo {background:transparent url(../_images/ltn-marcopolo.jpg) left top no-repeat;}
#films .simpleSlide-slide div.commitment {background:transparent url(../_images/ltn-commitment.jpg) left top no-repeat;}
#films .simpleSlide-slide div.beautifulppl {background:transparent url(../_images/ltn-beautifulppl.jpg) left top no-repeat;}
#films .simpleSlide-slide div.the_coalition {background:transparent url(../_images/ltn-coalition.png) left top no-repeat;}
#films .simpleSlide-slide div:hover h3 {color:#0068b3;}
#films .simpleSlide-slide div:hover p {color:#333;}
#films a.film {width:312px;height:203px;display:block;background-color:#000;border-right:1px solid #fff;margin-bottom:10px;font-size:35px;padding-top:122px;padding-left:20px;text-transform:uppercase;line-height:40px;color:#fff;font-family:'RalewayThin', Helvetica, sans-serif;filter:alpha(opacity=60); opacity:0.6;}
/*
#films div.beautifulppl a.film {font-size:45px;line-height:37px;}
#films div.the_coalition a.film {font-size:55px;line-height:47px;}
 */
#films a.film:hover {background-color:transparent;filter:alpha(opacity=100); opacity:1.0;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#films .left-button, #films .right-button {position:absolute;margin-top:100px;font-size:100px;color:#fff;cursor:pointer;filter:alpha(opacity=10); opacity:0.1;z-index:10;}
#films .left-button {left:0;}
#films .right-button {right:0;}
#films .left-button:hover, #films .right-button:hover {filter:alpha(opacity=90); opacity:0.9;}

/*** Specific Film Pages ***/
.filmnav {margin-top:-10px;}
.filmnav a {font-size:12px;text-transform:lowercase;color:#fff;margin-right:10px;font-weight:bold;}
.filmnav a:hover, .filmnav a.active {background-color:transparent; color:#FFFF00;}
#filmcontent {width:100%;margin-top:76px;}
.accolades {float:left;width:20%;padding-right:15px;color:#fff;font-size:20px;font-family:"Times New Roman", Times, serif;font-style:oblique;line-height:25px;font-weight:lighter;padding-top:30px;}
.trailer {float:right;width:75%;color:#fff;}
.filminfo {float:left;width:50%;color:#fff;padding:20px;position:relative;}
.filminfo p {position:relative;z-index:10;}
.filminfo span {position:absolute;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#000;filter:alpha(opacity=60); opacity:0.6;width:100%;height:100%;top:0;left:0;z-index:0;}

#about .filmnav a {color:#999;}
#about .filmnav a:hover {color:#0068b3;}
#about .filmnav {margin-bottom:30px;}
/*** Team Page ***/
#team #content {background: transparent url(../_images/team.png) bottom right no-repeat;}

/*** Bottom/Footer ***/
#bottom {width:1000px;margin:0 auto;padding-top:36px;background:transparent url(../_images/botshadow.png) left top no-repeat;clear:both;position:relative;z-index:10;}
aside {width:30%;padding:0 15px;float:left;color:#9a9a9a;line-height:18px;font-size:10px;min-height:114px;}
aside.fb a {display:block;width:187px;height:34px;background:#cecece url(../_images/fbbg.png) left top no-repeat;font-size:14px;color:#7f7f7f;padding-left:62px;margin-bottom:2px;line-height:34px;text-transform:capitalize;}
aside.fb a:hover {background-position:left bottom;color:#fff;}

.infoleft aside {display:block; float:none;}

aside.tw {position:relative;}
aside.tw div {width:217px;background-color:#e2e2e2;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;padding:20px 20px 20px 40px;line-height:12px;}
aside.tw span.twlogo {position:absolute;margin-left:-25px;margin-top:15px;display:block;height:61px;width:62px;background:transparent url(../_images/tw.png) 0 0 no-repeat;}

footer {font-size:9px;color:#d0d0d0;clear:both;padding-bottom:20px;padding-top:75px;width:1000px;margin:0 auto;display:block;position:relative;z-index:10;}
footer ul {float:right;}
footer li {float:left;margin:0 20px;}
footer li a, footer a {color:#d0d0d0;}
footer li a:hover, footer a:hover {color:#7f7f7f;background-color:transparent;} 

/*JUITTER PLUGIN CSS*/

#juitterContainer{height:75px;overflow:auto;} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Below the list of tweets "<li>" */
#juitterContainer .twittLI{color:#777;list-style:none;margin:0;padding:5px 0 5px 0;clear:both;} 
#juitterContainer .twittList SPAN.time{color:#555;font-size:0.9em;}
#juitterContainer .twittList A{color:#9a9a9a;} /*Links inside the tweets list */
#juitterContainer .twittList A:hover{color:#333;background-color:transparent;} 

#juitterContainer .twittLI:hover{} 
#juitterContainer .twittLI:hover SPAN.time{color:#9a9a9a;}
#juitterContainer .twittLI:hover A{}

/* Below the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}
#juitterContainer .jRM{float:right;clear:both;display:none;} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .twittList a.hashLink{color:#0068b3;} /*CSS for the hash links*/
#juitterContainer .time {display:none;}

#events #juitterContainer {background:transparent url(../_images/tw.png) 0 0 no-repeat;padding-left:69px;}

/*** Form Styles ***/
input, textarea {-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #dcdcdc;width:300px;font-size:16px;font-family:'RalewayThin', Helvetica, sans-serif;padding:10px;margin-bottom:10px;}
textarea {height:100px;}
input:hover, textarea:hover {border:1px solid #c5c5c5;}
input:focus, textarea:focus {border:1px solid #0068b3;}
button {font-size:10px;color:#fff;background-color:#0068b3;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px 10px;border:0;margin-bottom:10px;}
button:hover {background-color:#0068f9;}
button:focus {padding-top:6px;padding-bottom:4px;}


/*#team #content {z-index:100;}
 Tooltip 
.tooltip {position:absolute;top: 0; left: 0; z-index: 100; display: none;margin-left:100px;color:#fff;width:250px; background: #000 url(../_images/tooltipbg.png) left 17px no-repeat; /*border: 1px solid #666;*//*filter:alpha(opacity=80); opacity:0.8;-moz-border-radius: 5px;	-webkit-border-radius: 5px; padding:10px 20px;text-decoration:none;font-size:12px;-webkit-box-shadow: #000 3px 3px 3px;	-moz-box-shadow: #000 3px 3px 3px;	box-shadow: #000 3px 3px 3px; }
.tooltip li {color:#fff;border:0;font-size:10px;}
.tooltip img {padding:0 10px 5px 0;}
.tooltip span {line-height:25px;color:#0068b3;display:block;font-size:18px;text-decoration:none;font-family:'RalewayThin', Helvetica, sans-serif;}
*/

/*** @font-face ***/

@font-face {
	font-family: 'RalewayThin';
	src: url('../_fonts/raleway_thin-webfont.eot');
	src: local('raleway_thin'), url('../_fonts/raleway_thin-webfont.woff') format('woff'), url('../_fonts/raleway_thin-webfont.ttf') format('truetype'), url('../_fonts/raleway_thin-webfont.svg#webfontkd6dQnDz') format('svg');
	font-weight: normal;
	font-style: normal;
}