/* CSS Document */
@charset "UTF-8";
p, h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
	font-weight:normal;
}
body {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	/*padding-bottom: 500px;*/
	padding-left: 0px;
	background-image: url(../images/bkg_swatch.png);
	background-repeat: repeat;
}

	
p {
	font-family: 'bariol_regularregular', sans-serif;
	font-size: 18px;
	color: #4A5458;
	text-align: left;
}


h3 {
	font-family: "nexa_boldregular", sans-serif;
	font-size: 48px;
	color: #4A5458;
	text-align: center;
}
	


#wrapper_hd {
	z-index: 20;
	position: fixed;
	padding: 0px;
	width: 100%;
	top: 0px;
	background-color: #4A5458;
}

#header {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 70px;
	padding: 5px;
	text-align: center;	
	
}

.nav {
	float: right;
	width: 375px;
	margin-top: 10px;
	margin-right: 20px;
	
}


#logoNav {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	
	}
	
#vimLogo {
	float: left;
	margin-left: 20px;	
	
}



#nav li{
	display: inline;
	font-family: 'nexa_boldregular';
	text-decoration: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	}
	
#nav li a {
	text-decoration: none;
	color: #F4ECD9;
}
	
#a {
	text-decoration: none;
	
}

#nav li a:active{
	text-decoration: none;
	color: #49D4E7;
}

#nav li a:visited {

	text-decoration: none;
	color: EBA802;
}

#nav li a:hover{
	color: #49D4E7;
}




#container {
	z-index:10;
	position:relative;
	top: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image:url(../images/bkg_swatch.png)
}

.area {
	position:relative;	
	left: 0px;
	top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	font-family: 'nexa_boldregular', sans-serif;
	
}

/*a1*/

#home{
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 220px;
	/*padding-bottom: 120px;*/
		
	}

	#a1 #bkgImg {
		border: 0;
		width: 100%;
		height: auto;
		/*padding-bottom: 120px;*/
		
	}
	
	#a1 #appGroup {
		width: 100%;
		position: absolute;
		margin-left: -250px;
		margin-right: auto;
		top: 255px;
			
		
	}

/*a2*/

#a2 #5actions {
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-bottom: auto;
	
		
}

.5Acontent{
	
	width: 1000px;
	/*height:800px;*/
	text-align: center;
	margin:auto;
	padding-bottom: 220px;
	

	
}

	.img {
		
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		text-align: center;
		position: relative;
	}
	
	#a2 p {
		font-family: 'bariol_regularregular', sans-serif;
		font-size: 24px;
		color: #4A5458;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		width: 750px;	
		
	}


/*a3*/

#space{
	height:150px;
	width: 100%
	padding-bottom: 200px;
	}



.imgTour {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
		text-align: center;
		position: relative;
	}


#tourApp{
	
	margin:auto;
	width: 1000px;
	height:500px;
	position: relative;
	overflow: hidden;
	padding-bottom:220px;
	
	}
	
	.scr{
	float: left;
	font-family: 'bariol_regularregular';
	font-size: 24px;
	padding-left: 90px;
	padding-right: 90px;
	
	
	}


.app{
	position: absolute;
	width: 100%;
	height: 500px;
	text-align: center;
	top: 0px;
	left: 0px;	

	
	}
	
	
	
	.txt  {
		font-family:'bariol_regularregular';
		width: 350px;
		float: left;
		margin-top: 50px;
		
	}
	.txt h2 {
		font-family: 'nexa_boldregular', sans-serif;
		font-size: 28px;
		color: #4A5458;
		text-align: left;
	}
	
	.txt p {
		font-size: 24px;
		
	}
	
	#section1{
		/*padding-bottom: 200px;*/
		
	}
	
	h2.chooseTitle{
		color:#8d308f;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
	#section2 {
		/*padding-top: 100px;
		padding-bottom: 200px;*/
	}
		
	h2.connectTitle{
		color:#f8c22c;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
	#section3{
		/*padding-top: 100px;
		padding-bottom: 200px;*/
	}
	
	h2.giveTitle {
		
		color:#889aac;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
	#section4{
		/*padding-top: 100px;
		padding-bottom: 200px;*/
	}
		
	h2.activeTitle{
		color:#49d4e7;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
	#section5{
		/*padding-top: 100px;
		padding-bottom: 200px;*/
	}
		
	h2.noticeTitle{
		color: #4a5458;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
	#section6{
		/*padding-top: 100px;
		padding-bottom: 200px;*/
	}
		
	h2.curiousTitle{
		color: #a7eff9;
		text-shadow: 1px 1px 1px #4A5458;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		
		
		/*App nav*/	
		ul#npNav {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		position: absolute;
		right: 226px;
		top: 415px;
		}
		ul#npNav  li{
			font-family: 'nexa_boldregular', sans-serif;
			margin-left: 20px;
			width: 40px;
			text-align: center;
			font-size:24px;
			size: 40px;
			padding: 0px;
			float: left;
			background-color: #4A5458;
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #F4ECD9;
			padding-top: 6px;
			padding-right: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
		}
		
		/*App nav end*/
	
	
/*a4*/

#about{
	/*padding-top: 50px;*/
	padding-bottom:150px;
}

.imgAbout {
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	text-align: center;
	position: relative;
}
		
#about p {
	font-family: 'bariol_regularregular', sans-serif;
	font-size: 24px;
	color: #4A5458;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width: 750px;	
}

/*call to action*/
/*#cta{
	width: 100%;
	height: 110px;
	background-color: #CCC;
	text-align: center;
	top: 30px;
	font-size: 24px;
	
	}
	
#tag_Btn{
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	
	
	}
	
.tagline {
	width:500px;
	height: 45px;
	float: right;
	margin-top: 35px;
		
}

.tagline p{
	font-family: 'bariol_regularregular', sans-serif;
	font-size: 26px;
	margin-left:25px;
	color: #F4ECD9;
	text-align: right;

	
	
}

.button {
	height: 85px;
	width: 400px;
	position: relative;
	float: right;
	margin-top: 14px;
	
	}
*/


/*Footer*/

#footer {
	width: 100%;
	height: 270px;
	text-align: center;
	padding: 25px 0 0 0;
	background-color: #4A5458;
	font-family: 'bariol_regularregular';
}

#menu-wrapper { 
	margin: 0 auto;
	height: 200px; 
	width: 1200px;
}

h4 {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 2px;
	color: #F4ECD9;
	margin-bottom: 10px;
}

.footermenus {
	width: 290px;
	float: left;
	text-align: left;
}
	
#follow li, #contact li, #inspiration li {
	display:block;
	font-family: 'bariol_regularregular';
	text-transform: uppercase;
	width: 280px;
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 1px;
	margin-left: 75px;
	color: #F4ECD9;
}
	
#follow a, #contact a, #inspiration a {
		color: #F4ECD9;
		text-decoration:none;
		}
		
#follow li a:hover, #contact li a:hover, #inspiration li a:hover {
		opacity: .6;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		color: #49D4E7;
}
		
	
#copyright {
	width: 100%;
	text-align: center;
	clear: both;
	background: #444;
	height: 21px;
}

#copyright p {
	font-family: 'bariol_regularregular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	color: #fff;
	margin: 0;
	}
	
#copyright a {
	color: #7bf8d6;
}



/*clearfix*/	
	
.clearfix {
	clear:both;
	height:0px;
	visibility:hidden;
}