/*** Style Definitions ***/
html			{ background: url(../images/bg.png); font-family:Arial, Helvetica, sans-serif; }
body {
	margin: 0px;	padding: 0px;
}
#LOG {
	width:400px; 
	height: 100%; 
	padding: 100px;
	position: absolute; 
	top: 0px; 
	left: 0px;
	display: block;
}
/*** Clouds ***/
.clouds					{ width:100%; height:230px; overflow:hidden; margin-top: -15px; }
#clouds-small			{ height:100%; background:url(../images/bg-images-small.png) repeat-x; }
#cloud2					{ position:relative; top:-230px; }
#clouds-big				{ height:100%; background:url(../images/bg-images-big.png) repeat-x;}

/*** Header ***/
h1#logo				{ background:url(../images/Logo.png) top left no-repeat; height:62px; width:481px;
						text-indent:-9999px; position:absolute; top:10px; left:10px; }

#menu				{ float:right; position:absolute; top:30px; right: 0px; z-index:10; }

#menu a				{ background:#FFF; color:#67b2ff; border:#AAA 3px solid;  text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
					
#menu a:hover		{ background:#67b2ff; color:#FFF; border:#FFF 3px solid; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

#menu a.selected	{ background:#333; color:#FFF; border:#999 3px solid; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
					
#menu div			{ float:left; width: 120px; }

/*** Body Content ***/
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

#mask		{ width:400%; height:100%; }

.box		{ width:25%; height:100%; float:left; }

.content	{ width: 95%; top:195px; margin: 0 auto; position:relative; background:rgba(255,255,255, 0.3);
				border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; padding: 20px}

.imacHome {
	width: 30%;
	max-width: 600px;
	float: right;
	margin: 50px 80px 0 0 ;
	position: relative;
}
.imac {
	width: 100%;
	position: relative;
}
#contentImac {
	position: absolute;
	top: 6.5%;
	width: 83.5%;
	left: 6.7%;
}

#menuFolder {
	height: 90%;
	padding-top: 40px;
	width: 150px;
}
	.folder {
		width: 80px;
		margin: 5px;
		margin-top: 15px;
		cursor: pointer;
	}
	.folderName {
		cursor: pointer;
		background: rgba(0, 0, 0, 0.2);
		letter-spacing: 1px;
		color: white;
		font-family: arial;
		font-size: 13px;
		font-weight: 900;
		padding: 2px 10px 2px 10px;
		border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;
		transition-property: background;
		transition-duration: 2s;
	}
	
	

.retina {
	border: 0px solid #777;
	position:absolute;
	height:180px;
	width:180px;
	display:none;
	z-index: 10000;
	cursor:url('../images/blank.cur'),default;
	-moz-box-shadow:0 0 15px #000, 0 0 15px #aaa inset;  -webkit-box-shadow:0 0 15px #777;  box-shadow:0 0 15px #777, 0 0 15px #aaa inset;
	-moz-border-radius:90px;  -webkit-border-radius:90px;  border-radius:90px;
}

#retinaHome{
	background: url('../images/xcode.png') no-repeat center center black;
}