/* DEVELOPED BY DEEPBLUE  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Area 1
:: Area 2
:: Area 3
*/


/* -----------------------------------------
   Area 1
----------------------------------------- */
/***** FONTS *****/
	@font-face { font-family: NeoSansIntel; src: url(fonts/NeoSansIntel.ttf); }
	@font-face { font-family: NeoSansIntel-Italic; src: url(fonts/NeoSansIntel-Italic.ttf); }
	@font-face { font-family: NeoSansIntel-Light; src: url(fonts/NeoSansIntel-Light.ttf); }
	@font-face { font-family: NeoSansIntel-Medium; src: url(fonts/NeoSansIntel-Medium.ttf); }
	@font-face { font-family: NeoSansIntel-LightItalic; src: url(fonts/NeoSansIntel-LightItalic.ttf); }
	@font-face { font-family: NeoSansIntel-MediumItalic; src: url(fonts/NeoSansIntel-MediumItalic.ttf); }
	
/***** COLORS *****/
	.power{ color: #faa819; }
	.choice{ color: #d2de30; }
	.ignite{ color: #24abda; }
	.technology{ color: #577184; }
	.contributor{ color: #d2de30; }
	.ecosystem{ color: #2378a1; }
	.future{ color: #d2de30; }
	.intelBlue{ color: #007dc5; font-size: 18px; font-weight: bold; }

/***** STYLES *****/
	#intelHome { background: #000 url(../img/home/bgd_HP_Desktop.jpg) center 0 no-repeat; /*background-size: cover;*/}
	
	.container { margin: 0 auto; width: 1170px; /*width: 70%;*/ }
	
	.outer {
    overflow: hidden;
    position: relative;
    width: auto;
    height: auto;

}

	/***** HEADER *****/
	header { }
	header .container { background-color: transparent; height: 186px; }

	/* Logo */
	header #logoContainer { padding: 30px 0 0 20px; /*padding: 3% 0 0 5%;*/}
	header #chip { margin-right: 10px; background:url(../img/home/logo_OpenSourceIntel_chip_01.png); width:54px; height:45px; background-repeat:no-repeat; float:left; -webkit-background-size: cover; -moz-background-size: cover  	-o-background-size: cover; background-size: cover;}
	header #logo { background:url(../img/home/logo_OpenSourceIntel.png); background-repeat:no-repeat; width:133px; height:113px; display:block; float:left; -webkit-background-size: cover; -moz-background-size: cover  	-o-background-size: cover; background-size: cover; }
	

	/***** MAIN CONTENT *****/

	/* Title */
	#title { margin-top: -120px; text-align: right; }
	#title h1 { color: #fcee20; font-family: 'NeoSansIntel-Medium', sans-serif; font-size: 117px; line-height: 1; padding-right: 50px; position:absolute; top:-100px; margin-left: 395px; }
	#title h1 span { color: #fff; font-family: 'NeoSansIntel-Light', sans-serif; font-size: 69px; line-height: 1; }

	/***** NAV *****/
	nav { display: block; height: auto; margin-top: 615px/* 28%*/; margin-bottom: 10px;  background-color: transparent; }
	nav ul { list-style: none; height: auto; }
	nav ul li { 
		/*background: url(../img/home/nav-grad.jpg) 0 0 repeat-x;*/
		background-color: rgba(0,118,186,.1);
		float: left;
		margin-right: 1px;
		margin-bottom: 25px; 
		min-height: 171px;
		width: 146px;
		/*display:none;*/
		/*width: 13.75%;*/ 
	}
	nav ul li a { display: block; padding: 0 8px; }
	nav ul li a h5 { font-family: 'NeoSansIntel', sans-serif; font-size: 18px; margin: 9px 0 2px 0; }
	nav ul li a p { color: #fff; font-family: 'NeoSansIntel', sans-serif; font-size: 16px; line-height: 24px; margin: 0 auto; }
	
	
	.footerBG { /*background: url(../img/common/footerGradient.png) no-repeat center top;*/}

	/* OBJECTS */
	.objects { position: absolute; }
	#plane { margin-left: 190px; top: 115px; background:url(../img/home/animate_PaperPlane.png) no-repeat; width:198px; height:148px;   -webkit-background-size: cover; 
																																		-moz-background-size: cover;
																																		-o-background-size: cover; 
																																		background-size: cover; }
																																		
	#cloud { left: -200px; top: 320px; background:url(../img/home/animate_Cloud.png) no-repeat; width:163px; height:100px;   -webkit-background-size: cover; 
																																		-moz-background-size: cover;
																																		-o-background-size: cover; 
																																		background-size: cover; }
																																		
	
	#ship { margin-left: 550px; top: 290px; background:url(../img/home/animate_Ship1.png) no-repeat; width:477px; height:362px;  z-index:10;  -webkit-background-size: cover; 
																																		-moz-background-size: cover;
																																		-o-background-size: cover; 
																																		background-size: cover; }
																																		
	#shipTrail { margin-left: 550px; top: 290px; background:url(../img/home/animate_Ship2.png) no-repeat; width:477px; height:362px; z-index:9;   -webkit-background-size: cover; 
																																		-moz-background-size: cover;
																																		-o-background-size: cover; 
																																		background-size: cover; }
	
	#butterfly { margin-left: 420px; top: 290px; background:url(../img/home/animate_Butterfly.png) no-repeat; width:87px; height:85px;   -webkit-background-size: cover; 
																																		-moz-background-size: cover;
																																		-o-background-size: cover; 
																																		background-size: cover; }
	.arrow{ background:url(../img/home/nav_arrow_large.png) no-repeat; width:47px; height:47px; margin-right: 11px;}
	
	#corner{ background:url(../img/common/ftr_Corner.png) no-repeat; width:168px; height:150px; position: absolute; right:0 ;bottom:0; z-index:2000; }
	
	#intelLogo{ background:url(../img/common/ftr_IntelLogo.png) no-repeat; width:115px; height:80px; display:block; z-index:1;}
	
	/* SOCIAL ICONS */
	.fb{ background: url(../img/common/ftr_Facebook.png) no-repeat; width:54px; height:44px; display:block;}
	.tw{ background:url(../img/common/ftr_Twitter.png) no-repeat; width:54px; height:44px; display:block; margin-left: 6px;}
	.yt{ background:url(../img/common/ftr_YouTube.png) no-repeat; width:54px; height:44px; display:block; margin-left: 6px;}
	
	/* UTILITY CLASSES */
	.left{ float:left; }
	.paddingPxTopBottom{ padding:30px 0 20px 0; }
	
	
	/* COPYRIGHT */
	.copyright{ font-size:12px; line-height:18px;}
/* -----------------------------------------
   Area 2
----------------------------------------- */




/* -----------------------------------------
   Area 3
----------------------------------------- */
/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

@media handheld, only screen and (max-width: 1024px) and (min-width: 767px) {

	/***** STYLES *****/
	#intelHome { background: #000 url(../img/home/bgd_HP_Tablet.jpg) center 0 no-repeat; /*background-size: 100%;*/ }
	
	header #chip { width:40px; height:34px; }
	header #logo { width:97px; height:83px; }
	
	
	.container { width: 100%; }

	nav { margin-top: 61%; }
	nav ul li { 
		background-color: rgba(0, 118, 186, 0.16);
		margin: 0 0 2px 21px;
		min-height: 70px;
		padding: 0 0 0 10px;
		width: 47%;
	}
	nav ul li a h5 { font-size: 18px; margin: 5px 0 0;}
	nav ul li a p { font-size: 14px; }

	#title {margin-top: -100px; text-align: right; }
	#title h1 { font-size: 86px; margin-left: 163px; }
	#title h1 span { font-size: 52px; }

	#plane { 
		height: 120px;
		margin-left: 75px;
		top: 103px;
		width: 160px !important;   
	}
	#cloud { 
		height: 70px;
		top: 255px;
		width: 123px !important;
	  }
																																		
	#ship { 
		margin-left: 340px; 
		top: 237px; 
		width:360px !important; 
		height:270px;   
	}
	
	#shipTrail { 
		margin-left: 340px; 
		top: 237px; 
		width:360px !important; 
		height:270px;   
	}
	
																																		
	#butterfly { 
		height: 60px;
		margin-left: 230px;
		top: 251px;
		width: 62px !important; 
	}
	
	/* UTILITY CLASSES FOR TABLET*/
	.hideMobile{ display:none;}
	.noPadding{padding: 0px !important;}

}


/* ========================================= */
/* ! Layout for Devices smaller than 767px   */
/* ========================================= */

@media handheld, only screen and (max-width: 767px) {

	#intelHome { background: #000 url(../img/home/bgd_HP_Tablet.jpg) center 0 no-repeat; /*background-size: 100%;*/ }
	
	header #logoContainer { padding: 11px 0 0 11px; }
	header #chip { width:31px; height:25px; }
	header #logo { width:74px; height:63px; }
	
	.container { width: 100%; }
	
	nav ul li a h5 { font-size: 18px; margin: 5px 0 0;}
	nav ul li a p { font-size: 14px; }
	
	nav { margin-top: 62%; }
	nav ul li { background-color: rgba(0,118,186,.18); float: none; margin: 0 0 5px 0; min-height: 80px; padding: 5px 0 0 10px; width: 100%; }
	nav ul li a p { margin: 0; }

	#title { margin-top: -100px; text-align: right; }
	#title h1 { 
		font-size: 70px; color: #FCEE20;
		font-family: 'NeoSansIntel-Medium',sans-serif;
		line-height: 1;
		padding-right: 4px; 
	}
	
	#title h1 span { font-size: 40px; }

	#plane { 
		 height: 90px;
    margin-left: -5px;
    top: 117px;
    width: 120px !important;
	}
	#cloud { 
		 height: 50px;
    margin-left: 1px;
    top: 240px;
    width: 83px !important;
	  }
																																		
	#ship { 
		height: 180px;
    margin-left: 278px;
    top: 298px;
    width: 240px !important;
	}
	
	#shipTrail { 
		height: 180px;
    margin-left: 278px;
    top: 298px;
    width: 240px !important;
	}
																																		
	#butterfly { 
		height: 80px;
    margin-left: 150px;
    top: 235px;
    width: 72px !important;
	}
	
	/* UTILITY CLASSES FOR PHONES*/
	.hideMobile{ display:none;}
	.noPadding{padding: 0px !important;}

}

/* ========================================= */
/* ! Layout for Devices smaller than 480px   */
/* ========================================= */

@media handheld, only screen and (max-width: 480px) {

	#intelHome { background: #000 url(../img/home/bgd_HP_Mobile.jpg) center 0 no-repeat; /*background-size: 190%;*/ }

	nav { margin-top: 46%; }
	nav ul li { background-color: rgba(0,118,186,.1); margin-bottom: 6px; }

	header #logoContainer { padding: 11px 0 0 11px; }
	header #chip { width:31px; height:25px; }
	header #logo { width:74px; height:63px; }
	
	nav ul li a h5 { font-size: 18px; margin: 5px 0 0;}
	nav ul li a p { font-size: 14px; }
	
	#title { margin-top: -120px; text-align: right; }
	#title h1 { 
		font-size: 33px !important; 
		color: #FCEE20;
		font-family: 'NeoSansIntel-Medium',sans-serif;
		line-height: 1;
		margin-left: 85px; 
		padding-right: 4px; 
	}
	
	#title h1 span { font-size: 20px; }

	#plane { 
		height: 60px;
		margin-left: -5px;
		top: 82px;
		width: 80px !important;  
	}
	#cloud { 
		height: 30px;
		margin-left: 1px;
		top: 148px;
		width: 53px !important;
	  }
																																		
	#ship { 
		height: 120px;
		margin-left: 128px;
		top: 135px;
		width: 160px !important; 
	}
	
	#shipTrail { 
		height: 120px;
		margin-left: 128px;
		top: 135px;
		width: 160px !important; 
	}
																																		
	#butterfly { 
		height: 40px;
		margin-left: 101px;
		top: 140px;
		width: 52px !important; 
	}
	
	/* UTILITY CLASSES FOR PHONES*/
	.hideMobile{ display:none;}
	.noPadding{padding: 0px !important;}
	
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*@media only screen and (max-device-width: 1280px) {

}
@media only screen and (max-width: 1279px) and (min-width: 768px) {

}
*/
/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

/*@media only screen and (max-width: 767px) {

}*/
/* ========================================= */
/* ! Layout for Devices smaller than 480px   */
/* ========================================= */

/*@media handheld, only screen and (max-width: 480px) {

}*/

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}*/