body{margin:0px; padding:0px; position: relative;}
img{border:0px; margin:0px; padding:0px;}
textarea{ margin:0px; padding:0px}
input{ margin:0px; padding:0px}
select{ margin:0px; padding:0px}
#outer{ min-width:1000px; min-height: 942px; position:relative; margin:0px auto 0px auto; background:url(../images/back.jpg) #191b27 top center no-repeat; }
#outer2{ min-width:1000px; min-height: 1007px; position:relative; margin:0px auto 0px auto; background:url(../images/back2.jpg) #191b27 top center no-repeat; }

.inner{ width:1000px; margin:0px auto 0px auto; position: relative;}
#share_top{ position:relative; height: 29px; width: 100%;}
#bar{ height: 339px; position: relative; width: 100%; min-width: 750px; background: url(../images/bar.png) center left repeat-x}
#top{ position: relative; width: 100%; height: 108px;}
#od_logo{ position: relative; top:-10px; left: 0px}
#like_btn{ position: absolute; top:7px; left: 324px;}
#box{ width: 584px;  position: relative; margin: 332px auto 0px auto; background: transparent; z-index: 4}
#box_top{ width: 584px; height: 14px; position: relative; background: url(../images/box_top.png) top left no-repeat;}
#box_inner{ width: 584px; position: relative; background: url(../images/box_inner.png) top left repeat-y }
#box_bottom{ width: 584px; height: 14px; position: relative;background: url(../images/box_bottom.png) top left no-repeat;}
#box_content{ position: relative; margin: 20px auto 0px auto; width: 650px;}
#video{ width: 556px; position: relative; margin: 0px auto 0px auto}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; width: 100%; position: relative;}
.sp40{ clear:both; font-size:40px; line-height:40px; height:40px; width: 100%; position: relative;}
.sp20{ clear:both; font-size:20px; line-height:20px; height:20px; width: 100%; position: relative;}
#logos{ position: relative; margin: 20px auto 0px auto; width: 638px;}

#controls
{
	left: 32px;
	top: 260px;
	width:32px;
	height:32px;
	z-index: 150001;
	position: absolute;
}

#instagram_info
{
	position: absolute;
	left: 20px;
	top: 20px;
	width:100px;
	height:40px;
	z-index: 15;	
	color:#ffffff;
	font-size:12px;
	font-family:verdana;
	font-weight:bold;
	vertical-align:middle;
	text-shadow: 0.05em 0.05em 0.08em black;
}

#instagram_user {display:inline;position:absolute;left:36px;top:7px}

#tv {
    background-image: url('../images/ipad_t.png?v=2');	
    background-repeat: no-repeat;
    background-size: contain;
    height: 550px;
    left: 0;
    position: absolute;
    top: 0;
    width: 756px;
    z-index: 150000;
}

#video_rapper {
    height: 480px;
    left: 81px;
    overflow: hidden;
    position: absolute;
    top: 53px;
    width: 815px;
    z-index: 1;
}

#instagram_rapper, #instagram2_rapper {
    background: none repeat scroll 0 0 black;
    height: 470px;
    left: 82px;
    overflow: hidden;
    position: absolute;
    top: 52px;
    width: 650px;
    z-index: 2;
}


.screen {
    color: #FFFFFF;
    cursor: auto;
    display: none;
    height: 457px;
    margin-left: 62px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 607px;
    z-index: 150000;
}




.shadow{
-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.74);
	}
.note{font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #ffffff; font-size: 12px; line-height: 14px}
#power{ margin:40px 0px 0px 0px; position:relative}

#share_top{ position: absolute; top:10px; right: 0px; text-align: right;}
#share_top img{ margin: 0px 0px 0px 10px; position: relative;}
#content{width:750px; margin:0px auto 0px auto; position: relative;}

.logo{ margin: 0px 0px 0px 10px; position: relative;}


#ipad{ position: relative; width: 756px; height: 550px; margin: 0px auto 0px auto}
#top_part{ width: 380px; position: relative; float: right; text-align: center; margin: 20px 0px 0px 0px}
.share{ position: relative; margin: 10px 0px 0px 0px; text-align: center;}
.share img{ vertical-align: middle; margin: 0px 4px 0px 4px; position: relative;}
#footer{ background: #727479; min-height: 100px; position: relative; min-width: 1000px;}
.album_cover{ position: relative; float: left; width: 162px;}
.album_info{ position: relative; float: left; width: 162px; margin: 10px 0px 0px 0px;}
.album{ width: 350px; position: relative; float: left;}
.album_buy{ position: relative; margin: 8px 0px 0px 0px;}
#albums {position: relative; width: 700px; margin: 30px auto 0px auto}
#nav_btns{ position: relative; margin: 20px 0px 0px 0px; text-align: center;}
#nav_btns img{ position: relative; margin: 0px 8px 0px 8px}
#copy{ position: relative; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 30px; color: #ffffff; text-align: center; margin: 30px 0px 0px 0px;}
#copy a{ color: #ffffff; text-decoration: none; }
#copy a:hover{ position: relative; text-decoration: underline;}
#connect{ position: absolute; top:10px; left: 0px; margin: 0px 0px 0px 0px; text-align: left;}
#connect img{ vertical-align: middle; margin: 0px 4px 0px 4px; position: relative;}
#enter{ position: absolute; top:10px; right: 0px; text-align: right;}
.top_bar{ min-width: 1000px; position: relative; height: 46px; background: #000000; border-bottom: 4px solid #ffffff;}

