@charset "UTF-8";
/* CSS Document */

html {
height:100%;
}
body  {
	font: 100% Gotham, Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	background: #ddd;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 14px;
}

a{
color:#999900;
text-decoration:none;
}

a img{ border:0; }

h1{
font-size:24px;
color:#FFFF00;
font-family:Gotham, Verdana, Arial, Helvetica, sans-serif;
font-weight:500;
line-height:1.2em;
}
h2{
font-size:18px;
color:#ffffff;
font-family:Gotham, Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
line-height:1.2em;
}
h2 a{
color:#FFFF00;
}
p{
margin:0;
padding: .5em 0;
line-height: 1.3em;
}

#container{ 
position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0;
padding: 0 0 0 0;
text-align: left; /* this overrides the text-align: center on the body element. */
background:url(/img/background.05.jpg) no-repeat;
background-color:#181922;
z-index:10;
} 
#bodyAbout #container{
background:url(/img/background.03.jpg) no-repeat;
background-color:#181922;
}
#bodyContact #container{
background:url(/img/background.03.jpg) no-repeat;
background-color:#181922;
}
#colLeft{
position:relative;
margin: 0 0 0 0;
padding: 110px 0 0 0;
background: transparent;
width:500px;
display: block;
float:left;
z-index:10;
}
#bodyHome #colLeft{
padding: 90px 0 0 0;
}

#colLeft .textbox{
width:460px;
margin:0;
display:block;
padding: 10px 10px 10px 50px;
z-index:10;
}

#colRight{
position:relative;
margin: 0 0 0 0;
padding: 56px 0 0 0;
background: transparent;
width: 380px;
display: block;
float: left;
z-index:100;
}

#colSingle{
position:relative;
margin: 0 0 0 0;
padding: 110px 0 0 0;
background: transparent;
width: 880px;
display: block;
z-index:10;
}

#colSpread{
position:relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: transparent;
width: 880px;
display: block;
float: left;
z-index:100;
}

.contentTab{
display:block;
width: 460px;
margin-left: 36px;
padding: 0;
background: transparent;
}
.contentTab div{
padding:0;
margin:0;
width: 460px;
z-index:10;
}
.contentTab .top{
display: block;
background:url(/img/tab.top.png) no-repeat;
height: 55px;
}
.contentTab .main{
background: url(/img/tab.main.png);
margin:0;
padding: 0;
display:block;
}
.contentTab .main div{
padding: 8px 28px;
width: 400px;
display:block;
}
.contentTab .bottom{
display: block;
background:url(/img/tab.bottom.png) no-repeat;
height: 27px;
}

.contentCard{
width: 380px;
margin-top:0px;
padding:0;
z-index:10;
}

.contentCard div{display: block; z-index:10;}

.contentCard .top{
background:url(/img/card.top.png) no-repeat;
height: 28px;
}

.contentCard .main{
background: url(/img/card.main.png) repeat-y;
padding: 0 45px 0 45px;
}
.contentCard .bottom{
background:url(/img/card.bottom.png) no-repeat;
height: 30px;
}

#colSingle .contentCard div{ width: 880px;}
#colSingle .contentCard .top{background:url(../img/card.single.top.png); height: 24px;}
#colSingle .contentCard .main{background:url(../img/card.single.main.png); padding:0;}
#colSingle .contentCard .main .content{padding:4px 79px; width:720px;}
#colSingle .contentCard .main p{padding:.2em 20px 1em 20px; font-size:14px;}
#colSingle .contentCard .main h1{margin:0; padding:0 20px .5em 20px; line-height: 1em; color: #444;}
#colSingle .contentCard .main h2{margin:0; padding:1em 20px .5em 20px; line-height: 1em; color: #444; font-weight:bold;}
#colSingle .contentCard .bottom{background:url(../img/card.single.bottom.png); height:25px;}

#colLeft .contentCard div{ width: 500px;}
#colLeft .contentCard .top{background:url(../img/card.left.top.png); height: 24px;}
#colLeft .contentCard .main{background:url(../img/card.left.main.png); padding:0;}
#colLeft .contentCard .main div{padding:4px 46px; width:437px; display:inline-block;}
#colLeft .contentCard .main p{padding:.2em 20px 1em 20px; font-size:12px;}
#colLeft .contentCard .main img{padding:.2em .8em .8em 20px;}
#colLeft .contentCard .main h1{margin:0; padding:0 20px .5em 20px; line-height: 1em; color: #444;}
#colLeft .contentCard .main h2{margin:0; padding:1em 20px .5em 20px; line-height: 1em; color: #444; font-weight:bold;}
#colLeft .contentCard .main hr{height: 2px; color:#BBB; background:#CCC; border: 0; margin-left:2px;}
#colLeft .contentCard .bottom{background:url(../img/card.left.bottom.png); height:25px;}

#colRight .contentCard .main p{ width:286px; font-size:12px; padding:8px;}

#colSpread .contentCard{width: 880px;}
#colSpread .contentCard .top{background:url(../img/card.spread.top.png); height: 24px;}
#colSpread .contentCard div{width: 880px;}
#colSpread .contentCard .main{background:url(../img/card.spread.main.png); padding:0;}
#colSpread .contentCard .main div{width:262px; display: inline-block; vertical-align:top;}
#colSpread .contentCard .bottom{background:url(../img/card.spread.bottom.png); height:25px;}


#kickstarterTab .top{background:url(/img/card.top.kickstarterTab.png) no-repeat; height: 52px;}
#kickstarterTab .main{text-align:center;}

#mailingTab .top{background:url(/img/card.top.mailingTab.png) no-repeat; height: 52px;}
#mailingTab .main{text-align:center;}

#tumblrTab .top{background:url(/img/card.top.tumblrTab.png) no-repeat; height: 52px;}
#tumblrTab .main{text-align:center;}

#newsTab .top{background:url(/img/card.left.top.newsTab.png) no-repeat !important; height: 58px !important;}
#newsTab .main{text-align:left;}
#newsTab .main img{display:inline-block; vertical-align:text-top;}
#newsTab .main p{display:inline-block; width: 290px; padding: .2em 0 0 0 !important; vertical-align:text-top;}


.clear{clear:both;}

#floatingLogo
{
width:880px;
height:100px;
margin-top:10px;
background:transparent;
z-index:20;
position:absolute;
top:0;
}
#floatingLogo span{
margin:0;
height:100px;
float:left;
display:block;
z-index:0;
}
#floatingLogo #left{ width:36px; background: url(/img/contrail.logo.light.left.png); }
#floatingLogo #main{ width:338px; background: url(/img/contrail.logo.light.main.png); z-index:5 }
#floatingLogo #right{ width:506px; background: url(/img/contrail.logo.light.right.png); }
#floatingLogo span span{display:none;}

#nav{
position: absolute;
top: 0;
width:470px;
height:52px;
margin-left:420px;
z-index:200;
}
#nav div{float: left;height:52px;}
#nav #left{
width:26px;
background:url(/img/nav.bkg.left.png) no-repeat;
text-align:left;
margin-left: 0;
display:block;
}
#nav #center{
width:400px;
margin-left: 0;
background:url(/img/nav.bkg.center.png) repeat-x;
display:block;
}
#nav #right{
width:30px;
background:url(/img/nav.bkg.right.png) no-repeat;
display:block;
}
#nav ul {	
z-index: 910; 
margin: 8px 0 0 4px; 
padding: 0;
}
#nav li {	
display: inline;
margin: 0;
list-style: none;
padding: 0;
}
#nav a	{	
float: left;
padding: 20px 0 0 0;
margin: 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
}
#nav a:hover {background-position: 0 -20px;}
#nav a:active, #nav a.selected {background-position: 0 -40px;}

#news a {background: url(/img/nav.news.gif) top left no-repeat transparent; width:46px;}
#about a {background: url(/img/nav.about.gif) top left no-repeat transparent; width:47px; margin-left: 6px;}
#seeit a {background: url(/img/nav.seeit.gif) top left no-repeat transparent; width:47px; margin-left: 10px;}
#press a {background: url(/img/nav.press.gif) top left no-repeat transparent; width:46px; margin-left: 10px;}
#buy a {background: url(/img/nav.buy.gif) top left no-repeat transparent; width:36px; margin-left: 10px;}
#friends a {background: url(/img/nav.friends.gif) top left no-repeat transparent; width:54px; margin-left: 10px;}
#faq a {background: url(/img/nav.faq.gif) top left no-repeat transparent; width:31px; margin-left: 12px;}
#contact a {background: url(/img/nav.contact.gif) top left no-repeat transparent; width:62px; margin-left: 12px;}

#kickstarter{ 
margin: 6px 0;
width: 290px;
height: 36px;
display:block;
background:url(/img/kickstarter.logo.png);
}
#kickstarter span{ display:none;}

#ulicu{
width: 154px;
height: 132px;
display:block;
background:url(/img/ulicu.logo.png);
margin-left:110px;
}
#ulicu span{display:none;}
#bodyHome #container #ulicu,#bodyAbout #container #ulicu,#bodySeeit #container #ulicu{
margin-left:360px;
}

.closer{
font-size:12px;
background:#000;
color:#fff;
margin: 0;
width:880px;
text-align:center;
display:block;
}
.closer span{text-align:center;
padding:5px;
display: block;}

.fltlft{
float: left;
}
.fltrgt{
float: right;
}
<!--[if IE 5]>

/* place css box model fixes for IE 5* in this conditional comment */
.thrColAbsHdr #sidebar1 { width: 180px; }
.thrColAbsHdr #sidebar2 { width: 190px; }