/* ===================================================
 * style.css v1.0
 * ===================================================
 * Copyright 2014 Jeewhan Kim
 * Jan 15. 2014, Jeewhan Kim
 * =================================================== */

html, body {
margin: 0;
height: 100%;
font-family: 'Helvetica Neue';
font-weight: 200;
}
h1 {
font-size: 20px;
}
header, footer {
height: 17px;
}
/*header {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );

	border-bottom: 4px solid #FFF;
}
footer {
	background: rgb(69,72,77);
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

	border-top: 4px solid #FFF;
}*/

header, footer {
background-color: #1ead7e;
}
.box_light {
background: rgb(175,236,255);
background: -moz-linear-gradient(left, rgba(175,236,255,1) 0%, rgba(43,205,255,1) 16%, rgba(148,61,206,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(175,236,255,1)), color-stop(16%, rgba(43,205,255,1)), color-stop(100%, rgba(148,61,206,1)));
background: -webkit-linear-gradient(left, rgba(175,236,255,1) 0%, rgba(43,205,255,1) 16%, rgba(148,61,206,1) 100%);
background: -o-linear-gradient(left, rgba(175,236,255,1) 0%, rgba(43,205,255,1) 16%, rgba(148,61,206,1) 100%);
background: -ms-linear-gradient(left, rgba(175,236,255,1) 0%, rgba(43,205,255,1) 16%, rgba(148,61,206,1) 100%);
background: linear-gradient(to right, rgba(175,236,255,1) 0%, rgba(43,205,255,1) 16%, rgba(148,61,206,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afecff', endColorstr='#943dce', GradientType=1 );
}
nav {
position: fixed;
top: 40%;
right: 20px;
}
nav ul {
list-style: none;
}
section {
width: 100%;
height: 100%;
color: white;
}
section.page_1, #fourth {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,188,188,0.57) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(188,188,188,0.57)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,188,188,0.57) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,188,188,0.57) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,188,188,0.57) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(188,188,188,0.57) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91bcbcbc', GradientType=0 );
}
#intro {
color: white;
width: 100%;
height: 100%;
}
#imac_bg {
background: url(../images/imac_bg.png) 50% 20% no-repeat fixed;
background-size: 70%;
}
#imac_bg_2 {
background: url(../images/imac_bg_wp.png) 50% 20% no-repeat fixed;
background-size: 70%;
}
#first {
background: url(../images/bg_gray_0.png) 50% 0 no-repeat fixed;
}
#first_2 {
background: url(../images/bg_gray_1.png) 50% 0 no-repeat fixed;
}
#first_3 {
background: url(../images/bg_gray.jpg) 50% 0 no-repeat fixed;
overflow: hidden;
}
/*#imac_bg, #imac_bg_2, */
#first, #first_2, #first_3 {
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}
#second {
background: url(../images/bg_color_dumbo.png) 50% 0 no-repeat fixed;
/*background-size: 100% 1024px;*/
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}
#second_2 {
background: url(../images/bg_hue_dumbo.png) 50% 0 no-repeat fixed;
/*background-size: 100% 1024px;*/
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}
#second_3 {
background: url(../images/bg_gray_dumbo.png) 50% 0 no-repeat fixed;
/*background-size: 100% 1024px;*/
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}
#third {
background: url(../images/dark_wall.png) 50% 0 repeat fixed;
background-size: 300px 300px;
overflow: hidden;
}
#white_bg {
background-color: #FFF;
}
#fifth {
background: url(../images/bg_mbpro.jpg) 50% 0 no-repeat fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
#last {
background: url(../images/bg_rainbow.png) 0 0 no-repeat fixed;
/*-moz-background-size:cover; */
	/*-webkit-background-size:cover; */
background-size: 100% 100%;
height: 55px;
}
.yellow_bg {
}