body, html{
	margin: 0 auto;
	padding: 0;
	font-family: "Arial", "Helvetica";
	font-size: 12px;
	text-align: center;
	background: url(../images/bkgd.png) repeat;
}
h1{
	font-size: 34px;
	margin: 7px 0 0 0;
	padding: 0px;
	font-weight: 200;
}
#wrapper{
	width: 940px;
	min-height: 850px;
	margin: 50px auto;
	text-align: left;
	padding: 10px;
	background: #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
#header{
	position: absolute;
	float: right;
	width: 100%;
	height: 220px;
	top: 0;
	right: 0;
	background: url(../images/glass.png) top right no-repeat;
	text-align: center;
	margin: 0 auto;
	z-index: 100;
}
#headtitle{
	width: 930px;
	margin: 5px auto;
	height: 50px;
	text-align: left;
	padding-left: 30px;
	color: #fff;
	background: url(../images/banner.png) no-repeat left -2px;
}
#headtitle h1{
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
#left{
	float: left;
	width: 110px;
	height: 100%;
	padding-right: 5px;
}
#content{
	float: left;
	width: 800px;
	padding: 10px;
	padding-top: 20px;
	margin-top: 10px;
	background: url(../images/bkgradient.png) repeat-x bottom left #000;
	height: 90%;
	height: auto;
	min-height: 620px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	z-index: 200;
	opacity: 0.95;
	position: relative;
}
#footer{
color: #fff;
text-align: right;
}
#footer p{
font-size: 9px;
margin-top: 5px !important;
}
#footer span{
display: inline;
clear: none;
font-size: 9px;
}
#logo{

width: 100px;
height: 100px;
background: url(../images/logo.png) no-repeat;
margin: 5px;
z-index: 1000;
position: relative;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 2s;
-webkit-perspective: 1000;
-webkit-transform: rotate(0deg) rotateX(0deg) rotateY(0deg);
}
#megalogo{
background: url(../images/booklogo.png) 12px 12px no-repeat;
height: 100px;
width: 100px;
float: left;
margin: 5px;
outline: none;
text-align: center;
line-height: 110px;
border: none;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-perspective: 1000;
-webkit-transform: rotate(0deg) rotateX(0deg) rotateY(0deg);
}
#applink, #iphone, #tutlogo, #android{
width: 100px;
height: 100px;
float: left;
margin:10px 5px 10px 5px;
line-height: 110px;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-perspective: 1000;
-webkit-transform: rotate(0deg) rotateX(0deg) rotateY(0deg);
}
#applink:hover, #iphone:hover, #megalogo:hover, #bricklogo:hover, #tutlogo:hover, #android:hover{
-webkit-transform: rotate(10deg) rotateX(30deg) rotateY(20deg);
}
#applink{
background: url(../images/webapp.png) 12px 12px  no-repeat;
}
#tutlogo{
background: url(../images/tv.png) 12px 12px  no-repeat;
margin-top: 0px!important;
}
#iphone{
background: url(../images/iphone.png) 12px 12px no-repeat;
}
#android{
background: url(../images/droid.png) 12px 12px no-repeat;
	}
#bricklogo{
width: 100px;
height: 100px;
background: url(../images/bricks.png) 12px 12px no-repeat;
float: left;
clear: none;
margin-top: 25px;
margin-left: 5px;
color: #fff;
line-height: 110px;
text-decoration: none;
font-size: 10px;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-perspective: 1000;
-webkit-transform: rotate(0deg) rotateX(0deg) rotateY(0deg);
}
#bricklogo span{
margin-top: 45px!important;
width: 100px !important;
text-align: center !important;
}
#megalogo span, #bricklogo span, #iphone span, #applink span, #logo span, #tutlogo span, #android span{
float: left; 
width: 100px;
height: 25px;
margin-top: 40px;
text-transform:capitalize;
font-size: 11px;
text-decoration: none;
color: #fff;
text-align: center;
}
#logo span {
margin-top: 102px!important;
margin-left: 2px!important;
}
#applink span{
margin-top: 40px!important;
margin-left: 2px!important;
}
#left a {
text-decoration: none;
}
#logo:hover{
-webkit-transform: rotate(10deg) rotateX(30deg) rotateY(20deg);
}
#megazine { 
outline: none; 
border: none; 
position: relative; 
left: 10px;
}
.holder{
width: 800px;
height: 600px;
float: left;
background: #000;
overflow: hidden;
}
.wideimg{
width: 200px;
height: 200px;
float: left;
clear: none;
}
.loginbutton{
width: 125px!important;
height: 34px!important;
float: right !importantt;
clear: none!important;
background: url(../images/login.png) no-repeat!important;
line-height: 34px!important;
text-align: center!important;
vertical-align: middle!important;
color: #fff !important;
margin-top: -20px!important
}
.mcgee{
width: 200px!important;
height: 200px!important;
float: left;
margin: 0 !important;
padding: 0 !important;
background: #000 !important;
}
.screenshot{
width: 200px;
height: 300px;
float: left;
z-index:0;
position: relative;
background: #000;
}
.screenshot1{
top: -700px;
left: 300px;
}
.screenshot2{
top: -500px;
left: -1000px;
}
.screenshot3{
top: -500px;
left: -1000px;
}
.screenshot4{
top: -500px;
left: -1000px;
}
.screenshot5{
top: 300px;
left: -1000px;
}
.screenshot6{
top: 400px;
left: 300px;
}
.screenshot7{
top: 600px;
left: 400px;
}
.screenshot8{
top: 40px;
left: 200px;
}

.screenshot img{
width: 100%;
height: 100%;
float: left;
margin: 0;
}
.embed-megazine{
left: 910px;
width: 200px !important;
}

.embed-megazine, .embed-gallery{
width: 250px;
height: 200px;
color: #fff;
-moz-border-radius:0 5px 5px 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background: #000;
float: right;
position: absolute;
opacity: 0.6;

z-index: 2000;
}
.embed-gallery #share{
float: right !important;
margin-right: 20px !Important;
}
.embed-gallery{
width: 800px !important;
height: 150px;
margin-top: 10px;
position: relative !important;
-webkit-border-radius: 5px !important;
-webkit-border-top-right-radius: 5px!important;
-webkit-border-top-left-radius: 5px!important;
-webkit-border-bottom-left-radius: 20px!important;
-webkit-border-bottom-right-radius: 20px!important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
-moz-border-radius-bottomleft: 20px!important;
-moz-border-radius-bottomright: 20px !important;
border: 1px solid #fff;
background: #575757;
}
.embed-megazine span, .embed-gallery span{
float: right; text-align: right; clear: none; display: inline; font-weight: bold; color: #780000;
font-size: 14px;
}
.embed-gallery span{
margin-left: 20px!important;
color: #fff;
width: 50%;
float: left !important;
text-align: left;
margin-top: 7px;
clear: both;
}
.embed-megazine textarea, .embed-megazine input, .embed-gallery textarea{
width: 190px;
height: 90px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
opacity: 0.8;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
}
.embed-megazine textarea{
margin: 5px 0 5px 5px;
}
.embed-megazine input{
height: 30px !important
}
.embed-megazine label{
margin-right: 5px;
}
.embed-gallery textarea{
width: 60% !important;
height: 40px;
margin-left: 5% !important;
margin-top: 5px;
float: left;
}
.signedin{
width: 440px;
height: 70px;
float: right;
position: relative;
top: -12px;
right: 0;
z-index: 5000;
color: #fff;
font-weight: bold;
font-size: 12px;
}
.signedin a{
color: #780000;
width: 40px;
text-align: center;
vertical-align: middle;
line-height: 15px;
height: 15px;
background: #fff;
text-decoration: none;
font-size: 10px;
margin: 2px 20px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: right;
position: relative;
top: -8px;
right: 0;
clear: none;
display: inline;
}
#s1 img, #s2 img, #s3 img, #s4 img, #s5 img, #s6 img, #s7 img, #s8 img{
width: 170px;
height: 135px;
float: left;
margin: 30px 5px 5px 15px;
outline: none;
border: none;
}
#s1 a, #s2 a, #s3 a, #s4 a, #s5 a, #s6 a, #s7 a, #s8 a{
width: 43%;
height: 20px;
float: left;
background: #fff;
color: #780000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left: 5%;
margin-top: 5px;
line-height: 20px;
vertical-align: middle;
text-decoration:none;
clear: left;
text-align: center !important;
overflow: hidden;
}
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8{
background: #000;
color: #fff;

}
.flip1, .flip2, .flip3, .flip4, .flip5, .flip6, .flip7, .flip8{
width: 43%; height: 45px; background: #780000;
line-height: 45px;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-right: 5%;
margin-top: 5px;
float: right;
clear: none;
position: relative;
top: -25px;
right: 0;
cursor: pointer;
text-align: center !important;
}
.smalltitlebar{
width: 100% !important;
height: 30px !important;
color: #BDBDBD;
float: left;
clear: both;
background: #000 !important;
margin-top: -20px !important;
text-align: center !Important;
}
.backtitle{
width: 190px;
margin: 5px;
height: 30px;
overflow: hidden;
color: #A8A8A8;
font-weight: bold;
font-size: 13px;
text-align: center !Important;
}

.backdesc{
width: 190px;
height: 165px;
overflow: hidden;
float: left;
margin:0 5px;
color: #fff;
text-align: justify;
}
.subtitle{
width: 800px;
list-style: none;
display: inline;
margin: 0;
float: left;
clear: right;
padding: 0;
background: #ccc;
height: 20px;
line-height: 20px;
color: #000;
}
.subtitle a{
color: #000;
text-decoration: none;
font-weight: bold;
}
.submenu1, .submenu2, .submenu3, .submenu4{
width: 199px;
text-align: center;
vertical-align: middle;
float: left;
clear: none;
border-right: 1px solid #fff;
border-top: 1px solid #000;
}
.sort{
width: 370px;
background: #000;
height: 70px;
float: left; 
position: relative;
clear: none;
display: inline;
}
.shopbanner{
background: #000;
float: left;
clear: none;
display: inline;
height: 70px;
width: 430px;
position: relative;
top: 0;
left: 0px;
}
.shopbanner img{
outline: none;
border: none;
float: left;
position: relative;
top: 0;
left: -1000px;
}
.sort a img{
outline: none;
border: none;
}
.hawaiianpunch2{
width: 100px!important;
height: 40px!important;
background: #780000!important;
opacity: 0.8!important;
color: #fff !Important;
text-transform:capitalize;
margin: 15px 10px 10px 10px;
}
.etsyapi{
position: relative;
clear: none;
display: inline;
float: right; 
top:-50px;
right: 15px;
opacity: 0;
outline: none;
border: none;
}
.fadein{
width: 640px;
height: 500px;
padding: 20px;
float: left;
background: #3D3D3D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-left: 1px solid #C0C0C0;
border-top:1px solid #C0C0C0;
border-right: 1px solid #818181;
border-bottomn: 1px solid #818181;
color: #fff;
position: absolute;
top:60px;
left: 70px;
opacity: 0;
}
.fadein p a{
float: right; display: inline;
}
.fadein h2{
font-size: 15px;
margin: 0px !important;
padding: 0px !Important;
}
.fadein a{
color: #fff;
text-decoration: none;
font-weight: bold;
font-style:italic;
font-size: 13px;
}
.fadein a:hover{
text-decoration: underline;
}
#share{
float: left;
clear: none;
width: 100%;
width: 170px;
background: #fff;
margin: 10px 16px 16px 16px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#share div {
float: left;
display: inline;
clear: none;
width: 16px;
height: 16px;
margin: 1px;
}
#share div a img{
outline: none;
border: none;
}
.submenu4{
border-right: none;
}
.ninjatime{
float: none !important;
}
#footer{
float:right;
margin-top: 60px;
	}
.update_wrapper{
	width: 640px;
	height: 500px;
	float:left;
	padding: -20px;
	background: url(../images/update.png) no-repeat;
	overflow:hidden;
	}
	
	
.update_text{font-size: 72px;color: #910000;font-family: Helvetica, Arial;float:right;clear:both;}
.update_short{font-size: 30px; color: #fff; float:right; clear:both;}
.update_message{
background: #ddd;
width: 450px;
height: auto;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
float:right;
margin-top: 50px;
color: #000;
font-size: 14px;
padding: 10px;
clear:both;
}