body {font:14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#111;}
* {
	margin:0;
	padding:0;
	font-size: 20px;
}
img {border:none;}
a:focus {outline:none; -moz-outline-style:none;}
.clear {clear:both;}



#top {
	min-width:960px;
	height:770px;
	position: relative;
	-webkit-user-select: none;
	overflow: visible;
	background-repeat: repeat;
}
#top .enclosure {
	width:940px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
#top .enclosure .enclosure_float {
	float:left;
	width:940px;
	position:relative;
	padding-bottom:170px;
}
#top .pretty-backdrop {
	height:771px;
	background-image: url(../../img/purple-flat.jpg);
}
#top .gradient {
	height:770px;
	background-image:-webkit-gradient(radial, center 40%, 700, center 40%, 0, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
	background-image:-moz-radial-gradient(rgba(0, 0, 0, 0), #111);}
#top .headline {
	width:567px;
	height:228px;
	margin-top:75px;
	display:block;
	position:relative;
	margin-left: -45px;
	z-index: 3;
}
#top .navigation {
	position:absolute;
	top:16px;
	right:8px;
	 margin-left:5px;
}
#top .navigation a {line-height:24px; font-size:16px; color:#9583db; margin-right:20px; font-weight:bold; text-decoration:none; border-bottom:1px solid #534283; position:relative; float:right;}
#top .navigation a:hover {border-bottom:1px solid #8e7bc5; color:#fff;}
#top .navigation a.bpxl:hover {background-position: -860px -34px;}
#top .h1 {
	font-size:20px;
	line-height:26px;
	color:#9182e7;
	font-weight:normal;
	width:480px;
	text-shadow:0px 2px 2px #000;
	float:left;
	line-height:30px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 3px;
}
#top .h1 a {
	color: #e1dcf3;
}
#top .h1 strong {color:#e1dcf3;}
#top .top-buttons {
	float:left;
	clear:both;
	margin: 0px 0px 0px 3px;
}
#navigation {
	position:absolute;
	z-index:100;
	bottom:0px;
	left:8px;
}
#navigation h2 {
	font-size:20px;
	color:#e1dcf3;
	padding:0 0 30px 3px;
	text-shadow:0px 1px 2px #000;
}
#navigation .tile {float:left; width:215px; margin-right:20px;position:relative;}
#navigation .tile .wraparound {margin-left:76px; margin-top:-5px;}
#navigation .tile span {color:#fff; font-size:16px; font-weight:bold; text-decoration:none; border-bottom:1px solid #534283; padding-bottom:3px; text-shadow:0px 1px 2px #000;}
#navigation .tile span:hover {border-bottom:1px solid #fff; cursor:pointer}
#navigation .tile p {
	color:#9485ea;
	font-size:16px;
	line-height:20px;
	text-shadow:0px 1px 2px #000;
	margin-top:1px;
}
#navigation .navigation-tile {
	width:64px;
	height:64px;
	position:absolute;
	top:0;
	left:0;
}

 
 
#animations {background:url("../../img/animations-pattern-band.png") repeat-x 0 95px;}
#animations .wraparound {
	width:960px;
	margin:70px auto 70px auto;
	height:900px;
}
#animations .headline {
	width:1065px;
	height:198px;
	background:url("../../img/zeroat2x.png") no-repeat;
	background-size:100%;
	margin-top:-13px;
	margin-left:-90px;
	margin-bottom:49px;
	display:inline-block;
}
#animations .headline h1 {display:none;}
#animations .scrollback {
	position:absolute;
	width:35px;
	height:16px;
	margin-top:32px;
	margin-left:890px;
	background: url("../../img/green-topat2x.png")   no-repeat;
	background-size:100%;
}
#animations .scrollback:hover {background:url("../../img/green-topat2x.png")  no-repeat; background-size:100%; cursor:pointer;}
#animations .container {margin:0 auto; padding:0 10px;}
#animations h1 {float:left; font-size:20px; line-height:25px; color:#111; font-weight:normal; margin-left:18px; width:480px;}

#animations .illustration {
	margin-top:80px;
	margin-left:-480px;
	margin-bottom:50px;
	box-shadow:  0px 0px 29px 0px #655ccd;
	float: none;
	}

#animations .illustration2 {
	margin-top:80px;
	margin-left:0px;
	margin-bottom:50px;
	box-shadow:  0px 0px 29px 0px #655ccd;
	float: right;
	}

#animations .lightningbolt {
	margin-top:82px;
	z-index: 3;
	position: absolute;
	margin-left: 930px;
	}

#animations .explanation {float:left; margin-left:18px; width:410px;}
#animations .explanation h2 {font-size:20px; line-height:26px; font-weight:normal;}
#animations .explanation ul {margin-top:26px; color:#757575;}
#animations .explanation ul span {color:#4d872a; background-color:#d3f3c0; padding:0 2px;}
#animations .explanation ul li {list-style-image: url("../../img/icon-check.png");}


  

#colorpalettes {height:960px; background:url("../../img/colorpalettes-pattern.jpg") top left repeat;}
#colorpalettes .serration {background:url("../../img/serration-bottom.png") repeat-x;}
#colorpalettes .enclosure {width:940px; margin:0 auto; padding:0 10px;}
#colorpalettes .scrollback {
	position:absolute;
	width:35px;
	height:16px;
	background:url("../../img/grey-topat2x.png")  no-repeat;
	margin-top:30px;
	margin-left:890px;
	background-size:100%;
}
#colorpalettes .scrollback:hover {background:url("../../img/grey-topat2x.png")  no-repeat; background-size:100%; cursor:pointer;}
#colorpalettes .headline {
	width:638px;
	height:183px;
	background:url("../../img/colorpalettes-headlineat2x.png")  no-repeat;
	background-size:100%;
	margin:60px 0 50px 0;
	margin:40px auto;
}



#colorpalettes .palette {
	margin-top:-45px;
	z-index: 3;
	position: absolute;
	margin-left: 84px;
	}



#colorpalettes .illustration1 {
	margin-top:580px;
	margin-left: 70px;
	margin-bottom:15px;
	position: absolute;
	}
	
	

#colorpalettes .illustration2 {
	margin-top:372px;
	margin-left: 315px;
	margin-bottom:0px;
	box-shadow:  0px 0px 29px 0px #b92b2d;
	position: absolute;
	}
	
	

#colorpalettes .illustration3 {
	margin-top:374px;
	margin-left: 755px;
	margin-bottom:0px;
	box-shadow:  0px 0px 29px 0px #b92b2d;
	position: absolute;
	}
	
	


#colorpalettes .illustration4 {
	margin-top:535px;
	margin-left: 703px;
	margin-bottom:0px;
	position: absolute;
	}
	
	 

#colorpalettes .headline h1 {display:none;}
#colorpalettes .stripe-wraparound {min-width:960px; margin-bottom:60px;}
#colorpalettes .stripe-wraparound table {width:100%; border:0; padding:0;height:83px;}
#colorpalettes .band {
	background:url("../../img/colorpalettes-stripe-pattern.png") repeat-x;
	  
		height:83px;
		background-position:left -2px;
	 
}
#colorpalettes .stripe-left {width:218px;height:83px;background:url("../../img/red-stripe-leftat2x.png") no-repeat; background-size:100%;}
#colorpalettes .stripe-left span {display:none;}
#colorpalettes .stripe-text {width:460px;height:83px;}
#colorpalettes .stripe-right {width:226px;height:83px;background:url("../../img/red-stripe-rightat2x.png") no-repeat; background-size:100%;}
#colorpalettes .stripe-right span {display:none;}
#colorpalettes h1 {font-size:20px; line-height:25px; color:#111; font-weight:normal; text-align:center;}
#colorpalettes .thing span:hover {color:#7b6e59; background-position: 0 -27px;  }
#colorpalettes .explanation {
	float:left;
	margin-left:18px;
	width:245px;
}
#colorpalettes .explanation h2 {font-size:20px; line-height:26px; font-weight:normal;}
#colorpalettes .explanation ul {margin-top:21px; color:#69655e; float:left;}
#colorpalettes .explanation ul span {color:#f5efe7; background-color:#a79983; padding:0 2px;}
#colorpalettes .explanation ul li {list-style-image: url("../../img/icon-check-white.png");}

#colorpalettes .mega-list {
	float:right;
	margin-left:18px;
	width:215px;
}
#colorpalettes .mega-list h2 {font-size:20px; line-height:26px; font-weight:normal;}
#colorpalettes .wraparound .enclosure .mega-list h2 a {
	text-decoration: underline;
	color: #000;
}

 
 



#bulbsets {height:830px; background:url("../../img/bulbsets-pattern.png") top left repeat; border-top:1px solid #e7decf;}
#bulbsets .top-gradient {height:20px;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
#bulbsets .enclosure {width:940px; margin:0 auto 70px auto; padding:0 10px; position:relative;}
#bulbsets .headline {
	width:463px;
	height:193px;
	background:url("../../img/buildyourbulbsetsat2x.png")  no-repeat;
	background-size:100%;
	margin-top:35px;
	margin-left: 14px;
}
#bulbsets .scrollback {
	position:absolute;
	width:35px;
	height:16px;
	background:url("../../img/grey-topat2x.png") no-repeat;
	background-size:100%;
	margin-top:30px;
	margin-left:890px;
}

 

#bulbsets .scrollback:hover {background:url("../../img/grey-topat2x.png")  no-repeat; background-size:100%; cursor:pointer;}

#bulbsets h1 {
	font-size:20px;
	line-height:25px;
	color:#939bbb;
	font-weight:normal;
	width:326px;
	text-shadow:0px 2px 2px #000;
	position:absolute;
	top:78px;
	right:142px;
	height: 54px;
}
#bulbsets h1 span {font-weight:bold; color:#fff;}
#bulbsets .arrows {min-width:960px;}
#bulbsets .arrows table {margin-top:40px; width:100%; border:0; padding:0;}
#bulbsets .green-tail {background:url("../../img/bulbsets-green-band.png") top left repeat-x;}
#bulbsets .green-arrow {width:410px; height:108px;background:url("../../img/groupsataglanceat2x.png") no-repeat; background-size:100%; padding-right:5px;}
#bulbsets .bulbset-space2 {
}
#bulbsets .bulbset-space1 {width:386px; height:108px; }
#bulbsets .arrow-labels {min-width:960px; margin-top:-45px; color:#fff; font-weight:bold; font-size:15px; text-shadow:0px 2px 2px #000;}
#bulbsets .arrow-labels table {width:100%; margin-bottom:60px;}
#bulbsets .label-1 {width:480px; text-align:center;}
#bulbsets .label-2 {width:480px; text-align:center;}
#bulbsets .explanation {float:left; margin-left:18px; width:410px;}
#bulbsets .explanation h2 {font-size:20px; line-height:26px; font-weight:normal; color:#BEC4D9;}
#bulbsets .explanation h2 strong {color:#fff;}
#bulbsets .explanation ul {margin-top:27px; color:#878fad; float:left;}
#bulbsets .explanation ul span {color:#cfd2e5; background-color:#373a4f; padding:0 2px; text-shadow:0px 1px 0px #111;}
#bulbsets .explanation ul li {list-style-image: url("../../img/icon-check-white.png");}
#bulbsets .text-block {float:right; width:220px; margin-left:25px;}
#bulbsets .text-block h3 {font-size:15px; text-transform:uppercase; margin-top:1px;}
#bulbsets .text-block p {margin-top:1px; color:#7b8197;}
#bulbsets .text-block a:hover {color:#fff; border-bottom:1px solid #cfd2e5;}




#bulbsets .palette {
	z-index: 3;
	position: absolute;
	margin-left: -50px;
	margin-top: 5px;
	top: 3061px;
	}




#bulbsets .bulbsetgui {
	margin-top:-42px;
	margin-left: 415px;
	box-shadow:  0px 0px 29px 0px #000000;
	position: absolute;
	}
  
 





#sharing {
	height:890px;
	background:url("../../img/purple-paper-tile.jpg") top left repeat;
	background-color: #191B2C;
}
 
#sharing .serration {
	background:url("../../img/navy-serration.png") repeat-x;
	margin-top: -1px;
}



#sharing .enclosure {width:940px; margin:0 auto; padding:0 10px;}
#sharing .scrollback {
	position:absolute;
	width:35px;
	height:16px;
	background:url("../../img/purple-topat2x.png")  no-repeat;
	background-size:100%;
	margin-top:-45px;
	margin-left:890px;
} 

#sharing .scrollback:hover {background:url("../../img/purple-topat2x.png")  no-repeat; background-size:100%; cursor:pointer;}

#sharing .headline {
	width:415px;
	height:178px;
	background:url("../../img/sharing-headlineat2x.png") no-repeat;
	background-size:100%;
	margin-top: -120px;
	margin-bottom: 60px;
	margin-left: 20px;
	position: absolute;
}



#sharing .palette {
	margin-top:-57px;
	z-index: 3;
	position: absolute;
	margin-left: 115px;
	}
	
	

#sharing .illustration2 {
	margin-top:0px;
	margin-left: 600px;
	margin-bottom:0px;
	box-shadow:  0px 0px 29px 0px #8a3fdc;
	position: absolute;
	}
	
	


#sharing .illustration4 {
	margin-top:20px;
	margin-left: 0px;
	margin-bottom:0px;
	}
	
	


#sharing .headline h1 {display:none;}
#sharing .stripe-wraparound {min-width:960px; margin-bottom:60px;}
#sharing .stripe-wraparound table {
	width:100%;
	border:0;
	padding:0;
	height:83px;
	margin-top: 110px;
}
#sharing .band {
	background:url("../../img/sharing-stripe-pattern.png") repeat-x;
	height:83px;
	background-position:left -2px;
}
#sharing .stripe-left {
	width:218px;
	height:83px;
	background:url("../../img/sharing-stripe-leftat2x.png") no-repeat;
	background-size:100%;
}
#sharing .stripe-left span {display:none;}
#sharing .stripe-text {width:460px;height:83px;}
#sharing .stripe-right {
	width:226px;
	height:83px;
	background:url("../../img/sharing-stripe-rightat2x.png") no-repeat;
	background-size:100%;
}
#sharing .stripe-right span {display:none;}
#sharing h1 {font-size:20px; line-height:25px; color:#111; font-weight:normal; text-align:center;}
#sharing .thing span:hover {color:#7b6e59; background-position: 0 -27px;  }
#sharing .explanation {
	float:left;
	margin-left:18px;
	width:300px;
}
#sharing .explanation h2 {font-size:20px; line-height:26px; font-weight:normal; color:#200d33;}
#sharing .explanation h2 strong {color:#fff;}
#sharing .explanation ul {margin-top:27px; color:#883edb; float:left;}
#sharing .explanation ul span {
	color:#cfd2e5;
	background-color:#ae8ad1;
	padding:0 2px;
	text-shadow:0px 1px 0px #111;
}
#sharing .explanation ul li {list-style-image: url("../../img/icon-check-white.png");}




#sharing .mega-list {
	float:right;
	margin-left:18px;
	width:215px;
}
#sharing .mega-list h2 {font-size:20px; line-height:26px; font-weight:normal;}






#footer {
	margin-top:0px;
	text-align:center;
	background: url(../../img/footer-pattern.png);
}
#footer .enclosure {
	height: 740px;
	margin-top: 0px;
}
#footer small {font-size:12px; line-height:18px; color:#898c98;}
#footer small a {
	color:#505258;
	text-decoration:none;
	border-bottom:1px solid #b0b3bf;
	padding-bottom:1px;
	font-size: 12px;
}
#footer small a:hover {
	color:#111;
	border-bottom:1px solid #505258;
	font-size: 12px;
}



#top #big_scintillator_logo {
	position:absolute;
	left:556px;
	top:140px;
	background:url('../../img/scintillator-logo-with-shadow.png');
	height:413px;
	width:386px;
}


#top #serration {
	position:absolute;
	left:0px;
	top:760px;
	background:url('../../img/serration-black.png');
	height:12px;
	width:100%;
}


 
 @media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx)

  {


#colorpalettes .serration {background:url("../../img/serration-bottomat2x.png") repeat-x;background-size: 6px 10px;}

#sharing .serration {
	background:url("../../img/navy-serrationat2x.png") repeat-x;
	margin-top: -1px;
background-size: 14px 28px;}


#top #serration {
	position:absolute;
	left:0px;
	top:760px;
	background:url('../../img/serration-blackat2x.png');
	
	height:12px;
	width:100%;
background-size:  6px 12px;}

 

 

#animations {background:url("../../img/animations-pattern-bandat2x.png") repeat-x 0 95px;background-size: 1px 70px;}


#animations .explanation ul li {list-style-image: url("../../img/icon-checkat2x.png");background-size: 14px 12px;}


 
  

#colorpalettes {height:960px; background:url("../../img/colorpalettes-patternat2x.jpg") top left repeat;background-size:207px 203px;}




#colorpalettes .band {
	background:url("../../img/colorpalettes-stripe-patternat2x.png") repeat-x;
	height:83px;
	background-position:left -2px;
background-size: 1px 84px;} 

#colorpalettes .explanation ul li {list-style-image: url("../../img/icon-check-whiteat2x.png");background-size: 14px 12;}



 
 
 
 


#bulbsets .green-tail {background:url("../../img/bulbsets-green-bandat2x.png") top left repeat-x;background-size: 1px 93px;}
 
#bulbsets .explanation ul li {list-style-image: url("../../img/icon-check-whiteat2x.png");background-size: 14px 12;}


 



  






#sharing .band {
	background:url("../../img/sharing-stripe-patternat2x.png") repeat-x;
	height:83px;
	background-position:left -2px;
background-size: 1px 84px;}
 
 
#sharing .explanation ul li {list-style-image: url("../../img/icon-check-whiteat2x.png");background-size: 14px 12;}



#footer {
	margin-top:0px;
	text-align:center;
	background: url("../../img/footer-patternat2x.png");
background-size: 132px 132px;}
 


}