/* VERSIONS SITE 1.2
###################################################
*/

body {
	font: 14px/1.75em "Lucida Grande", Lucida, helvetica, Arial, verdana, sans-serif;
	margin:0;
	padding:0;
	color:#848688;
	background-repeat:repeat-x;
	background-color:black;
	position:relative;
 	-webkit-text-size-adjust:auto;
}


h1, h2, h3, h4, h5 {color:white; font-weight:normal; margin:0;}
h2 strong {color:white; font-weight:bold;}

h1 {font-size:20px; padding-bottom:20px;}
h2 {font-size:19px; color:#a6a6a6; line-height:31px;}
h3 {font-size:15px; text-transform:uppercase;}
h4 {font-size:14px; font-weight:bold; display:inline;}
h5 {font-size:14px; display:inline;}
h6 {font-size:12px; color:#646566;}
hr {border:none; border-bottom:1px solid #333; margin-bottom:2em;}

a {color:#eee; text-decoration:none; border-bottom:1px solid #222; padding:0 0 1px 0;}
a:hover {border-bottom:1px solid #777; color:white;}
a, button {outline:none; -moz-outline:none}
a:focus, button:focus {outline:none; -moz-outline:none}
a::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0;}

ul {list-style-type:none; margin:0; padding:0;}

::selection {background:#999; /* Safari */}
::-moz-selection {background: #999; /* Firefox */}

.svn-lighted-green span {color:#badb9d; text-shadow:0px 1px 1px rgba(0,0,0,.7);/*background-color:#193b05;*/}
.lighted-green span {background-color:#1d4508; color:#badb9d; text-shadow:0px 1px 1px rgba(0,0,0,.7); padding-bottom:2px;}
.lighted-blue span {background-color:#1c3a68; color:#aacdf0; text-shadow:0px 1px 1px rgba(0,0,0,.7); padding-bottom:2px;}

#shine {
	height:247px;
	min-width:980px;
	background-image:url("/media/images11/shine.jpg");
	background-position:center top;
	background-repeat:no-repeat;}

#glow-big {background:url("/media/images11/sprite-glow.jpg"); position:absolute; width:917px; height:235px;
	z-index:-150; top:160px; left:-240px; background-position:left top;}
/* Special case */
#power_users_header {margin-right:-4px;}

/* SPINNER
###################################################
*/
.animation {position:absolute;top:45%;left:50%; margin-left:-16px;}


/* BUTTONS
###################################################
*/

.button-big, .button-small, .button-step-small {color:white; font-size:16px; display:block; border:none; position:relative; cursor:pointer; -webkit-user-select:none;}
.button-big:active, .button-small:active, .button-step-small:hover, .button-big:hover, .button-small:hover {border:none;}
.button-big:active, .button-step-small:active, .button-small:active {top:1px;}

.button-big {
	display:block;
	border:none;
	text-shadow:0px 1px 2px rgba(0,0,0,.5);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:205px;
	height:38px;
	font-size:18px;
	padding:13px 0 0 0px;

	}

.button-small, .button-step-small {
	height:32px;
	padding:6px 0 0 0;
	text-shadow:0px 1px 2px rgba(0,0,0,.5);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

.green {
	background:#3a6c07;
/*	-webkit-box-shadow:0 -1px 0px #95c762;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#6ea03b), to(#164800));
	background: -moz-linear-gradient(top, #6ea03b, #164800);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ea03b", endColorstr="#164800");}
.green:hover {
	background:#477914;
	background: -webkit-gradient(linear, left top, left bottom, from(#578927), to(#134000));
	background: -moz-linear-gradient(top, #578927, #134000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#578927", endColorstr="#134000");}
.green:active {
	background:#295b00;
	background: -webkit-gradient(linear, left top, left bottom, from(#134000), to(#2d5c00));
	background: -moz-linear-gradient(top, #134000, #2d5c00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134000", endColorstr="#2d5c00");}


.blue {
	background:#25487f;
	background: -webkit-gradient(linear, left top, left bottom, from(#476daf), to(#11315e));
	background: -moz-linear-gradient(top, #476daf, #11315e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#476daf", endColorstr="#11315e");}
.blue:hover {
	background:#345790;
	background: -webkit-gradient(linear, left top, left bottom, from(#335799), to(#0f2b55));
	background: -moz-linear-gradient(top, #335799, #0f2b55);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#335799", endColorstr="#0f2b55");}
.blue:active {
	background:#1a3c6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e2a55), to(#1d3c6f));
	background: -moz-linear-gradient(top, #0e2a55, #1d3c6f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e2a55", endColorstr="#1d3c6f");}


.black {
	background:#21252f;
	background: -webkit-gradient(linear, left top, left bottom, from(#272b35), to(#1a1e28));
	background: -moz-linear-gradient(top, #272b35, #1a1e28);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272b35", endColorstr="#1a1e28");}
.black:hover {
	background:#1d212b;
	background: -webkit-gradient(linear, left top, left bottom, from(#22262f), to(#171a23));
	background: -moz-linear-gradient(top, #22262f, #171a23);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22262f", endColorstr="#171a23");}
.black:active {
	background:#1d212b;
	background: -webkit-gradient(linear, left top, left bottom, from(#171a23), to(#1c1f28));
	background: -moz-linear-gradient(top, #171a23, #1c1f28);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171a23", endColorstr="#1c1f28");}


.grey {
	background:#21252f;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf1fc), to(#808694));
	background: -moz-linear-gradient(top, #edf1fc, #808694);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf1fc", endColorstr="#808694");}
.grey:hover {
	background:#1d212b;
	background: -webkit-gradient(linear, left top, left bottom, from(#e8edfb), to(#6d7381));
	background: -moz-linear-gradient(top, #e8edfb, #6d7381);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8edfb", endColorstr="#6d7381");}
.grey:active {
	background:#1d212b;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b717f), to(#a3aaba));
	background: -moz-linear-gradient(top, #6b717f, #a3aaba);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6b717f", endColorstr="#a3aaba");}

/* INTRODUCTION
###################################################
*/

#menu-wrapper {height:40px; width:940px; padding:0 20px; margin:0 auto;}
#blackpixel-logo { width:90px; height:25px; margin-top:20px; float:left; background:url("/media/images11/sprite.png");
	display:block; background-position:-160px -360px; border:none;}

#top-menu {float:right;}
#top-menu a {float:right; text-shadow:0 1px 3px rgba(0,0,0,.1); padding:17px 0 0 0px; display:block;
	color:#a1aec3; font-size:16px; text-decoration:none; border-bottom:none; margin-left:35px; }
#top-menu.light a {color:#D3DBE8;}
#top-menu a:hover, #top-menu a.active  {text-shadow:0 1px 3px rgba(0,0,0,1); color:white;}
#top-menu a span {display:block; float:left; margin:4px 7px 0 0; background-image:url("/media/images11/sprite.png"); border-color:transparent;}
#download span {background-position:-165px -477px;width:12px; height:20px; }
#top-menu-buy span {background-position:-193px -476px;width:20px; height:22px;}
#top-menu-support span {background-position:-229px -476px;width:26px;height:22px; }
#top-menu-releasenotes span {background-position:-269px -476px;width:16px;height:20px;  }
#top-menu-home span {background-position:-131px -474px; width:20px;height:20px; }
#top-menu.light #download span {background-position:-165px -415px;width:12px; height:20px; }
#top-menu.light #top-menu-buy span {background-position:-193px -414px;width:20px; height:22px;}
#top-menu.light #top-menu-support span {background-position:-229px -415px;width:26px;height:22px; }
#top-menu.light #top-menu-releasenotes span {background-position:-270px -415px;width:16px;height:20px;  }
#top-menu.light #top-menu-home span {background-position:-131px -415px; width:20px;height:20px; }

#download:hover span,
#top-menu.light #download:hover span,
#download.active span,
#top-menu.light #download.active span  {background-position:-165px -446px;}
#top-menu-buy:hover span,
#top-menu.light #top-menu-buy:hover span,
#top-menu-buy.active span,
#top-menu.light #top-menu-buy.active span {background-position:-193px -445px;}
#top-menu-support:hover span,
#top-menu.light #top-menu-support:hover span,
#top-menu-support.active span,
#top-menu.light #top-menu-support.active span {background-position:-229px -446px; }
#top-menu-releasenotes:hover span,
#top-menu.light #top-menu-releasenotes:hover span,
#top-menu-releasenotes.active span,
#top-menu.light #top-menu-releasenotes.active span {background-position:-270px -446px;}
#top-menu-home:hover span,
#top-menu.light #top-menu-home:hover span,
#top-menu-home.active span,
#top-menu.light #top-menu-home.active span {background-position:-131px -446px;}


#versions-icon {background-image:url("/media/images11/sprite.png"); background-position:-345px top;
	width:434px; height:328px; margin:55px auto 0 auto; position:relative; right:-25px;}
#versions-icon a {position:absolute; width:40px; height:40px; bottom:70px; right:0; border:none;}

#top {height:1000px; min-width:980px; background-image:url("/media/images11/sprite.jpg");
	background-position:center -283px; background-repeat:no-repeat; position:relative; z-index:50;}


/*  SCREENSHOT BIG  */
.black-bg {display:none; background-color:#000; filter:alpha(opacity=60);
	-moz-opacity: 0.6; opacity: 0.6; z-index: 300; position:absolute; top:0; right:0; bottom:0; left:0;}


#screenshot-modal-wrapper {background-color:black; border:1px solid #1e1f21; position:fixed;top:50%; margin-top:-300px;
	left:50%; margin-left:-478px;  z-index:500; display:none;}
#screenshot-modal-wrapper .close-screenshot-modal-wrapper
	{width:28px; height:29px; background-image:url("/media/images11/sprite.png");
	background-position:-264px -119px; position:absolute; top:-10px; left:-10px; cursor:pointer;}
#screenshot-modal {
	width:940px; height:627px;
	position:relative;
	margin:7px;
	background:#131720;
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#25272E));
	background: -moz-linear-gradient(top, #000000, #25272E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#25272E");
/*	282e3e*/
}

#screenshot-modal #screenshot-full {width:905px; height:581px;margin:25px auto 0 auto;}
#screenshot-modal ul.stepper-big {width:90px; margin:0px auto 0 auto;}
#screenshot-modal ul.stepper-big li {background-image:url("/media/images11/sprite.png"); width:16px;
	height:15px; background-position:-296px -168px; float:left; padding:7px; cursor:pointer; }
#screenshot-modal ul.stepper-big li.active {background-position:-260px -168px; }


/*  SCREENSHOT SMALL  */
#screenshot-wrapper {position:relative; margin-top:50px;}
#screenshot-wrapper .magnify {width:69px; height:69px; background-image:url("/media/images11/sprite.png");
	background-position:-267px -24px;	margin:0px auto; position:relative; top:90px; display:none;}
#screenshot-wrapper .screenshot {width:436px; height:301px; margin-left:-5px;
	background-image:url("/media/images11/screenshot.png"); background-repeat:no-repeat; cursor:pointer;}


#intro-wrapper {width:940px; margin:55px auto 0 auto; padding:0 20px; }
#intro-wrapper .left-column {width:440px; float:left;}
#intro-wrapper .right-column {width:454px; float:right; position:relative; padding-top:15px;}
#intro-wrapper .top .green {float:left;}
#intro-wrapper .top .blue {float:right;}
#intro-wrapper .top .button-big span {background-image:url("/media/images11/sprite.png");
	height:32px; width:32px; float:left; margin:-3px 15px 0 10px;}
#intro-wrapper .top .blue span {background-position:-73px -400px;}
#intro-wrapper .top .green span {background-position:-73px -365px;}
#intro-wrapper .bottom {clear:both; margin-top:125px;}
#intro-wrapper .bottom .column-left {float:left; width:225px;}
#intro-wrapper .bottom .column-right {float:right; width:210px; margin-right:-5px;}




/* MAIN FEATURES
###################################################
*/

#main-features {float:left; font-size:12px; line-height:20px; width:940px;  }
#main-features li { float:left; position:relative;}
#main-features li span {padding-left:0px;}

li#main-feature-browse {margin-left:0; width:215px;}
li#main-feature-timeline {margin-left:30px; width:195px;}
li#main-feature-integration {margin-left:45px; width:210px;}
li#main-feature-batteries {margin-left:35px; width:210px;}

#main-feature-timeline div, #main-feature-browse div, #main-feature-integration div, #main-feature-batteries div {
	background-image:url("/media/images11/sprite.png"); width:40px; height:40px; margin:10px 10px 0 0; float:left;}

#main-feature-browse div  {background-position:-85px -150px;}
#main-feature-timeline div  {background-position:-29px -21px;}
#main-feature-integration div  {background-position:-83px -21px; width:45px;}
#main-feature-batteries div  {background-position:-145px -21px;}




/* WORKING WITH SUBVERSION
###################################################
*/

#how-it-works {background-image:url("/media/images11/sprite.jpg"); background-repeat:no-repeat;
	background-position:center 250px; height:530px; margin-top:60px; }

#svnsteps-wrapper {margin:0px auto; padding:0 20px;  position:relative; height:450px; width:940px; border-top:4px double #252627;}
#svnsteps-wrapper .title {margin:-10px auto 0 auto; width:320px; height:20px; background-image:url("/media/images11/sprite.png"); background-position:-305px -417px; position:relative;}

#svnsteps {height:350px;background:black; position:relative; float:left; width:200px;
	margin:30px 0 0 -10px;padding:10px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#svnsteps .svnstep {margin:0 0 0px 0;}
#svnsteps #svnstep-4 {margin-bottom:0;}
#svnsteps .spacer {height:5px; font-size:0; line-height:0;}
#svnsteps .svnstep p {padding:0px 2px 0px 2px; line-height:22px;display:none;overflow:hidden;
	height:167px;margin:0 0 0; top:6px; position:relative; }
#svnsteps .svnstep .button-step-small {margin-bottom:0px;}
#svnsteps .svnstep .button-step-small span {
	background-image:url("/media/images11/sprite.png");
	background-repeat:no-repeat;
	width:24px;
	height:23px;
	float:left;
	margin:1px 8px 0px 8px;
	font-size:12px;
	text-align:center;
	padding-top:1px;
}

#svnsteps-wrapper #svnsteps .svnstep .black span {background-position:-28px -400px; color:#5F6572; display:block;}
#svnsteps-wrapper #svnsteps .svnstep .green span {background-position:-28px -365px; color:#acce8a; display:block;}
#svnsteps-wrapper .image-wrapper {float:right; width:630px; height:380px; margin:70px 0 0 20px;}
#svnsteps-wrapper .animation {margin-left:148px;}

/* BOTTOM
###################################################
*/
#bottom {padding:0 20px; margin:0 auto; width:940px;}

#info-wrapper {float:left; padding:40px 0 0 0;}
#info-wrapper .first-column {float:left; width:330px;}
#info-wrapper .second-column {float:left; width:260px; margin:5px 0 0 50px;}
#info-wrapper .third-column {float:left; width:260px; margin:5px 0 0 40px;}
#info-wrapper .first-column ul {margin-top:26px;}
#info-wrapper .first-column ul li {padding:5px 0 7px 5px; line-height:22px;}
#info-wrapper .first-column ul li span {padding-left:0px;}
#info-wrapper .first-column ul li div {width:42px; margin-right:25px; float:left; background-image:url("/media/images11/sprite.png"); }
#info-wrapper .first-column ul li.developers div {background-position:-27px -76px; height:42px; margin-top:-4px;}
#info-wrapper .first-column ul li.designers div { background-position:-87px -89px; height:30px; margin-top:7px;}
#info-wrapper .first-column ul li.managers div {background-position:-144px -88px; height:30px; margin-top:6px;}
#info-wrapper .first-column ul li.editors div {background-position:-204px -90px;height:30px; margin-top:7px;}
#info-wrapper span.versatile-icon {float:right; background-image:url("/media/images11/sprite.png"); background-position:-38px -228px; width:100px; height:103px; margin:-33px 5px 0 10px; display:block; background-color:transparent;}
#info-wrapper span.powerful-icon {float:right;background-image:url("/media/images11/sprite.png"); background-position:-169px -242px; width:76px; height:85px; margin:-15px 20px 0 10px; display:block; background-color:transparent;}

/* AWARDS & CUSTOMERS
###################################################
*/


#promo-wrapper {float:left; width:100%; border:1px solid #252627; margin:70px 0 0 0;
	background-repeat:repeat-x; background-position:left bottom; position:relative;}

#promo-wrapper .title {margin:0px auto 0 auto; width:272px; height:20px; position:relative; top:-10px;
	background-image:url("/media/images11/sprite.png"); background-position:-636px -417px; }

#promo .img {height:373px; background-image:url("/media/images11/sprite.png");
	background-position:20px -510px; background-repeat:no-repeat; padding:20px 0 0 0px;}

#promo .quote {position:absolute; width:305px; height:100px; bottom:30px; left:55px; font-style:italic; text-shadow:0px 1px 2px rgba(0,0,0,.8); color:#fff; font-size:13px; line-height:18px;}
#promo .quote .begin, #promo .quote .end {color:#535c6c; font-size:32px; line-height:16px; position:relative; font-family:"times";}
#promo .quote .begin {margin:0 0px 0 -20px; top:8px;}
#promo .quote .end {margin-right:0 -20px 0 0px; top:8px;}
#promo .quote h6 {font-style:normal; color:#717989; display:inline-block; margin-top:7px;}
#promo .quote h6 span {color:#535c6c;}
#promo .quote h6 a {color:#717989; text-decoration:none; border-bottom:none;}
#promo .quote h6 a:hover {color:#eee;}
#promo {
	height:420px;
	margin:7px;
	background:#131720;
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#282e3e));
	background: -moz-linear-gradient(top, #000000, #282e3e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#282e3e");
	}

/* ADVERTISEMENT
###################################################
*/


#externals-wrapper {
	height:140px;
	margin:50px 10px 0 10px;
	padding:30px 0 0 0;
	font-size:11px;
	line-height:16px;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	border: none;
}

#externals-wrapper li {width:286px; height:120px; float:left; z-index:-100; border: none;}
#externals-wrapper li.right {float:right;}

#externals-wrapper li a.link {
	display:block;
	position:relative;
	width:286px;
	height:150px;
	background-image:url("/media/images11/sprite.png");
	left:0;
	z-index:0;
	border:none;}
#externals-wrapper li span {display:block; float:left; position:absolute; left:20px; z-index:100; text-shadow:0 1px 1px rgba(0,0,0,.8);}
#externals-wrapper li span strong {color:white; font-weight:bold;}

#kal-wrapper span {margin-top:72px; width:160px; color:#bc9bff;}
#kal-wrapper a.link {background-position:-18px -957px; margin-top:-15px;}
#assembla-wrapper span {margin-top:87px; width:162px; color:#cce0fb; }
#assembla-wrapper a.link  {background-position:-345px -943px; margin-top:-30px;}
#sub-wrapper span {margin-top:57px; width:167px; color:#87a0b3; }
#sub-wrapper a.link  {background-position:-672px -970px; }


#kal-wrapper {
	border:1px solid #40246c;
	background:#341862;
	background: -webkit-gradient(linear, left top, left bottom, from(#472186), to(#241044));
	background: -moz-linear-gradient(top, #472186, #241044);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#472186", endColorstr="#241044");}

#kal-wrapper:hover {
	border:1px solid #4a257f;
	background:#3c0b77;
	background: -webkit-gradient(linear, left top, left bottom, from(#511b99), to(#290556));
	background: -moz-linear-gradient(top, #511b99, #290556);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#511b99", endColorstr="#290556");}

#assembla-wrapper {
	border:1px solid hsl(215,60%,45%);
	margin-left:38px;
	background:hsl(215,60%,45%);
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(215,60%,45%)), to(hsl(215,60%,28%)));
	background: -moz-linear-gradient(top, hsl(215,60%,45%), hsl(215,60%,28%));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4786de", endColorstr="#254573");}

#assembla-wrapper:hover {
	border:1px solid #4f8bdc;
	margin-left:38px;
	background:#4f8bdc;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f8bdc), to(#314f7a));
	background: -moz-linear-gradient(top, #4f8bdc, #314f7a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f8bdc", endColorstr="#314f7a");}

#sub-wrapper {
	border:1px solid #0d1d2c;
	margin-left:38px;
	background:#071625;
	background: -webkit-gradient(linear, left top, left bottom, from(#0b2134), to(#04111d));
	background: -moz-linear-gradient(top, #0b2134, #04111d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b2134", endColorstr="#04111d");}

#sub-wrapper:hover {
	border:1px solid #042339;
	margin-left:38px;
	background:#021e35 ;
	background: -webkit-gradient(linear, left top, left bottom, from(#002843), to(#000f27));
	background: -moz-linear-gradient(top, #002843, #000f27);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002843", endColorstr="#000f27");}

/* FEATURES
###################################################
*/

#feature-wrapper {margin:60px 0 0 0; float:left;}
#feature-wrapper ul {margin-bottom:40px;}
#feature-wrapper h3 {margin-bottom:20px;}
#feature-wrapper li {font-size:12px; padding:0 0 8px 3px; margin-left:25px; line-height:18px;
	list-style-image:url("/media/images11/leaf.gif"); list-style-position:outside;}
#feature-wrapper li span {font-style:normal; color:#444; display:block; font-size:11px;}
#feature-wrapper .first-column {float:left; width:286px;}
#feature-wrapper .second-column {float:left;  width:286px; margin-left:40px;}
#feature-wrapper .third-column {float:left;  width:286px;  margin-left:40px;}
#feature-wrapper .first-column div, #feature-wrapper .second-column div, #feature-wrapper .third-column div{
	background-image:url("/media/images11/sprite.png"); width:40px; height:42px; float:left; margin:-8px 10px 0 0px;}

#feature-wrapper .connectivity {background-position:-30px -148px;}
#feature-wrapper .working-copy {background-position:-85px -150px;}
#feature-wrapper .history {background-position:-30px -20px;}
#feature-wrapper .more {background-position:-990px -180px;}
#feature-wrapper .repository {background-position:-202px -21px;}
#feature-wrapper .setup {background-position:-202px -145px;}
#feature-wrapper .requirements {background-position:-145px -150px;}

/* DOWNLOAD
###################################################
*/

#download-wrapper {width:917px; margin:20px auto; text-align:center; position:relative; height:210px; }
#download-wrapper b {color:#fff; font-weight:normal;}
#download-wrapper h2 {margin-bottom:20px;}
#download-wrapper .button-big {margin:0 auto 63px auto; text-align:left; z-index:50;}
#download-wrapper .green div {background-image:url("/media/images11/sprite.png"); background-position:-73px -365px; height:32px; width:32px; float:left; margin:-3px 13px 0 10px;}
#download-wrapper a.twitter {margin:0 auto; width:220px; cursor:pointer; display:block; border:none; font-size:12px; font-weight:bold; color:#dcdcdc; z-index:50; position:relative;}
#download-wrapper a.twitter span {display:block; background-image:url("/media/images11/sprite.png"); height:22px; width:22px; background-position:-22px -477px; float:left;}
#download-wrapper a.twitter:hover {color:white;}
#download-wrapper a.twitter:hover span {background-position:0 -477px;}
#download-wrapper .glow {width:917px; height:150px; background:url("/media/images11/sprite-glow.jpg"); background-position:center -229px; position:absolute; bottom:0px; left:0px; z-index:10;}


/* BUY PAGE
###################################################
*/

#buy-page-wrapper {
	width:740px;
	padding:0 20px;
	margin:70px auto 0 auto;
	background:black;
	height:500px;
	-webkit-border-radius:5px;}

/*-----------------------------------*/
/*THIS IS THE END OF THE MAIN PAGE*/
/*-----------------------------------*/

/* download popup */
#dlpop a {border-color:#303542; text-shadow:0px 1px 1px rgba(0,0,0,.8);}
#dlpop {
	width:330px;
	height:230px;
	position:fixed;
	color:#687284;
	top:45%;
	left:47%;
	margin:-112px 0 0 -141px;
	padding:20px;
	z-index:500;
	text-align:center;
	display:none;
	border:3px solid #898c94;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,.8);
	background-color:#21293d;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#21293d));
	background: -moz-linear-gradient(top, #000, #21293d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#21293d");
}

#dlpop h1 {margin-top:20px;}
#dlpop .icon {margin:5px auto 20px auto; width:61px; height:61px; background:url("/media/images11/sprite.png"); background-position:top right; }
#dlbutton {margin:20px auto 0 auto;font-weight:bold; width:87px; height:28px; color:black; text-shadow:0px 1px 1px #cbced5; padding-top:4px;}
#backdrop {left:0px; right:0px; background:black; width:100%; height:100%; position:fixed; z-index:199; opacity:0.7; display:none;}


/* individual release notes, shown in app */
#releasenote {margin:0; padding:15px; background:#fff; color:#000; font-size:12px;}
#releasenote a {color:#3C9112; border-bottom:1px solid #C4EA91;}
#releasenote a:hover {text-decoration:none; border-bottom:1px solid #3C9112;}
#releasenote h2 {color:#000; font-weight:bold;}
#releasenote h2 span {font-size:11px; font-weight:normal;}
#releasenote h3 {color:#000; font-weight:bold; font-size:12px; margin:7px 0; text-transform:none;}
#releasenote ul {padding:0px 0px 10px 25px; margin:0; list-style-image: url('/media/images/bullet_leaf.png');}
#releasenote li {margin-bottom:0.8em; list-style-position:outside;}
#releasenote li {margin-bottom:0.8em; list-style-position:outside;}
#releasenote ul li {margin:0; padding:1px; color:#000;}
#releasenote ul ul {padding:0 15px; list-style-image: url('/media/images/bullet_leaf_grey.png');}
#releasenote ul ul li {padding:0px; color:#666;}
#releasenote i {background:#DAE8B7; padding:0 4px; color:#263E0F; font-style:normal;}
/* used to warn people of os/hardware incompatibility */
#releasenote #warning {border:1px solid #c16868; background:#fff2f2; padding:5px 10px; margin-bottom:15px; -webkit-border-radius:3px;}
#releasenote #warning b {color:#260000; font-size:1.1em;}
#releasenote #warning strong {color:#260000; font-weight:bold;}



/* releasenotes, shown on website */
#releasenotes {width:740px; margin:0px auto}
#releasenotes h1 {margin:5px 0px 25px 0; font-size:2em;}
#releasenotes h2 {color:#eee; margin:35px 0 5px 0;}
#releasenotes h2 span {font-size:11px; font-weight:normal; text-transform:uppercase; color:#575859;}
#releasenotes h3 {color:#fff; font-weight:normal; font-size:12px; margin:7px 0;}
#releasenotes ul {padding:0px 0px 10px 25px;font-size:12px; line-height:24px; margin:0; list-style:circle; list-style-image: url('/media/images11/leaf.gif');}
#releasenotes li {margin-bottom:0.8em;list-style-position:outside;}
#releasenotes ul li {margin:0; padding:1px; color:#a6a6a6;}
#releasenotes ul ul {padding:0 17px; list-style-image: url('/media/images11/bullet_leaf_white.png');}
#releasenotes ul ul li {padding:0px; color:#626262; }
#releasenotes i {background:#253b05; padding:0 4px; color:#fff; font-style:normal;}



/* eula */
div.eulatext .icon {background:url("/media/images11/versions-128.png"); background-repeat:no-repeat;
	height:128px; width:128px; margin:0 auto 30px auto;}
div.eulatext {width:910px; position:relative; margin:00px auto 0 auto; padding:0 30px;}
div.eulatext h1 {text-transform:uppercase; text-align:center; padding-bottom:20px;}
div.eulatext p {margin-bottom:2.5em; text-align:justify;}

/* footer */

#footer {width:600px; text-align:center; color:#333; font-size:11px; line-height:18px; margin:60px auto 50px auto;}
#footer a {color:#444; border-color:#222;}
#footer a:hover {color:#999;border-color:#444;}


/* ==================== Support Section ==================== */

/* SUPPORT PAGE
###################################################
*/

#navigation {height:170px; background-image:url("/media/images11/sprite.jpg");
	background-repeat:no-repeat; background-position:center -100px; margin-bottom:30px;}

#support_wrapper {width:940px; position:relative; margin:0px auto 40px auto;}
#support_wrapper h1 {font-size:19px;}
#support_tabs {width:450px; float:left; }


/* support tabs */
ul.tabs {margin:0; padding:0; float:left; list-style:none; width:100%;}
ul.tabs h1 {margin:0; padding:2px 0 5px 0;}
ul.tabs li {float:left; margin:0 0 -1px 0; padding:6px 0 3px 0; position:relative; width:146px; text-align:center; border-width:1px 1px 0 1px; border-color:transparent; border-style:solid; z-index:10; }
ul.tabs li a {text-decoration:none;border:none;}
ul.tabs li a h4 {color:#555; text-decoration:none;}
ul.tabs li a:hover h4 {color:#fff; text-decoration:none;}
ul.tabs li.active a h4 {color:#fff;}
ul.tabs li.active {background:#121314; color:#fff;  border-color:#1c1c1d; border-width:1px 1px 0 1px; border-style:solid; }



/* faq & help */
.tab_container {clear:both; float:left; width:530px; border:1px solid #1c1c1d; background:#121314; position:relative;}
.tab_content {width:530px; }
.tab_content iframe.ifaq {height:900px; width:530px; }
#support_tabs #faq {width:530px; padding:35px 0px 0px 0px; overflow:hidden; }
	#faq dl {line-height:18px;}
	#faq dt, #faq dd {padding:0 20px 0 20px; background-repeat:no-repeat; background-position:left 2px; margin-left:30px;}
	#faq dt {margin-left:30px; color:#fff; background-image:url("/media/images11/q.png"); margin-bottom:4px; }
	#faq dd {margin-bottom:22px; background-image:url("/media/images11/a.png"); }
	#faq_help {display: block; text-align:center; width:100%; border-bottom:0; line-height:24px;
		color:#a6a6a6; background-color:#121314; height:45px; padding-top:23px; border-top:1px solid #1c1d1e;}
	#faq_help:hover {background:#0e0f10; color:#FFF;}
#help_window {display:block; text-align:center; color:#a6a6a6; background-color:#121314; height:45px; padding-top:23px; border-top:1px solid #1c1d1e; cursor:pointer;}
#help_window:hover {background:#0e0f10; color:#FFF;}


/* contact + email_sent */
.tab_content iframe.icontact {height:720px; width:530px;  overflow:hidden;}
#contact {height:675px; font-size:0.9em; width:480px; padding:25px 0px 0 25px;}
#contact input, #contact select {margin:2px 0 15px 0; padding:2px; font-size:1.1em;}
#contact input {border:0px solid white; -webkit-border-radius:3px; -moz-border-radius:3px; padding:7px 0 8px 5px;/* background-color:#262729;*/}
#contact .name, #contact .email, #contact .subject {width:355px; }
#contact select {font-size:1.2em; width:200px;}
#contact label {margin:0 0 0 5px;}
#contact button {width:150px;}
#contact textarea {width:470px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px;
	height:250px; resize:none; font-size:1.1em; padding:5px; margin:2px 0 15px 0;  /*background-color:#2b2e33;*/}
#contact .error {background-color:#6E0000; color:#FFABAB; font-size:0.8em; padding:1px 3px; margin-left:3px;}
#contact_email_address {position:absolute; bottom:0; left:0; text-align:center; width:100%; border-bottom:0;
		color:#a6a6a6; background-color:#121314; height:45px; padding-top:23px; border-top:1px solid #1c1d1e; }
#contact_email_address:hover {background:#0e0f10; color:#fff; border-bottom:0;}


/* right column */
#support_right {width:340px; float:right; margin-left:30px;}
	#support_right h1 {padding-bottom:2px;}
	#support_right p {font-style:italic;}
	#support_right h4 {margin-bottom:2px;}
	#support_right p a:hover {text-decoration:underline;}
	#support_right form {height:30px;}
	#support_right input {width:245px; border:0px solid white; -webkit-border-radius:3px; -moz-border-radius:3px; padding:7px 0 8px 5px; float:left;}


#lost_license {margin-top:6px;}
#lost_license form {margin:15px 0 0 0;}


/*submit button used in contact & lost license*/
form button {
	margin:0;
	text-align:center;
	height:32px;
	padding:0 0 0 0;
	color:#FFF;
	text-shadow:0px 1px 2px rgba(0,0,0,.5);
	font-size:16px;
	width:80px;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
form button:hover {color:#FFF; background-color:#535353;}
form button:active {color:#BEBEBE; background-color:#454545;}

/* discussions */
#group {margin-top:50px;}
#group form {margin:15px 0 0 0;}
#group h1 {position:relative;}
#group h1 a {display:block; position:absolute; top:7px; right:75px; height:11px; width:12px; z-index:10;
	background-image:url("/media/images11/feed.gif"); border:none; background-repeat:no-repeat;}
#group h1 a:hover {background-image:url("/media/images11/feed-active.gif"); }

/* recent tweets */
#tweets {margin-top:50px;}
#twitter {margin:5px 0 0 0;}
#twitter a {white-space:nowrap; border-width:0 0 0px 0; color:#575859;}
#twitter span a {color:#a6a6a6; border-width:0 0 1px 0px;}
#twitter ul {margin:0; padding:0; list-style:none;}
	#twitter li {margin:0; padding:15px 0px 4px 23px; font-size:12px; line-height:22px;
		background:url('/media/images11/bullet_tweet.gif') no-repeat left 21px;}
	#twitter li:hover a {}

/* MESSAGE PAGES
###################################################
*/


#versions-icon-64 {width:64px; height:64px; margin:0 auto; background-image:url("/media/images11/versions_64_white.png"); margin-bottom:20px;}

/* email sent messages */
#sup_email_sent {text-align:center; height:120px; width:400px; margin:100px 0 0 -200px; position:absolute; top:40%; left:50%;}
#license_email {width:380px; margin:40px auto 250px auto; }
#license_email.sorry {width:420px; margin:40px auto 250px auto; }
.message {text-align:center;}
.message h4 {margin-bottom:5px;}
.message p {}
.message a {font-size:16px;}
.message a.button-small {width:160px; margin:30px auto 0 auto;}
.message.feedback a {width:190px;}

#license_thanks {width:358px; margin:50px auto 125px auto;}
#license_thanks h1 { line-height:30px;}
#license_thanks .info {border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; margin:50px 0; padding:20px 0 30px 0; }
#license_thanks p.note {font-size:11px; line-height:18px; color:#444; margin-top:20px;}

#license_thanks #license_title {background-image:url("/media/images11/sprite-thankyou.png"); background-repeat:no-repeat; height:100px;}
#license_thanks.free #license_title {background-image:url("/media/images11/sprite-thankyou.png"); background-repeat:no-repeat; height:48px;}

#kal-button {
	display:block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#111216;
	border:1px solid #16171b;
	padding:12px;
	color:#848688;
	font-size:14px;
	margin:0 0 40px;
	line-height:20px;
	text-align:left;}
#kal-button:hover {
	background-color:#16171c;
	border:1px solid #1c1d21;
}
#kal-button #kal-icon-small {
	background-image:url("/media/images11/sprite-thankyou.png");
	background-repeat:no-repeat;
	background-position:-5px -292px;
	margin:0 15px 0 5px ;
	width:41px;
	height:39px;
	float:left;}
#kal-button b {color:white;}

/* apple_3d_party */
#apple_3d_party {width:416px; margin:50px auto 125px auto;}

#apple_3d_party .info {border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; margin:50px 0; padding:20px 0 30px 0; }
#apple_3d_party p {color:white; margin-bottom:20px;}
#apple_3d_party p.note {font-size:11px; line-height:18px; color:#444; margin-top:40px;  margin-bottom:0px;}
#apple_3d_party #apple_title {background-image:url("/media/images11/sprite-thankyou.png"); background-repeat:no-repeat; height:100px; background-position:0 -154px;}
#apple_3d_party button {width:100px; margin:0; height:31px; float:right; margin-right:40px; padding:0px 0 0 0; line-height:10px;}
#apple_3d_party input{
	margin:1px 0 0 25px;
	width:220px;
	padding:5px 0 6px 5px;
	background-color:#f8f8f9;
	border:1px solid #dedfe0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0px -1px 0px #adb1b7;
	-moz-box-shadow:0px -1px 0px #adb1b7;
}

/* =========== Retina =========== */


@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


#shine {background-image:url("/media/images11/shine-2x.jpg"); background-size: 1430px 247px;}
#glow-big {background-image:url("/media/images11/sprite-glow-2x.jpg"); background-size: 916px 384px;}
#blackpixel-logo {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#top-menu a span {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}

#top {background-image:url("/media/images11/sprite-2x.jpg"); background-size: 1603px 889px; background-position: center -283px}





#versions-icon {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px; background-position:-345px top;}


#screenshot-modal-wrapper .close-screenshot-modal-wrapper
	{background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#screenshot-modal ul.stepper-big li {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#screenshot-wrapper .magnify {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#screenshot-wrapper .screenshot {background-image:url("/media/images11/screenshot-2x.png"); background-size: 436px 301px;}
#intro-wrapper .top .button-big span {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#main-feature-timeline div, #main-feature-browse div, #main-feature-integration div, #main-feature-batteries div {
	background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#how-it-works {background-image:url("/media/images11/sprite-2x.jpg"); background-size: 1603px 889px; background-position: center 250px}
#svnsteps-wrapper .title {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#svnsteps .svnstep .button-step-small span {
	background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}

#info-wrapper .first-column ul li div {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}

#info-wrapper span.versatile-icon {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#info-wrapper span.powerful-icon {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}

#svnsteps-wrapper img {width:596px; height:312px}


#promo-wrapper .title { background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#promo .img {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#externals-wrapper li a.link {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px}

#feature-wrapper .first-column div, #feature-wrapper .second-column div, #feature-wrapper .third-column div {
	background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#download-wrapper .green div {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#download-wrapper a.twitter span {background-image:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px;}
#download-wrapper .glow {background:url("/media/images11/sprite-glow-2x.jpg"); background-size: 916px 384px}
#dlpop .icon {background:url("/media/images11/sprite-2x.png"); background-size: 1041px 1093px; background-position:top right;}

#feature-wrapper ul {list-style-type: none}
#feature-wrapper li {padding-left: 24px; list-style-image:none; background-image:url("/media/images11/leaf-2x.gif"); background-position: top left; background-repeat:no-repeat; background-size: 14px 16px}

#releasenotes ul {list-style-type: none}
#releasenotes ul li {padding-left: 24px; list-style-image:none; background-image:url("/media/images11/leaf-2x.gif"); background-position: top left; background-repeat:no-repeat; background-size: 14px 16px}
#releasenote ul ul {list-style-type: none}
#releasenotes ul ul li {padding-left: 24px; list-style-image:none; background-image:url("/media/images11/bullet_leaf_grey-2x.png"); background-position: top left; background-repeat:no-repeat; background-size: 14px 16px}

#versions-icon-64 {background-image:url("/media/images11/versions_64_white-2x.png"); background-size: 64px 64px}

div.eulatext .icon {background:url("/media/images11/versions-128-2x.png"); background-size: 128px 128px}
#navigation {background-image:url("/media/images11/sprite-2x.jpg"); background-size: 1041px 1093px; background-position:center -145px;}
#faq dt {background-image:url("/media/images11/q-2x.png"); background-size: 12px 12px}
#faq dd {background-image:url("/media/images11/a-2x.png"); background-size: 12px 12px}
#group h1 a {background-image:url("/media/images11/feed-2x.gif"); background-size: 12px 12px}
#group h1 a:hover {background-image:url("/media/images11/feed-active-2x.gif"); background-size: 12px 12px}
#twitter li {background:url('/media/images11/bullet_tweet-2x.gif'); background-size: 13px 12px}
#license_thanks #license_title {background-image:url("/media/images11/sprite-thankyou-2x.png"); background-size: 414px 344px}
#license_thanks.free #license_title {background-image:url("/media/images11/sprite-thankyou-2x.png"); background-size: 414px 344px}
#kal-button #kal-icon-small {background-image:url("/media/images11/sprite-thankyou-2x.png"); background-size: 414px 344px}
#apple_3d_party #apple_title {background-image:url("/media/images11/sprite-thankyou-2x.png"); background-size: 414px 344px}

#screenshot-modal img {width:906px; height:581px}

}