/* IVY HU - CSS */

body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, header, section, aside, footer, button {
	margin: 0; padding: 0; border: 0;
}



body {
	background: #353535 url(mimages/bg.png);
	font: 40px Arial, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	height: auto;
}

#line1 {
	z-index: -1;
	background: url(mimages/line.png) repeat-x scroll;
	width: 106%;
	position: absolute;
	top: 1040px;
	height: 6px;
}

#line2 {
	z-index: -1;
	background: url(mimages/line.png) repeat-x scroll;
	width: 106%;
	position: absolute;
	top: 1510px;
	height: 6px;
}

#line3 {
	z-index: 100;
	background: url(mimages/line.png) repeat-x scroll;
	width: 106%;
	position: absolute;
	top: 1960px;
	height: 6px;
}



#line4 {
	z-index: 100;
	background: url(mimages/line.png) repeat-x scroll;
	width: 106%;
	position: absolute;
	top: 4810px;
	height: 6px;
}

a {
text-decoration: none;
color: #f17182;
cursor:pointer;
}


#container {
	width: 100%;
	position: relative;
	text-shadow: #000000 1px 1px 1px;
	padding-top: 3%;
	height: auto;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	padding-left: 3%;
	padding-right: .5px;
}

header {
	text-align: left;
	width: 100%;
	height: 100%;
}
	header img#logo {
	padding-top: 10px;
	margin-left: 0;
	position: relative;
	width: 35%;
	padding-left: 10px;
}
	header img#flagabout {
	margin-top: 0;
	position: absolute;
	padding-top: 0;
	top: -3px;
	z-index: 2;
	left: 65%;
	width: 13%;
}

	header img#flagcontact {
	margin-top: 0;
	position: absolute;
	padding-top: 0;
	top: -3px;
	z-index: 1;
	left: 83%;
	width: 13%;
}


	
section {
	float: right;
	text-align: left;
	position: relative;
	height: auto;
	width: 48.5%;
	overflow: visible;
}

	section h1 {
	text-transform: uppercase;
	color: #B9DAC7;
	padding-bottom: 3%;
	font: 400 45px/55px 'Oswald', sans-serif;
	padding-top: 7%;
}
	section p {
	text-shadow: 0px 1px 2px #000;
	padding-bottom: 15px;
}


	section ul {
	text-shadow: 0px 1px 2px #000;
	padding-bottom: 30px;
	width: 97%;
	float: right;
	line-height: 40px;
}

	ul.arrowList li{
 	list-style-image: url('mimages/arrow.png');
 	padding-bottom: 6%;
	padding-left: 10px;
}


	ul.arrowList li:hover{
 	list-style-image: url('mimages/arrow2.png');
 	-o-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
	
	.previewImage-div {
	z-index: -1;
	position: absolute;
	margin-top: 205px;
	margin-left: 4%;
}


	nav img#slideshow {
	width: 100%;
	float: left;
}

.slideshow {
	z-index: -1;
	position: absolute;
	width: 37.4%;
	height: 650px;
	margin-top: 205px;
	margin-left: 4%;
}


nav {
	width: 30%;
	height: auto;
	float: left;
}


	nav img#iphone {
	z-index: 100;
	position: absolute;
	width: 45%;
	height: auto;
	padding-top: 3.5%;
	float: left;
}






#bg2 {
	background: url(mimages/bg2.png) repeat;
	width: 106%;
	position: absolute;
	z-index: -10;
	text-shadow: rgba(254,255,255,0.75) 1px 1px 1px;
	clear: none;
	top: 1030px;
	height: 3800px;
	padding-bottom: 0;
}



aside {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	height: auto;
	display: block;
}

	
	aside img#appstore {
	height: auto;
	padding-top: 70px;
	padding-bottom: 60px;
}



	aside h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 150px;
	color: #44564A;
	font-weight: 400;
	z-index: 50;
	position: relative;
	text-shadow: rgba(255,254,255,0.75) 1px 1px 1px;
	display: inline;
}

	aside h2:hover{
	color:  #f17182;
	-webkit-transition: .9s;
	-moz-transition: .9s;
}

	aside h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 60px;
	color: #44564A;
	font-weight: 400;
	padding-bottom: 60px;
	padding-top: 60px;
}
	aside h4 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 70px;
	color: #333333;
	font-weight: 400;
	text-align: center;
	padding-top: 7px;
}

	aside h5 {
	text-transform: uppercase;
	color: #40564a;
	text-align: center;
	padding-bottom: 10px;
	font: 70px 'Oswald', sans-serif;
}
	
	aside h6 {
	color: #557763;
	font: 60px 'Oswald', sans-serif;
	text-align: center;
	padding-bottom: 60px;
}

#headshot {
	width: 70%;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
}






footer {
	width: 100%;
	overflow: hidden;
	bottom: 0;
	text-align: center;
	z-index: -3;
	clear: both;
	text-shadow: #000000 1px 1px 1px;
	height: 360px;
	position: relative;
	margin-bottom: 0;
	padding-top: 100px;
}


	footer h7 {
	font-family: 'Oswald', sans-serif;
	font-size: 70px;
	color: #ffffff;
	font-weight: 400;
	padding-bottom: 20px;
	margin-top: 100px;
}

	
	footer h8 {
	color: #CCCCCC;
	font: normal 30px Arial, sans-serif;
	text-transform: uppercase;
}