body{
background: #fff;
}

#JoeDigitalimage1{
position:fixed;
left:115px;
top:294px;
/*margin:10px 0 0 107px;*/
background:none;
z-index:40;
}

#BoozDigitalimage1{
position:fixed;
left:165px;
top:244px;
/*margin:10px 0 0 107px;*/
background:none;
z-index:40;
}

#JoeDigitalimage2{
position:fixed;
left:355px;
top:294px;
background:none;
z-index:40;
}

#ipadbox1{
position:fixed;
left:115px;
top:94px;
/*margin:10px 0 0 107px;*/
width:371px;
height:472px;
background:#fff;
z-index:40;
}

#iphonebox1{
position:fixed;
left:171px;
top:148px;
height:383px;
width:255px;
background:#000;
z-index:40;
}

#BDbox1{
position:fixed;
left:100px;
top:28px;
height:383px;
width:255px;
background:none;
z-index:40;
}


#ipadbox2{
position:fixed;
left:0px;
top:0px;
z-index:41;
width:600px;
height:769px;
background:url(images/ipad-black1-transparent.png) no-repeat;
}

#iphonebox2{
position:fixed;
left:150px;
top:45px;
z-index:41;
width:600px;
height:769px;
background:url(images/iphone-black1-transparent.png) no-repeat;
}



#ipadbox3{
position:fixed;
float:left;
left:0px;
top:700px;
z-index:16;
width:662px;
height:700px;
background:#fff;
}

#ipadbox4{
position:fixed;
left:570px;
top:250px;
z-index:12;
width:100px;
height:100px;
background:#fff;
}

#gradient_bg{
	position:absolute; background:url(images/gradient-bg1.png) repeat-x; z-index:2; height:1200px; width:100%; left:0; top:0;
}

#over_gradient{
	z-index:3; position:absolute; left:0; top:0; height:inherit; width:100%;	
}

#container_a_desc1{
	position:fixed;
	top:185px;
	left:600px;
	z-index:96;
	width:33%;
}

#container_a_JD_desc1{
	position:fixed;
	top:50px;
	left:115px;
	z-index:6;
	width:33%;
}

#container_a_BD_desc1{
	position:fixed;
	top:290px;
	left:600px;
	z-index:96;
	width:33%;
}

#container_a_JD_desc2{
	position:fixed;
	top:155px;
	left:422px;
	z-index:16;
	width:33%;
}

#container_a_JD_desc2_a{
	position:fixed;
	top:85px;
	left:740px;
	z-index:16;
	width:33%;
}

#container_a_BD_desc2{
	position:fixed;
	top:405px;
	left:905px;
	z-index:16;
	width:33%;
}

#container_a_BD_desc3{
	position:fixed;
	top:420px;
	left:600px;
	z-index:26;
	width:33%;
}

#container_a_BD_desc4{
	position:fixed;
	top:0px;
	left:115px;
	z-index:6;
	width:33%;
}

#container_a_BD_desc2_a{
	position:fixed;
	top:85px;
	left:740px;
	z-index:17;
	width:33%;
}

#container_a_BD2_desc2{
	position:fixed;
	top:315px;
	left:505px;
	z-index:18;
	width:33%;
}

#container_a_BD3_desc2{
	position:fixed;
	top:315px;
	left:205px;
	z-index:11;
	width:33%;
}

#container_a_BD2_desc2_a{
	position:fixed;
	top:85px;
	left:740px;
	z-index:19;
	width:33%;
}


#container_a_desc2{
color:#000; font-size:30px; font-family:Arial, Helvetica, sans-serif;
float:left;
}

#container_a_desc2 p{
color:#000; font-size:18px; font-weight:lighter;
}


#gallery_icons{
	height:inherit;
	width:350px;}

#gallery_icons_JD{
	height:inherit;
	width:550px;}
	
#gallery_icons_BD{
	height:inherit;
	width:550px;}

#gallery_icons ul{
	margin:-10px 0 0 -40px;}

#gallery_icons_JD ul{
	margin:-10px 0 0 -40px;}
	
#gallery_icons_BD ul{
	margin:-10px 0 0 -40px;}

#gallery_icons ul li{
	display:inline;
	list-style:none;
	margin: 0 -2px 0 -2px;}

#gallery_icons_JD ul li{
	display:inline;
	list-style:none;
	margin: 0 -2px 0 -2px;}
	
#gallery_icons_BD ul li{
	display:block;
	list-style:none;
	margin: 0 0 3px 0;}
	
#gallery_icons_BD2 ul li{
	display:inline;
	list-style:none;
	margin: 0 0 0 0;}
	
#gallery_icons_BD3 ul li{
	display:block;
	list-style:none;
	margin: 0 0 3px 0;}
	
	
#gallery_icons_BD4 ul li{
	display:block;
	list-style:none;
	margin: 0 0 3px 0;}
	
#gallery_icons_BD ul li a{
	list-style:none;
	color:#333;
	font-size:16px;
	text-decoration:none}


#starburst{
	position:fixed;
	top:87px;
	left:402px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:5;
	height:234px;
	width:250px;
	/*border: solid thick 5px;*/
	
}

#starburst_JD{
	position:fixed;
	top:-45px;
	left:-75px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:25;
	height:234px;
	width:250px;
	/*border: solid thick 5px;*/
}

#starburst_BD{
	position:fixed;
	top:-95px;
	left:-75px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:25;
	height:234px;
	width:250px;
	/*border: solid thick 5px;*/
}

#starburst2_JD{
	position:fixed;
	top:10px;
	left:578px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:5;
	height:234px;
	width:250px;
	/*border: solid thick 5px;*/
}

#JD_gradient{
	position:fixed;
	top:0px;
	left:0px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:5;
	height:234px;
	width:250px;
	/*border: solid thick 5px;*/
}

#full_horizontal_JD_shadow{
	position:fixed;
	top:250px;
	left:-50px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:15;
	/*border: solid thick 5px;*/
}

#full_horizontal_BD_shadow{
	position:fixed;
	top:340px;
	left:15px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:15;
	/*border: solid thick 5px;*/
}

#full_horizontal_BD_shadow2{
	position:fixed;
	top:481px;
	left:-10px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:15;
	/*border: solid thick 5px;*/
}

#full_square_shareable_JD_shadow{
	position:fixed;
	top:445px;
	left:310px;
	/*background:url(/popups/images/starburst.png) no-repeat;*/
	z-index:15;
	/*border: solid thick 5px;*/
}

/*@font-face {
    font-family: Aller;
    src: url(Aller/Aller_Bd.ttf);
}*/

#line_bg2{
	height:7px; width:200px; background:#FFF;
}

.whitespace{
	height:10px;
	width:100%;
}


@font-face {
    font-family: Aller;
    src: url(Aller/Aller_Bd.ttf);
}

@media only screen and (device-width: 768px)
{
#body, .spacer2, spacer3{
	width:90%;
	margin:0 auto;
}
}
/* Your iPad specific rules here */


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
  #body, .spacer2, spacer3{
	width:90%;
  }  
}