/*

 .d8888b.                           888      d8b                                     888 
d88P  Y88b                          888      Y8P                                     888 
888    888                          888                                              888 
888        888d888 8888b.  88888b.  88888b.  888  .d8888b 88888b.   .d88b.   .d88b.  888 
888  88888 888P"      "88b 888 "88b 888 "88b 888 d88P"    888 "88b d8P  Y8b d8P  Y8b 888 
888    888 888    .d888888 888  888 888  888 888 888      888  888 88888888 88888888 888 
Y88b  d88P 888    888  888 888 d88P 888  888 888 Y88b.    888 d88P Y8b.     Y8b.     888 
 "Y8888P88 888    "Y888888 88888P"  888  888 888  "Y8888P 88888P"   "Y8888   "Y8888  888 
                           888                            888                            
                           888                            888                            
                           888                            888  


CSS for "iOS Icons made in Pure CSS" on Graphicpeel

If you want something here explained, email me at http://graphicpeel.com/#contact

Copyright 2010 Louis Harboe */


/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

a {
	outline: none;
	text-decoration: none;
}

/* Interface */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #777 url(/images/cssiosicons-bg.jpg);
	background-size: cover;
	-webkit-text-stroke: 1px transparent;
}

#wrapper {
	width: 1120px;
	height: 828px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -400px;
	/*set to a negative number 1/2 of your height*/
	margin-left: -560px;
}

.icon {
	width: 176px;
	height: 176px;
	-webkit-border-radius: 30px;
	background: #fff;
	float: left;
	margin: 50px;
	-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}

.info {
	width: 176px;
	height: 176px;
	background: transparent;
	float: left;
	margin: 50px;
	color: #fff;
	text-shadow: 0px 2px 2px #000;
}

.info span {
	font-size: 20px;
	font-weight: bold;
}

.info p {
	font-size: 13px;
	margin: 15px 0px 15px 0px;
	opacity: 0.8;
	line-height: 18px;
}

.info a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.info a:hover {
	border-bottom: 1px solid #fff;
}

.twitter {
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 30px;
	height: 30px;
	padding: 0px 10px 0px 10px;
float: left;
top:10px;
margin: 15px 0px 0px 15px;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.5);

}

.link-container {
position: fixed;
z-index: 100;
}

.twitter a {
	color: #fff;
	font-weight: bold;
	
}

.twitter:hover {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5);

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(255,255,255,0.4)));
}

.twitter:hover a {
	color: #000;
}

/* START ICONS ---------------------------------- */

/* Notes */

.notes {
	background: #432e25;
}

.notes .header {
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b28b78), to(#190a07), color-stop(.92,#432e25),color-stop(.1,#835a4d));
	height: 50px;
	width: 176px;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.2);
}

.notes .paper {
	-webkit-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78745c), to(#f9f4b7), color-stop(.05,#bcb98c),color-stop(.2,#fef9be));
	height: 126px;
	width: 176px;
}

.notes .margin-lines {
	width: 5px;
	height: 126px;
	border-left: double rgba(193, 23, 0, 0.3);
	border-width: 4px;
	margin-left: 22px;
}

.notes .line {
	width: 176px;
	height: 1px;
	float: left;
	border-bottom: 1px solid rgba(1, 52, 193, 0.2);
	margin-top: 17px;
}

.notes .line-last {
	width: 153px;
	height: 1px;
	float: left;
	margin-left: 11px;
	border-bottom: 1px solid rgba(1, 52, 193, 0.2);
	margin-top: 17px;
}

.notes .paper-rip {
	height: 3px;
	width: 176px;
	float: left;
	border-top: 1px dotted #555;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Calendar */

.calendar {
	background: #9B2424;
}

.calendar .header {
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEC4C4), to(#521B1C), color-stop(.92,#da3434),color-stop(.1,#ef9fa5));
	height: 50px;
	width: 176px;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.4);
}

.calendar p.weekday {
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	width: 176px;
	line-height: 50px;
	font-size: 25px;
	text-align: center;
}

.calendar p.daynumber {
	color: #000;
	font-weight: bold;
	text-shadow: 0px 1px 0px #fff;
	width: 176px;
	line-height: 126px;
	font-size: 130px;
	text-align: center;
}

.calendar .paper {
	-webkit-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7A7A7A), to(#EDEDED), color-stop(.05,#BFBFBF),color-stop(.2,#E3E3E3));
	height: 126px;
	width: 176px;
}

/* Youtube */

.youtube {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79532F), to(#8C6546));
	border: 2px solid rgba(148, 134, 121, 0.8300);
	width: 172px;
	height: 172px;
}

.youtube .tv {
	width: 160px;
	height: 160px;
	position: relative;
	top: 6px;
	left: 6px;
	-webkit-border-radius: 24px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCB376), to(#f8ecce));
	-webkit-box-shadow: 0px -2px 3px #2f2917;
}

.youtube .screen {
	width: 140px;
	height: 125px;
	margin: auto;
	-webkit-border-radius: 43px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636c52), to(#8E9D74));
}

.youtube .screen-gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8DCD5), to(#9CA491));
	height: 68px;
	-webkit-border-top-right-radius: 66px;
	-webkit-border-top-left-radius: 66px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	-webkit-box-shadow: inset 0px 2px 1px #fff;
}

.youtube .screen-border {
	width: 140px;
	height: 125px;
	position: relative;
	top: 4px;
	left: 8px;
	-webkit-border-radius: 45px;
	padding: 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5A5F5A), to(#70805b));
	-webkit-box-shadow: 0px 2px 2px #fff;
}

.youtube .knob-handle {
	-webkit-border-radius: 18px;
	width: 18px;
	height: 18px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80553a), to(#7d4d36));
	position: relative;
	top: 3px;
	left: 3px;
	-webkit-box-shadow: inset 0px 2px 0px #a38569;
}

.youtube .knob-handle-center {
	-webkit-border-radius: 12px;
	width: 10px;
	height: 10px;
	position: relative;
	top: 4px;
	left: 4px;
	background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#DADADB), to(#3F2C2A));
	-webkit-box-shadow: inset 0px 1px 1px #fff;
}

.youtube .knob-left {
	-webkit-border-radius: 20px;
	width: 24px;
	height: 24px;
	float: left;
	margin: 1px 0px 0px 12px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a3d42), to(#130f10));
	-webkit-box-shadow: inset 0px 2px 0px #655657;
	border: 1px solid #2b2326;
}

.youtube .knob-right {
	-webkit-border-radius: 20px;
	width: 24px;
	height: 24px;
	float: right;
	margin: 1px 12px 0px 0px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a3d42), to(#130f10));
	-webkit-box-shadow: inset 0px 2px 0px #655657;
	border: 1px solid #2b2326;
}

.youtube .speaker-grill {
	-webkit-box-reflect: right 0px;
	width: 16px;
	float: left;
	margin-top: 10px;
	margin-left: 24px;
}

.youtube .speaker-grill .slit1 {
	width: 2px;
	height: 6px;
	-webkit-box-shadow: 0px 2px 0px #fff;
	float: left;
	background: #000;
	margin-right: 3px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	margin-top: 4px;
}

.youtube .speaker-grill .slit2 {
	width: 2px;
	height: 10px;
	-webkit-box-shadow: 0px 2px 0px #fff;
	float: left;
	background: #000;
	margin-right: 3px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	margin-top: 2px;
}

.youtube .speaker-grill .slit3 {
	width: 2px;
	height: 12px;
	-webkit-box-shadow: 0px 2px 0px #fff;
	float: left;
	background: #000;
	margin-right: 3px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	margin-top: 1px;
}

.youtube .speaker-grill .slit4 {
	width: 1px;
	height: 14px;
	-webkit-box-shadow: 0px 2px 0px #fff;
	float: left;
	background: #000;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
}

/* Messages */

.messages {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d7315), to(#00F43B));
}

.messages .gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2)));
	height: 90px;
	width: 176px;
	position: relative;
	-webkit-border-top-right-radius: 38px;
	-webkit-border-top-left-radius: 38px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	z-index: 5;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.7);
}

.oval-speech {
	position: relative;
	width: 120px;
	height: 100px;
	margin: auto;
	text-align: center;
	color: #fff;
	top: -55px;
	background: #5a8f00;
	z-index: 2;
	-webkit-border-top-left-radius: 70px 55px;
	-webkit-border-top-right-radius: 70px 55px;
	-webkit-border-bottom-right-radius: 70px 55px;
	-webkit-border-bottom-left-radius: 70px 55px;
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#C7D7E6), to(#d5e8f7));
	-webkit-box-shadow: inset 0px 0px 60px #fff;
}

.oval-speech-shadow {
	background: transparent;
	-webkit-box-shadow: 0px 0px 6px #000;
	top: -155px;
}

.oval-speech:before {
	
}

.oval-speech:before {
	content: "\00a0";
	position: absolute;
	z-index: 1;
	bottom: -11px;
	right: 77px;
	width: 0;
	height: 20px;
	float: left;
	border-right: 20px solid #e9f3fa;
	background: #e9f3fa;
	-webkit-border-top-right-radius: 80px 50px;
	-webkit-border-bottom-right-radius: 80px 50px;
	-moz-transform: translate(0, -2px);
	-webkit-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px);
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
}

.oval-speech:after {
	content: "\00a0";
	position: absolute;
	z-index: 1;
	bottom: -12px;
	left: 50px;
	width: 10px;
	height: 20px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#04d131), to(#03db34));
	-moz-border-radius-bottomright: 40px 50px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 40px 50px;
	border-bottom-right-radius: 40px 50px;
	-moz-transform: translate(-30px, -2px);
	-webkit-transform: translate(-30px, -2px);
	-o-transform: translate(-30px, -2px);
	transform: translate(-30px, -2px);
	-webkit-box-shadow: inset  -1px 2px 2px rgba(0,0,0,0.2);
}

.messages .diagonal-lines {
	width: 176px;
	height: 176px;
	position: relative;
	float: left;
	opacity: 0.6;
	-webkit-transform: rotate(45deg);
	top: 30px;
	right: 70px;
}

.messages .diagonal-lines div {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(transparent), color-stop(.2,rgba(15, 83, 0, 0.4)),color-stop(.8,rgba(15, 83, 0, 0.4)));
	width: 5px;
	position: absolute;
}

.diag-1 {
	height: 40px;
	top: -2px;
	left: 10px;
}

.diag-2 {
	height: 60px;
	top: -13px;
	left: 20px;
}

.diag-3 {
	height: 80px;
	top: -24px;
	left: 30px;
}

.diag-4 {
	height: 100px;
	top: -34px;
	left: 40px;
}

.diag-5 {
	height: 120px;
	top: -44px;
	left: 50px;
}

.diag-6 {
	height: 140px;
	top: -54px;
	left: 60px;
}

.diag-7 {
	height: 160px;
	top: -64px;
	left: 70px;
}

.diag-8 {
	height: 180px;
	top: -74px;
	left: 80px;
}

.diag-9 {
	height: 200px;
	top: -84px;
	left: 90px;
}

.diag-10 {
	height: 215px;
	top: -92px;
	left: 100px;
}

.diag-11 {
	height: 225px;
	top: -96px;
	left: 110px;
}

.diag-12 {
	height: 220px;
	top: -92px;
	left: 120px;
}

.diag-13 {
	height: 210px;
	top: -87px;
	left: 130px;
}

.diag-14 {
	height: 190px;
	top: -79px;
	left: 140px;
}

.diag-15 {
	height: 170px;
	top: -68px;
	left: 150px;
}

.diag-16 {
	height: 150px;
	top: -58px;
	left: 160px;
}

.diag-17 {
	height: 130px;
	top: -47px;
	left: 170px;
}

.diag-18 {
	height: 110px;
	top: -38px;
	left: 180px;
}

.diag-19 {
	height: 90px;
	top: -27px;
	left: 190px;
}

.diag-20 {
	height: 70px;
	top: -18px;
	left: 200px;
}

.diag-21 {
	height: 50px;
	top: -7px;
	left: 210px;
}

.diag-22 {
	height: 28px;
	top: 4px;
	left: 220px;
}

/* Maps */

.maps {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBF9F5), to(#D4C9BD));
}

.maps .yellow-street {
	width: 20px;
	height: 176px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFD95), to(#e0db4a));
	float: left;
}

.maps .yellow-street-border {
	background: rgba(0, 0, 0, 0.1);
	width: 20px;
	height: 176px;
	padding: 0px 2px 0px 2px;
	position: relative;
	left: 30px;
	top: 0;
}

.maps .orange-street {
	width: 176px;
	height: 20px;
	background: #ffc937;
	float: left;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	position: relative;
	left: 0;
	top: -130px;
}

.maps .intersection {
	width: 50px;
	height: 30px;
	background: #ffb138;
	position: relative;
	top: -272px;
	left: 17px;
	-webkit-border-radius: 150px 20px;
}

.maps .road-sign {
	width: 80px;
	height: 70px;
	position: relative;
	top: -160px;
	right: -80px;
}

.maps .road-sign-top {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF5555), to(#FF2828));
	width: 80px;
	height: 20px;
	-webkit-border-top-right-radius: 200px 170px;
	-webkit-border-top-left-radius: 200px 170px;
}

.maps .road-sign-top:before {
	content: "\00a0";
	height: 10px;
	width: 34px;
	position: absolute;
	left: 7px;
	background: #f5f2ed;
	-webkit-border-bottom-right-radius: 250px 170px;
	-webkit-border-bottom-left-radius: 250px 170px;
}

.maps .road-sign-top:after {
	content: "\00a0";
	height: 10px;
	width: 34px;
	position: absolute;
	left: 39px;
	background: #f5f2ed;
	-webkit-border-bottom-right-radius: 250px 170px;
	-webkit-border-bottom-left-radius: 250px 170px;
	font-stretch: condensed;
}

.maps .road-sign-bottom {
	letter-spacing: 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4378F7), to(#2F54AF));
	color: #fff;
	font-size: 27px;
	line-height: 32px;
	text-align: center;
	width: 80px;
	height: 42px;
	border-top: 3px solid #ffc0ce;
	-webkit-border-bottom-right-radius: 180px 170px;
	-webkit-border-bottom-left-radius: 180px 170px;
}

.maps .white-streets {
	width: 176px;
	height: 176px;
	position: absolute;
	z-index: 0;
	-webkit-border-radius: 30px;
}

.maps .top-street {
	height: 3px;
	width: 132px;
	border-top: 2px solid #e4d9cf;
	border-bottom: 2px solid #e4d9cf;
	background: #fff;
	margin: auto;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

.maps .street1 {
	left: 15px;
	width: 3px;
	height: 33px;
	border-left: 2px solid #e4d9cf;
	border-right: 2px solid #e4d9cf;
	border-bottom: 2px solid #e4d9cf;
	background: #fff;
	position: relative;
	z-index: 2;
	top: -2px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.maps .street2 {
	left: 60px;
	width: 3px;
	height: 33px;
	border-left: 2px solid #e4d9cf;
	border-right: 2px solid #e4d9cf;
	border-bottom: 2px solid #e4d9cf;
	background: #fff;
	position: relative;
	z-index: 2;
	top: -37px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.maps .street3 {
	left: 90px;
	width: 3px;
	height: 9px;
	border-left: 2px solid #e4d9cf;
	border-right: 2px solid #e4d9cf;
	border-bottom: 2px solid #e4d9cf;
	background: #fff;
	position: relative;
	z-index: 2;
	top: -72px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.maps .street4 {
	left: 120px;
	width: 3px;
	height: 9px;
	border-left: 2px solid #e4d9cf;
	border-right: 2px solid #e4d9cf;
	border-bottom: 2px solid #e4d9cf;
	background: #fff;
	position: relative;
	z-index: 2;
	top: -83px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.maps .right-street {
	left: 130px;
	width: 3px;
	height: 90px;
	top: -28px;
	border-left: 2px solid #c0bda8;
	border-right: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
}

.maps .right-street-below-horz {
	left: 115px;
	width: 45px;
	height: 3px;
	top: -30px;
	border: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 3px;
}

.maps .right-street-below {
	left: 140px;
	width: 3px;
	height: 12px;
	top: -32px;
	border-left: 2px solid #c0bda8;
	border-right: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
}

.maps .inner-loop {
	height: 65px;
	width: 35px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e0d8), to(#dad1c6));
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 40px 20px;
	-webkit-border-bottom-right-radius: 30px;
	border: 2px solid #c0bda8;
	float: left;
}

.maps .outer-loop {
	height: 69px;
	width: 39px;
	padding: 3px;
	background: #fff;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 40px 20px;
	-webkit-border-bottom-right-radius: 30px;
	border: 2px solid #c0bda8;
	position: relative;
	top: -130px;
	left: 64px;
	z-index: 2;
}

.maps .lower-pathto-loop-left {
	left: 2px;
	width: 36px;
	height: 3px;
	top: -148px;
	border-top: 2px solid #c0bda8;
	border-bottom: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
	-webkit-border-bottom-left-radius: 4px;
}

.maps .lower-pathto-loop {
	left: 42px;
	width: 26px;
	height: 3px;
	top: -157px;
	border-top: 2px solid #c0bda8;
	border-bottom: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
	-webkit-border-radius: 20px;
	-webkit-transform: rotate(-20deg);
}

.maps .upper-pathto-loop {
	left: 50px;
	width: 16px;
	height: 3px;
	top: -175px;
	border-top: 2px solid #c0bda8;
	border-bottom: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
}

.maps .upper-pathto-loop-left {
	left: 0px;
	width: 32px;
	height: 3px;
	top: -175px;
	border-top: 2px solid #c0bda8;
	border-bottom: 2px solid #c0bda8;
	background: #fff;
	position: relative;
	z-index: 2;
	-webkit-transform: rotate(20deg);
}

.maps .pin-top {
	width: 24px;
	height: 24px;
	background: -webkit-gradient(radial, 10 8, 20, 10 8, 1, from(#C61928), to(#FBFEFD), color-stop(.6,#F23039));
	-webkit-border-radius: 20px;
	-webkit-box-shadow: inset -1px -4px 4px rgba(0, 0, 0, 0.3);
	position: relative;
	top: -150px;
	left: 30px;
	z-index: 4;
}

.maps .pin-rod {
	background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#999), to(#FFFFFF), color-stop(.5,#6F6D5C),color-stop(.5,#7E7B7E));
	border-left: 1px solid #bbb;
	width: 8px;
	height: 30px;
	position: relative;
	top: -153px;
	left: 37px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	z-index: 3;
}

.maps .pin-hole {
	background: #333;
	width: 11px;
	height: 8px;
	-webkit-border-bottom-left-radius: 7px 4px;
	-webkit-border-top-right-radius: 7px 4px;
	-webkit-border-bottom-right-radius: 7px 4px;
	-webkit-border-top-left-radius: 7px 4px;
	position: relative;
	top: -159px;
	left: 36px;
	z-index: 1;
	-webkit-box-shadow: 0px 1px 1px #fff;
}

.maps .pin-head-shadow {
	width: 22px;
	height: 12px;
	position: relative;
	left: 36px;
	top: -235px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.4);
	z-index: 2;
}

.maps .pin-rod-shadow {
	width: 6px;
	height: 25px;
	position: relative;
	left: 50px;
	top: -210px;
	-webkit-transform: rotate(45deg);
	-webkit-box-shadow: 20px 20px 5px rgba(0, 0, 0, 0.4);
	z-index: 2;
}

/* iDisk */

.idisk {
	background: #4C5FB8;
}

.idisk .top {
	height: 140px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4C5FB8), to(#00B6F1), color-stop(.5,#004DE4));
	position: relative;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-box-shadow: inset 0px 0px 5px #54d0f7;
}

.idisk .front {
	height: 36px;
	width: 176px;
	border-top: 1px solid #326d94;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA), color-stop(.1,#EAEAEA));
	position: relative;
	-webkit-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
}

.idisk .gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.2)));
	height: 90px;
	width: 176px;
	position: relative;
	-webkit-border-top-right-radius: 38px;
	-webkit-border-top-left-radius: 38px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	z-index: 3;
	-webkit-box-shadow: inset 0px 2px 1px #fff;
}

.idisk .cloud-base {
	width: 130px;
	height: 50px;
	background: #fff;
	position: relative;
	margin: auto;
	top: -25px;
	z-index: 1;
	-webkit-border-radius: 40px;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2000);
}

.idisk .large-puff {
	width: 60px;
	height: 60px;
	background: -webkit-gradient(linear, 10% 0%, 0% 80%, from(#ddd), to(#fff), color-stop(.5,#fff));
	position: relative;
	left: 70px;
	top: -110px;
	z-index: 1;
	-webkit-border-radius: 40px;
}

.idisk .small-puff {
	width: 35px;
	height: 35px;
	background: -webkit-gradient(linear, 0% 0%, 20% 80%, from(#ddd), to(#fff), color-stop(.5,#fff));
	position: relative;
	left: 45px;
	top: -155px;
	z-index: 1;
	-webkit-border-radius: 20px;
}

.idisk .LED {
	width: 8px;
	height: 8px;
	background: #fdfa4e;
	-webkit-box-shadow: inset 0px 0px 4px #c87300;
	position: relative;
	left: 145px;
	top: 12px;
	z-index: 1;
	border: 1px solid #333;
	-webkit-border-radius: 10px;
}

/* Contacts */

.contacts {
	background: background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDC192), to(#D19A48));
	font-weight: bold;
}

.contacts .cover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDC192), to(#D19A48));
	width: 150px;
	height: 176px;
	float: left;
	clear: right;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-webkit-box-shadow: inset 0px 2px 1px #fff;
}

.contacts .cover-overlay {
	width: 150px;
	height: 176px;
	float: left;
	clear: right;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-webkit-box-shadow: inset -2px 0px 2px rgba(0, 0, 0, 0.3);
}

.contacts .tabs {
	background: -webkit-gradient(linear, 3% 0%, 100% 0%, from(#462c1c), to(#92684e));
	height: 176px;
	width: 26px;
	float: right;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-box-shadow: inset -2px 0px 2px #a1785f;
}

.contacts #tab1:before {
	content: "A";
	padding: 4px 0px 0px 3px;
	position: relative;
	top: -22px;
	color: #d4c48f;
}

.contacts #tab2:after {
	content: "B";
	padding: 4px 0px 0px 3px;
	position: relative;
	top: -26px;
	color: #c8aa6c;
}

.contacts #tab3:after {
	content: "C";
	padding: 4px 0px 0px 3px;
	position: relative;
	top: -26px;
	color: #b89250;
}

.contacts #tab4:after {
	content: "D";
	padding: 4px 0px 0px 3px;
	position: relative;
	top: -26px;
	color: #ae7f40;
}

.contacts #tab5:after {
	content: "E";
	padding: 4px 0px 0px 3px;
	position: relative;
	top: -26px;
	color: #ae7f40;
}

.contacts #tab6:after {
	content: "F";
	padding: 4px 0px 0px 2px;
	font-size: 10px;
	color: #ae7f40;
	text-shadow: 0px 1px 0px #000;
	position: relative;
	top: -4px;
}

.contacts .tab-first {
	height: 4px;
	width: 26px;
	margin-top: 26px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94654a), to(#442B11));
	-webkit-box-shadow: inset 4px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	font-size: 9px;
	color: #946d37;
	text-shadow: 0px 1px 0px #000;
}

.contacts .tab-mid {
	height: 4px;
	width: 26px;
	margin-top: 27px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94654a), to(#442B11));
	-webkit-box-shadow: inset 4px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	font-size: 9px;
	color: #946d37;
	text-shadow: 0px 1px 0px #000;
}

.contacts .tab-last {
	height: 4px;
	width: 26px;
	margin-top: 27px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94654a), to(#442B11));
	-webkit-box-shadow: inset 4px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	font-size: 9px;
	color: #946d37;
	text-shadow: 0px 1px 0px #000;
}

.contacts .binding {
width: 35px;
position: absolute;
margin-top: 15px;
margin-left: -7px;
}

.contacts .holes {
	z-index: 1;
float: left;
position: relative;
left:20px;
}

.contacts .rings {
	left: 0px;
	z-index: 2;
	float: left;
position: relative;
top:-1px;

}

.contacts .hole {
	width: 7px;
	height: 8px;
	background: #000;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
	margin-top: 5px;
	-webkit-border-radius: 5px;
}

.contacts .ring {
	width: 18px;
	height: 4px;
	margin-top: 7px;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#22252B), to(#6A6D73), color-stop(.6,#D4D8DC),color-stop(.4,#D4D8DC));
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.7);
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.contacts .head {
	height: 30px;
	width: 20px;
	float: right;
	top: -116px;
	right: 54px;
	position: relative;
	background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#382012), to(#5d3620));
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px 20px;
	-webkit-border-bottom-right-radius: 10px 20px;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.contacts .neck {
	height: 20px;
	width: 12px;
	float: right;
	top: -96px;
	right: 38px;
	position: relative;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d3620), to(#714327));
	z-index: 3;
}

.contacts .neck:before {
	content: "\00a0";
	height: 10px;
	width: 10px;
	float: right;
	top: 4px;
	right: 11px;
	position: absolute;
	background: #d7ae6e;
	z-index: 1;
	-webkit-border-radius: 10px;
}

.contacts .neck:after {
	content: "\00a0";
	height: 10px;
	width: 10px;
	float: right;
	top: 4px;
	left: 11px;
	position: absolute;
	background: #d7ae6e;
	z-index: 1;
	-webkit-border-radius: 10px;
}

.contacts .shoulder {
	height: 32px;
	width: 50px;
	float: right;
	top: -91px;
	right: 7px;
	position: relative;
	z-index: 2;
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#5d3620), to(#915733));
	-webkit-border-top-right-radius: 50px;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-transform: rotateX(-60deg);
	-webkit-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.4);
}

.contacts .shoulder-shadow {
	-webkit-box-shadow: 0px 3px 5px rgba(255, 255, 255, 0.4);
	background: transparent;
	right: -43px;
}

/* Voice Memos */

.voicememos {
	background: -webkit-gradient(radial, 88 90, 100, 88 90, 0, from(#220A0B), to(#ff0003));
}

.voicememos .gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2)));
	height: 90px;
	width: 176px;
	position: relative;
	-webkit-border-top-right-radius: 38px;
	-webkit-border-top-left-radius: 38px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	z-index: 5;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.5);
}

.voicememos .mic {
	width: 176px;
	height: 176px;
	position: relative;
	top: -90px;
}

.voicememos .mic-body {
	height: 144px;
	width: 72px;
	position: relative;
	margin: auto;
	top: 13px;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#000), to(#000), color-stop(.15,#949494),color-stop(.85,#949494));
	-webkit-border-radius: 50px;
	-webkit-box-shadow: inset 0px -7px 10px rgba(0,0,0,0.7);
}

.voicememos .shell {
	border: 2px solid #afafaf;
	-webkit-border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	height: 75px;
	width: 76px;
	margin: auto;
	position: relative;
	top: -61px;
	border-top-color: transparent;
	-webkit-box-shadow: 0px 1px 2px #000;
}

.voicememos .stem {
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#E6E7E7), to(#A3ABA9), color-stop(.3,#474747),color-stop(.7,#FBFBFA),color-stop(.8,#A3ABA9));
	height: 16px;
	position: relative;
	width: 10px;
	top: -63px;
	margin: auto;
	z-index: 5;
}

.voicememos .left-knob-base {
	width: 6px;
	height: 9px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAE9E8), to(#EAE9E8), color-stop(.6,#3E3F3B),color-stop(.8,#888));
	float: left;
	margin: -2px 0px 0px -6px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.9);
}

.voicememos .right-knob-base {
	width: 6px;
	height: 9px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAE9E8), to(#EAE9E8), color-stop(.6,#3E3F3B),color-stop(.8,#888));
	position: relative;
	float: right;
	margin: -2px -6px 0px 0px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.9);
}

.voicememos .left-knob-head {
	width: 3px;
	height: 13px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#999), color-stop(.5,#222),color-stop(.6,#222));
	float: left;
	margin: -4px 0px 0px -9px;
	-webkit-box-shadow: 1px 0px 0px rgba(0,0,0,0.7);
	-webkit-border-radius: 1px;
}

.voicememos .right-knob-head {
	width: 3px;
	height: 13px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#999), color-stop(.5,#222),color-stop(.6,#222));
	position: relative;
	float: right;
	margin: -4px -9px 0px 0px;
	-webkit-box-shadow: -1px 0px 0px rgba(0,0,0,0.7);
	-webkit-border-radius: 1px;
}

.voicememos .band {
	width: 74px;
	height: 16px;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#8C8B8B), to(#8C8B8B), color-stop(.1,#FEFEFE),color-stop(.9,#FEFEFE),color-stop(.3,#999999),color-stop(.45,#FEFEFE),color-stop(.7,#444),color-stop(.15,#FEFEFE),color-stop(.56,#FEFEFE),color-stop(.85,#FEFEFE));
	position: absolute;
	top: 66px;
	z-index: 11;
	left: -1px;
	border-top: 1px solid rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 1px 2px #fff;
}

.voicememos .band-symbol {
	height: 11px;
	width: 11px;
	-webkit-border-radius: 6px;
	background: #c6c6c6;
	margin: 2px auto 0px auto;
	-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.7);
	color: #fafafa;
	text-shadow: 0px 1px 1px #999;
	font-size: 9px;
	text-align: center;
	font-weight: bold;
}

.voicememos .front-highlights {
	height: 120px;
	width: 52px;
	position: absolute;
	margin: auto;
	top: 10px;
	z-index: 9;
	left: 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0c0), to(#939393), color-stop(.4,rgba(175, 175, 175, 0.1)),color-stop(.7,rgba(175, 175, 175, 0.2)));
	-webkit-border-radius: 50px;
}

.voicememos .front-shading {
	height: 115px;
	width: 52px;
	position: relative;
	margin: auto;
	top: 13px;
	z-index: 7;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(transparent), to(transparent), color-stop(.2,rgba(0, 0, 0, 1)),color-stop(.4,transparent),color-stop(.8,rgba(0, 0, 0, 1)),color-stop(.6,transparent));
	-webkit-border-radius: 50px;
}

.voicememos .top-highlight {
	height: 144px;
	width: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(rgba(0, 0, 0, 0.3)), color-stop(.3,transparent), color-stop(.7,transparent));
	-webkit-box-shadow: inset 0px -3px 10px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 50px;
}

.voicememos .holes {
	height: 144px;
	width: 72px;
	position: absolute;
	left: 52px;
	top: 13px;
	z-index: 10;
	background: transparent;
	-webkit-border-rad

ius: 50px;
/* -webkit-box-shadow:inset 0px 5px 10px #fff; */
}

.voicememos .hole-row-1 {
	width: 28px;
	padding: 0px 23px 0px 23px;
	height: 2px;
	margin: 1px 0px 1px 1px;
	float: left;
}

.voicememos .hole-row-2 {
	width: 40px;
	padding: 0px 17px 0px 15px;
	height: 2px;
	float: left;
	margin: 1px 0px 1px 1px;
}

.voicememos .hole-row-3 {
	width: 54px;
	padding: 0px 10px 0px 9px;
	height: 2px;
	float: left;
	margin: 1px 0px 1px 1px;
}

.voicememos .hole-row-4 {
	width: 59px;
	padding: 0px 6px 0px 6px;
	height: 2px;
	float: left;
	margin: 1px 0px 1px 1px;
}

.voicememos .hole-row-5 {
	width: 64px;
	padding: 0px 3px 0px 3px;
	height: 2px;
	float: left;
	margin: 1px 0px 1px 1px;
}

.voicememos .hole-row-6 {
	width: 66px;
	padding: 0px 2px 0px 2px;
	height: 2px;
	float: left;
	margin: 1px 0px 1px 1px;
}

.voicememos .hole-row-7 {
	width: 70px;
	float: left;
	margin: 1px 0px 1px 1px;
	height: 90px;
}

.voicememos .hole {
	width: 2px;
	height: 2px;
	-webkit-border-radius: 2px;
	background: #000;
	margin: 1px 0px 1px 1px;
	float: left;
}

/* Calculator */

.calculator {
	background: #22211d;
}

.calculator .top-left, .top-right, .bottom-left, .bottom-right {
	height: 85px;
	width: 88px;
	color: #fff;
	text-align: center;
	font-size: 62px;
	text-shadow: 0px -1px 3px #000;
	padding-top: 3px;
}

.calculator .vertical-divider {
	z-index: 2;
	width: 3px;
	position: relative;
	left: 85px;
	height: 176px;
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#564539), to(#2f261f));
}

.calculator .horizontal-divider {
	z-index: 1;
	width: 176px;
	height: 3px;
	position: relative;
	bottom: 90px;
	background: #2f261f;
	-webkit-box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.3);
}

.calculator .top-left {
	float: left;
	-webkit-border-top-left-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3a99f), to(#44372f));
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.5);
}

.calculator .top-right {
	float: right;
	-webkit-border-top-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3a99f), to(#44372f));
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.5);
}

.calculator .bottom-left {
	float: left;
	-webkit-border-bottom-left-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44372f), to(#22211d));
}

.calculator .bottom-right {
	float: right;
	-webkit-border-bottom-right-radius: 30px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2783b), to(#7a371a));
}

/* Weather */

.weather {
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#163ea4), to(#97e5f9));
}

.weather .gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2)));
	height: 85px;
	width: 176px;
	position: relative;
	-webkit-border-top-right-radius: 38px;
	-webkit-border-top-left-radius: 38px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	z-index: 1;
	position: absolute;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.6);
}

.weather .sun-highlight {
	height: 74px;
	width: 74px;
	-webkit-border-radius: 45px;
	background: none;
	-webkit-box-shadow: inset 0px 4px 4px #fff;
	margin: 2px auto 0px auto;
}

.weather .sun-container {
	width: 80px;
	margin: auto;
	margin-top: 28px;
}

.weather .sun-glow {
	height: 80px;
	width: 80px;
	-webkit-border-radius: 45px;
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
	-webkit-box-shadow: inset 0px 0px 20px #ffef1e;
	position: relative;
	top: -76px;
}

.weather .sun {
	height: 80px;
	width: 80px;
	-webkit-border-radius: 45px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f87c01), to(#ffef1e));
	position: relative;
	float: left;
	z-index: 3;
	margin-left: -80px;
	-webkit-box-shadow: 0px 0px 50px rgba(176, 132, 0, 1);
}

.weather .sun-shadow {
	height: 80px;
	width: 80px;
	-webkit-border-radius: 45px;
	position: relative;
	float: left;
	z-index: 1;
	-webkit-box-shadow: 0px 0px 50px rgba(176, 132, 0, 1);
}

.weather .temperature {
	font-size: 36px;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	font-weight: bold;
	width: 176px;
	position: relative;
	top: -25px;
}

.rays {
	position: relative;
	top: -20px;
	left: -40px;
	z-index: 2;
}

.rays div {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 197, 23, 0)), to(rgba(255, 197, 23, 0)), color-stop(.4, rgba(255, 197, 23, 1)),color-stop(.6, rgba(255, 197, 23, 1)));
	width: 3px;
	float: left;
	margin-right: -5px;
}

.ray-1 {
	height: 120px;
	-webkit-transform: rotate(24deg);
}

.ray-2 {
	height: 120px;
	-webkit-transform: rotate(48deg);
}

.ray-3 {
	height: 120px;
	-webkit-transform: rotate(32deg);
}

.ray-4 {
	height: 120px;
	width: 5px;
	-webkit-transform: rotate(116deg);
}

.ray-5 {
	height: 120px;
	-webkit-transform: rotate(120deg);
}

.ray-6 {
	height: 120px;
	-webkit-transform: rotate(144deg);
}

.ray-7 {
	height: 120px;
	-webkit-transform: rotate(158deg);
}

.ray-8 {
	height: 120px;
	width: 2px;
	-webkit-transform: rotate(192deg);
}

.ray-9 {
	height: 120px;
	-webkit-transform: rotate(216deg);
}

.ray-10 {
	height: 120px;
	-webkit-transform: rotate(240deg);
}

.ray-11 {
	height: 120px;
	-webkit-transform: rotate(264deg);
}

.ray-12 {
	height: 120px;
	-webkit-transform: rotate(218deg);
}

.ray-13 {
	height: 120px;
	-webkit-transform: rotate(312deg);
}

.ray-14 {
	height: 120px;
	width: 2px;
	-webkit-transform: rotate(336deg);
}

.ray-15 {
	height: 120px;
	-webkit-transform: rotate(3450deg);
}

/* iTunes */

.itunes {
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#5a206a), to(#bc81c1));
}

.itunes .gloss {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2)));
	height: 85px;
	width: 176px;
	position: relative;
	-webkit-border-top-right-radius: 38px;
	-webkit-border-top-left-radius: 38px;
	-webkit-border-bottom-right-radius: 120px 20px;
	-webkit-border-bottom-left-radius: 100px 20px;
	z-index: 100;
	position: absolute;
	-webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.6);
}

.itunes .circle {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 70px;
	background: transparent;
	border: 9px solid #fff;
	margin: 28px 0px 0px 31px;
	font-size: 70px;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0px -3px 1px rgba(55, 28, 64, 1);
	position: absolute;
	z-index: 2;
}

.itunes .note-top {
	width: 35px;
	height: 12px;
	background: #fff;
	margin: auto;
	-webkit-transform: rotate(-10deg);
	margin-top: 20px;
	margin-left: 35px;
	z-index: 4;
	position: absolute;
	-webkit-box-shadow: 0px -2px 1px rgba(55, 28, 64, 0.4);
}

.itunes .note-legs {
	width: 37px;
	margin: auto;
	margin-left: 35px;
	z-index: 4;
	position: absolute;
	margin-top: 32px;
}

.itunes .note-leg-left {
	width: 5px;
	height: 45px;
	float: left;
	background: #fff;
	margin-top: -6px;
}

.itunes .note-leg-right {
	width: 5px;
	height: 47px;
	float: right;
	background: #fff;
	margin-top: -15px;
}

.itunes .note-feet {
	width: 52px;
	position: absolute;
	margin: 62px 0px 0px 20px;
	z-index: 4;
}

.note-foot-left {
	width: 20px;
	height: 15px;
	-webkit-border-radius: 14px 10px;
	background: #fff;
	float: left;
	-webkit-transform: rotate(-10deg);
}

.note-foot-right {
	width: 20px;
	height: 15px;
	-webkit-border-radius: 14px 10px;
	background: #fff;
	float: right;
	margin-top: -5px;
	-webkit-transform: rotate(-10deg);
}

.itunes .starburst {
	float: right;
	right: 88px;
	position: relative;
	z-index: 1;
}

.itunes .burst-2 {
	-webkit-transform: rotate(90deg);
	opacity: 0.5;
}

.itunes .burst-2 div {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)), color-stop(.4, rgba(0, 0, 0, 0.7)),color-stop(.6, rgba(0, 0, 0, 0.7)));
}

.starburst div {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)), color-stop(.4, rgba(255, 255, 255, 0.7)),color-stop(.6, rgba(255, 255, 255, 0.7)));
	width: 1px;
	float: left;
	margin-right: -5px;
	height: 190px;
	margin-top: -10px;
}

.starburst .ray-1 {
	-webkit-transform: rotate(24deg);
}

.starburst .ray-2 {
	-webkit-transform: rotate(48deg);
}

.starburst .ray-3 {
	-webkit-transform: rotate(32deg);
}

.starburst .ray-4 {
	-webkit-transform: rotate(116deg);
}

.starburst .ray-5 {
	-webkit-transform: rotate(120deg);
}

.starburst .ray-6 {
	-webkit-transform: rotate(144deg);
}

.starburst .ray-7 {
	-webkit-transform: rotate(158deg);
}

.starburst .ray-8 {
	-webkit-transform: rotate(192deg);
}

.starburst .ray-9 {
	-webkit-transform: rotate(216deg);
}

.starburst .ray-10 {
	-webkit-transform: rotate(240deg);
}

.starburst .ray-11 {
	-webkit-transform: rotate(264deg);
}

.starburst .ray-12 {
	-webkit-transform: rotate(218deg);
}

.starburst .ray-13 {
	-webkit-transform: rotate(312deg);
}

.starburst .ray-14 {
	-webkit-transform: rotate(336deg);
}

.starburst .ray-15 {
	-webkit-transform: rotate(3450deg);
}

.starburst .ray-16 {
	-webkit-transform: rotate(15deg);
}

.starburst .ray-17 {
	-webkit-transform: rotate(40deg);
}

.starburst .ray-18 {
	-webkit-transform: rotate(341deg);
}

.starburst .ray-19 {
	-webkit-transform: rotate(31deg);
}

.starburst .ray-20 {
	-webkit-transform: rotate(60deg);
}

.starburst .ray-21 {
	-webkit-transform: rotate(70deg);
}

.starburst .ray-22 {
	-webkit-transform: rotate(80deg);
}

.starburst .ray-23 {
	-webkit-transform: rotate(96deg);
}

.starburst .ray-24 {
	-webkit-transform: rotate(21deg);
}

.starburst .ray-25 {
	-webkit-transform: rotate(9deg);
}

.starburst .ray-26 {
	-webkit-transform: rotate(0deg);
}

.starburst .ray-27 {
	-webkit-transform: rotate(170deg);
}

.starburst .ray-28 {
	-webkit-transform: rotate(168deg);
}

.starburst .ray-29 {
	-webkit-transform: rotate(174deg);
}

.starburst .ray-30 {
	-webkit-transform: rotate(450deg);
}

.itunes .circle-center {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 100px;
	background: -webkit-gradient(radial, 50 50, 50, 50 50, 30, from(rgba(147, 89, 157, 0)), to(rgba(147, 89, 157, 1)));
	margin: auto;
	z-index: 3;
	position: absolute;
}