@import url(../fonts/stylesheet.css);

.IE {display: none;}

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,ul,ol,p {
	margin:0 0 10px;
}

* a {
	outline:none;
	text-decoration:none;
	color:#06c;
}

* a:hover {
	text-decoration:underline;
}

* a:active {
}

* a.clickable {
	position:relative;
}

* a.clickable:active {
	top:2px;
}

ul li {
	list-style:none;
}

html,body {
	height:100%;
}

body {
	font-family: 'FontinSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:18px;
	background:#EFEFEF url(../images/bg-thick.gif) repeat fixed 11px 0;
}

strong {font-family: 'FontinSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

#nav {
	position:fixed;
	top:0;
	right:0;
	z-index:500;
	padding-right:5px;
	margin:0;
	background:#FFF;
	background:rgba(255,255,255,.9);
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-box-shadow:3px 3px 10px #333333;
	-webkit-box-shadow:3px 3px 10px #333;
	z-index:999;
}

#nav li {
	ssdisplay:block;
	float:left;
	height:32px;
	width:32px;
	margin:5px 0 5px 5px;
}

#nav li a {
	display:block;
	height:32px;
	width:32px;
	text-indent:-9999em;
	background:transparent url(../images/icons.png) no-repeat 0 0;
}

#nav li.home a {
	background-position:0 0;
}

#nav li.home.current a,#nav li.home a:hover {
	background-position:0 -34px;
}

#nav li.about a {
	background-position:-34px 0;
}

#nav li.about.current a,#nav li.about a:hover {
	background-position:-34px -34px;
}

#nav li.projects a {
	background-position:-68px 0;
}

#nav li.projects.current a,#nav li.projects a:hover {
	background-position:-68px -34px;
}

#nav li.contact a {
	background-position:-102px 0;
}

#nav li.contact.current a,#nav li.contact a:hover {
	background-position:-102px -34px;
}

#nav li.blog a {
	background-position:-136px 0;
}

#nav li.blog.current a,#nav li.blog a:hover {
	background-position:-136px -34px;
}

#frame {
	width:100%;
	overflow:hidden;
	min-width:1100px;
	min-height:650px;
	height:100%;
}

#container {
	position:relative;
	width:15000px;
	height:750px;
	overflow:scroll;
	overflow-y:hidden;
	overflow-x:hidden;
}

.station {
	width:3000px;
	height:650px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

.station-wrapper {
	width:1000px;
	height:550px;
	margin:0 1900px 0 0;
	padding:50px;
	background:#FFF;
	background:rgba(255,255,255,.9);
	-moz-border-radius-bottomright:25px;
	-webkit-border-bottom-right-radius:25px;

	
/* -moz-box-shadow:3px 3px 25px #666666;
										  -webkit-box-shadow:3px 3px 25px #666666; */
}

h1 {
	font-size:100px;
	color:#06C;
}

h3 {
	color:#013;
}

#blog h1 {
	color:#f80;
}

#blog-construction {
	position:absolute;
	top:0;
	left:0;
	background:#333;
	background:rgba(51,51,51,.5);
	height:650px;
	width:1100px;
	-moz-border-radius-bottomright:25px;
	-webkit-border-bottom-right-radius:25px;
	z-index:555;
}

#blog-construction #message {
	margin:200px auto;
	width:500px;
	background:#111;
	color:#FFF;
	padding:25px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:5px 5px 15px #111;
	-webkit-box-shadow:5px 5px 15px #111;
}

#blog-construction #message a {
	color:#06C;
}

strong.LL {
	color:#F80;
}

strong.TT {
	color:#06C;
}

.arrow-nav li {
	position:absolute;
	z-index:555;
}

.arrow-nav li a {
	display:block;
	width:32px;
	height:32px;
	background:transparent url(../images/titles-UI.png) no-repeat -524px -189px;
	text-indent:-9999em;
}

.arrow-nav li.prev a {
	background-position:-490px -189px;
}

.arrow-nav li.prev.down a {
	background-position:-592px -189px;
}

.arrow-nav li.next.up a {
	background-position:-558px -189px;
}

.arrow-nav li a:hover,.arrow-nav li.next.hover a {
	background-position:-660px -189px;
}

.arrow-nav li.prev a:hover,.arrow-nav li.prev.hover a {
	background-position:-626px -189px;
}

.arrow-nav li.prev.down a:hover,.arrow-nav li.prev.down.hover a {
	background-position:-728px -189px;
}

.arrow-nav li.next.up a:hover,.arrow-nav li.next.up.hover a {
	background-position:-694px -189px;
}


	
/********************************/

	
/**       HOME STATION         **/

	
/********************************/
#home h1 {
	width:894px;
	height:186px;
	background:#06C;
	color:#FFF;
	position:absolute;
	top:50px;
	left:0;
	background:#06C url(../images/titles-UI.png) no-repeat 0 0;
	text-indent:-9999em;
}

#home h2 {
	width:484px;
	height:39px;
	color:#013;
	position:absolute;
	top:255px;
	left:351px;
	background:transparent url(../images/titles-UI.png) no-repeat 0 -188px;
	text-indent:-9999em;
}

#home h3 {
	width:520px;
	height:200px;
	color:#013;
	position:absolute;
	top:375px;
	left:25px;
	background:transparent url(../images/titles-UI.png) no-repeat -591px -400px;
	text-indent:-9999em;
}

#home h4 {
	color:#036;
	width:306px;
	height:62px;
	position:absolute;
	top:435px;
	left:675px;	
}

#home h4 a{
	display: block;
	width:306px;
	height:62px;
	background:transparent url(../images/titles-UI.png) no-repeat 0 -229px;
	text-indent:-9999em;	
}

#home h4 span.icon {
	display:block;
	width:60px;
	height:60px;
	position:relative;
	left:-70px;
	top:-4px;
	float:left;
	background:transparent url(../images/icons.png) no-repeat -170px 0;
	text-indent:-9999em;
}

#home ul.arrow-nav {
	position:absolute;
	top:460px;
	left:993px;
}

#home .arrow-nav li.next a {
	background-position:-660px -189px;
}


	
/********************************/

	
/**       ABOUT STATION        **/

	
/********************************/
#about h1 {
	background: transparent url(../images/titles-UI.png) no-repeat 0 -294px;
	width: 260px; height: 72px;
	position:absolute;
	left:94px;
	top:163px;
	text-indent: -9999em;
}

#about h1 span.icon {
	display:block;
	width:60px;
	height:60px;
	background:transparent url(../images/icons.png) no-repeat -232px 0;
	position: absolute; top: 12px; right: -70px;
}

#about #text {
	width:615px;
	font-size:24px;
	position:absolute;
	top:275px;
	left:94px;
	z-index:555;
	color: #666;
	text-shadow: 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF;
	font-family: 'FontinSansBold', Helvetica, Arial, sans serif;
}

/*
#text p+p {
	margin:0 -30px 10px 30px;
}

#text p+p+p {
	margin:0 -15px 10px 15px;
}
*/

#text p+p+p+p {
	margin:30px 0 10px;
}

#about h3 {
	width:400px;
	height:77px;
	position:absolute;
	left:88px;
	top:524px;
	background:transparent url(../images/titles-UI.png) no-repeat -538px -223px;
	text-indent:-9999em;
}

#about li.prev {
	top:84px;
	left:13px;
}

#about li.next {
	top:29px;
	left:170px;
}


	
/********************************/

	
/**     PROJECTS STATION       **/

	
/********************************/
#projects h1 {
	width:355px;
	height:92px;
	position:absolute;
	left:138px;
	top:550px;
	background:transparent url(../images/titles-UI.png) no-repeat 0 -435px;
	text-indent:-9999em;
}

#projects h1 span {
	display:block;
	position:absolute;
	left:-70px;
	top:20px;
	width:60px;
	height:60px;
	background:transparent url(../images/icons.png) no-repeat -294px 0;
}

#projects li.prev {
	top:435px;
	left:46px;
}

#projects li.next {
	top:435px;
	left:187px;
}

.anythingSlider {
	width:500px;
	height:280px;
	position:relative;
	margin:80px 0 0 268px;
	z-index:333;
}

.anythingSlider .wrapper {
	width:480px;
	height:260px;
	overflow:auto;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	border:10px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.anythingSlider .wrapper ul {
	width:99999px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	margin:0;
}

.anythingSlider ul li {
	position:relative;
	display:block;
	float:left;
	padding:0;
	height:260px;
	width:480px;
	margin:0;
}

.anythingSlider .arrow {
	position:absolute;
	display:block;
	width:114px;
	height:36px;
	background:transparent url(../images/titles-UI.png) no-repeat;
	text-indent:-9999em;
	cursor:pointer;
}

.anythingSlider .forward {
	background-position:-422px -229px;
	left:250px;
	bottom:-36px;
}

.anythingSlider .back {
	background-position:-308px -229px;
	left:136px;
	bottom:-36px;
}

.anythingSlider .forward:hover {
	background-position:-422px -267px;
}

.anythingSlider .back:hover {
	background-position:-308px -267px;
}

#thumbNav {
	position:absolute;
	top:-10px;
	left:-208px;
	width:44px;
	height:300px;
}

#thumbNav a {
	display:block;
	height:44px;
	width:44px;
	background:transparent url(../images/lines-stations.png) no-repeat -224px -520px;
	text-indent:-999em;
	margin:0 0 37px;
}

#thumbNav a:hover {
	background-position:-224px -612px;
}

#thumbNav a.cur {
	background-position:-224px -566px;
}

#start-stop {
	display:none;
}

#start-stop.playing {
}

#start-stop:hover {
}


	
/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
	position:static;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
	border:0;
}

.anythingSlider .wrapper ul ul li {
	float:none;
	height:auto;
	width:auto;
	background:none;
}

.anythingSlider .wrapper .slideImage {
	width:480px;
	height:260px;
	overflow:hidden;
	background:#000;
}

.anythingSlider .wrapper .slideText {
	position:absolute;
	left:0;
	bottom:0;
	padding:15px;
	width:450px;
	background:#FFF;
	background:rgba(255,255,255,.9);
	color:#666;
}

.anythingSlider .wrapper .slideText h3 {
	margin:0;
}

.anythingSlider .wrapper .slideText h3 a {
	margin:0 0 5px;
	font-size:21px;
}

.GL.dotted {
	position:absolute;
	top:0;
	left:143px;
	width:828px;
	height:130px;
	background:transparent url(../images/lines-stations.png) no-repeat -613px -534px;
}

.GL.solid {
	position:absolute;
	top:137px;
	left:117px;
	width:30px;
	height:382px;
	background:#84B4E4;
}


	
/********************************/

	
/**     CONTACT STATION        **/

	
/********************************/
#contact {
	font-size:16px;
}

#contact h1 {
	width:327px;
	height:63px;
	position:absolute;
	left:277px;
	top:183px;
	background:transparent url(../images/titles-UI.png) no-repeat 0 -369px;
	text-indent:-9999em;
}

#contact h1 span {
	display:block;
	position:absolute;
	left:-224px;
	top:-112px;
	width:100px;
	height:100px;
	background:transparent url(../images/icons.png) no-repeat -304px -68px;
}

#info {
	position:absolute;
	left:225px;
	top:300px;
	z-index:555;
}

#info li,#david li,#tighe li {
	position:relative;
}

#info h3 {
	width:150px;
	height:22px;
	margin:0 0 2px;
	background:transparent url(../images/titles-UI.png) no-repeat -262px -306px;
	text-indent:-9999em;
}

#david {
	position:absolute;
	left:225px;
	top:400px;
	z-index:555;
}

#david h3 {
	width:93px;
	height:13px;
	margin:0 0 6px;
	background:transparent url(../images/titles-UI.png) no-repeat -262px -330px;
	text-indent:-9999em;
}

.tweet p {
	margin:0;
	padding:0;
	text-align:center;
	font-size:14px; line-height: 15px;
	position:relative;
	z-index:555;
	display: table;
}

.tweet p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0;
}

#david .tweet {
	width:144px;
	height:92px;
	padding:38px 36px 25px 25px;
	margin:-12px 0 0;
	background:transparent url(../images/titles-UI.png) no-repeat -357px -373px;
}

#tighe {
	position:absolute;
	left:525px;
	top:400px;
	z-index:555;
}

#tighe h3 {
	width:118px;
	height:17px;
	background:transparent url(../images/titles-UI.png) no-repeat -262px -349px;
	text-indent:-9999em;
	margin:0 0 2px;
}

li.email span a {
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	left:-20px;
	top:2px;
	background:transparent url(../images/titles-UI.png) no-repeat -413px -306px;
	text-indent:-9999em;
}

li.email span a:hover {background-position: -477px -305px;}
#info li.email span a:hover {background-position: -445px -305px;}

li.phone span {
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	left:-20px;
	top:2px;
	background:transparent url(../images/titles-UI.png) no-repeat -429px -306px;
	text-indent:-9999em;
}

#tighe .tweet {
	width:158px;
	height:80px;
	padding:23px 15px 22px 42px;
	margin:0 0 0 -17px;
	background:transparent url(../images/titles-UI.png) no-repeat -896px 0;
}

#social {
	position:absolute;
	left:525px;
	top:307px;
}

#social li {
	height:24px;
	clear:both;
	margin:0 0 7px;
}

#social li a {
	display:block;
	position:relative;
}

#social a span {
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999em;
	float:left;
	position:absolute;
	left:-30px;
	background:transparent url(../images/titles-UI.png) no-repeat -762px -188px;
}

#social .twitter a span {
	background-position:-840px -188px;
}

#contact li.prev {
	top:200px;
	left:100px;
}

#contact li.next {
	top:117px;
	left:186px;
}


	
/********************************/

	
/**       BLOG STATION         **/

	
/********************************/
#message a {
	display:inline-block;
	position:relative;
	margin:0 0 0 20px;
}

#message a .icon {
	display:block;
	position:absolute;
	left:-20px;
	top:4px;
	width:16px;
	height:16px;
	background:transparent url(../images/icons.png) no-repeat -790px -18px;
	text-indent:-9999em;
}

#message a .icon.about {
	background-position:-808px -18px;
}

#message a .icon.projects {
	background-position:-826px -18px;
}

#message a .icon.contact {
	background-position:-844px -18px;
}


	
/********************************/

	
/**        STOPS & LINES       **/

	
/********************************/
.stop {
	position:absolute;
	width:110px;
	height:110px;
	background:transparent url(../images/lines-stations.png) no-repeat 0 -520px;
	text-indent:-9999em;
	z-index:444;
}

.stop.home {
	left:613px;
	top:509px;
}

.stop.about {
	left:3060px;
	top:41px;
}

.stop.projects {
	left:6077px;
	top:449px;
}

.stop.contact {
	left:9147px;
	top:163px;
}

.stop.blog {
	left:12086px;
	top:189px;
	background-position:-112px -520px;
}

.BL.straight {
	position:absolute;
	height:50px;
	background:#06C;
	z-index:222;
}

.BL.straight.a {
	width:1968px;
	left:668px;
	top:539px;
}

.BL.straight.c {
	width:891px;
	left:3125px;
	top:71px;
}

.BL.straight.e {
	width:1159px;
	left:4193px;
	top:227px;
}

.BL.straight.g {
	width:1596px;
	left:5623px;
	top:479px;
}

.BL.straight.i {
	width:1514px;
	left:7316px;
	top:555px;
}

.BL.straight.k {
	width:861px;
	left:9334px;
	top:71px;
}

.BL.straight.m {
	width:2736px;
	left:10364px;
	top:219px;
}

.BL.slant {
	position:absolute;
	background:transparent url(../images/lines-stations.png) no-repeat;
	z-index:222;
}

.BL.slant.b {
	width:489px;
	height:518px;
	left:2636px;
	top:71px;
	background-position:0 0;
}

.BL.slant.d {
	width:177px;
	height:206px;
	left:4016px;
	top:71px;
	background-position:-489px 0;
}

.BL.slant.f {
	width:271px;
	height:302px;
	left:5352px;
	top:227px;
	background-position:-666px -156px;
}

.BL.slant.h {
	width:97px;
	height:126px;
	left:7219px;
	top:479px;
	background-position:-669px 0;
}

.BL.slant.j {
	width:504px;
	height:534px;
	left:8830px;
	top:71px;
	background-position:-937px 0;
}

.BL.slant.l {
	width:169px;
	height:198px;
	left:10195px;
	top:71px;
	background-position:-491px -208px;
}

.BL.dashed {
	position:absolute;
	width:1900px;
	height:50px;
	left:13100px;
	top:219px;
	background:transparent url(../images/blue-line-dotted.png) repeat-x -15px;
}


	
/********************************/

	
/**         WATERMARKS         **/

	
/********************************/
.watermark.fun {
	position:absolute;
	background:transparent url(../images/watermarks-bg.png) no-repeat;
	z-index:111;
}

.watermark.fun.train {
	width:257px;
	height:350px;
	background-position:0 0;
	top:223px;
	left:1055px;
}

.watermark.fun.escalator {
	width:409px;
	height:317px;
	background-position:-638px 0;
	top:100px;
	left:2430px;
}

.watermark.fun.suitcase {
	width:377px;
	height:313px;
	background-position:-259px 0;
	top:226px;
	left:1700px;
}

.watermark.fun.plane {
	width:444px;
	height:440px;
	background-position:0 -352px;
	top:325px;
	left:4557px;
}

.watermark.fun.heli {
	width:348px;
	height:218px;
	background-position:-1049px -218px;
	top:67px;
	left:5453px;
}

.watermark.fun.taxi {
	width:235px;
	height:216px;
	background-position:-1049px 0;
	top:342px;
	left:7525px;
}

.watermark.fun.man {
	width:310px;
	height:428px;
	background-position:-811px -364px;
	top:160px;
	left:8027px;
}

.watermark.fun.bus {
	width:233px;
	height:286px;
	background-position:-1123px -506px;
	top:272px;
	left:8450px;
}

.watermark.fun.ship {
	width:362px;
	height:378px;
	background-position:-447px -414px;
	top:325px;
	left:10520px;
}

.watermark.fun.martini {
	width:206px;
	height:203px;
	background-position:-1286px 0;
	top:25px;
	left:11400px;
}

.watermark.page {
	position:absolute;
	background:transparent url(../images/watermarks-pages.png) no-repeat;
	z-index:111;
}

.watermark.page.about {
	width:406px;
	height:314px;
	background-position:0 0;
	top:306px;
	left:3655px;
}

.watermark.page.projects {
	width:440px;
	height:436px;
	background-position:bottom right;
	top:250px;
	left:6565px;
}

.watermark.page.contact {
	width:307px;
	height:425px;
	background-position:0 -316px;
	top:195px;
	left:9755px;
}