body{
	margin:0px;
	padding:0px;
	background:#90bfcb url(img/bodyBackground.jpg) repeat;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

.pageHeader{
	display:block;
	background-color:#fff;

}
	.pageHeader img{
		border:none;
	}
ul.socialIcons{
	list-style:none;
	float:right;
}
	ul.socialIcons li{
		float:left;
		margin:0px 5px;
	}
		ul.socialIcons li img{
			border:none;
		}
a.linkedInIcon{
	display:block;
	text-indent:-9999px;
	width:26px;
	height:26px;
	background:url(http://coretechsinc.com/css/files/linkedIn.gif) no-repeat;
}
a.faceBookIcon{
	display:block;
	text-indent:-9999px;
	width:26px;
	height:26px;
	background:url(http://coretechsinc.com/css/files/faceBook.gif) no-repeat;
}

nav{
	display:block;
	background:#c5c5c7;
	text-align:center;
}
	nav ul{
		list-style:none;
		padding:0px;
		width:980px;
		margin:0px auto;
		}
		nav ul li{
			display:inline-block;
			*float:left;
			
		}
			nav ul li a, nav ul li a:link{
				display:inline-block;
				color:#004959;
				padding:4px 10px;
				margin:0px 0px;
				
				font-weight:bold;
				text-decoration:none;
			}
			nav ul li a:hover,nav ul li a.on{
				color:#00ccff;
				background-color:#004959;
				text-shadow:0px 0px 13px rgba(255, 255, 255, 0.8);
			
			}
header{
	display:block;
	position:relative;
	height:230px;
	overflow-y:hidden;
	border-bottom:solid 2px #00ccff;
	background:#ffb93a;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb93a', endColorstr='#ffe25a',GradientType=0 ); /* IE6-8 */	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb93a), to(#ffe25a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffb93a, #ffe25a); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffb93a, #ffe25a); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffb93a, #ffe25a); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffb93a, #ffe25a); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffb93a, #ffe25a);
	
}
	header h1{
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size:24px;
		color:#00627b;
		text-shadow:0px 3px 3px rgba(255, 255, 255, 0.3);
		margin:4px;
	}
	header span{
		position:absolute;
		color:#222;
		font-size:20px;
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
	}
	header span strong{
		color:#dd0000;
	}
		
.center980{
	display:block;
	position:relative;
	width:980px;
	margin:0px auto;
	
}
article{
	border:solid 1px #00ccff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.4);
	background:#fff url(img/articleCardNumber.png) no-repeat right bottom;
	display:block;
	padding:10px;
	margin:20px;
}
	article .innerShadow{
		margin:-10px;
		padding:10px;
		-webkit-box-shadow: inset 0px -9px 16px 0px rgba(0, 204, 255, 0.15);
		-moz-box-shadow: inset 0px -9px 16px 0px rgba(0, 204, 255, 0.15);
		box-shadow: inset 0px -9px 16px 0px rgba(0, 204, 255, 0.15);
	}
article.thirds{
	width:285px;
	height:430px;
	margin:20px 10px;
	float:left;
}
	article.thirds:first-child{
		margin:20px 11px 20px 5px;
	}
	article.thirds:last-child{
		margin:20px 5px 20px 11px;
	}
	article.thirds .innerShadow{
		width:285px;
		height:430px;
	}
article h2{
	color:#002731;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}
article h2{
	color:#002731;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
article p{
	margin:0px 0px 15px 0px;
	line-height:1.2em;
}
article img.topRightCornerPic{
	float:right;
	margin:-10px -10px 10px 5px;
}
#indexH1{left:10px;z-index:10}
#card1, #card2, #card3, #card4{
	position:absolute;
	top:-15px;
	left:0px;
	display:none;
}
#indexHeaderText1{top:160px;left:90px;display:none;}
#indexHeaderText2{top:160px;left:770px;display:none;}

#contactusH1{position:absolute;top:150px;left:570px;display:none;}
#contactusGlobe{position:absolute;left:20px;display:none;}

#candidatesH1{position:absolute;top:120px;left:20px;display:none;}
#candidatesPeople{position:absolute;left:210px;display:none;}

#servicesH1{position:absolute;top:120px;left:20px;display:none;}
#servicesPeople{position:absolute;left:250px;display:none;}

#testimonialsH1{position:absolute;top:170px;left:20px;display:none;}
#testimonialsPeople{position:absolute;left:220px;display:none;}

@media only screen and (max-device-width: 768px),only screen and (max-width: 768px) {
	.pageHeader img{
		max-width:600px;
	}
	.center980{
		display:block;
		position:relative;
		width:720px;
		margin:0px auto;
		overflow-x:hidden;
	}
	header div.center980{
		height:230px;
		overflow-y:hidden;
	}
	article{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	article.thirds{
		width:680px;
		height:auto;
		margin:20px auto;
		float:none;
	}
	article.thirds:first-child{
		margin:20px auto;
	}
	article.thirds:last-child{
		margin:20px auto;
	}
	article.thirds .innerShadow{
		width:100%;
		height:100%;
	}
	nav ul{
		list-style:none;
		padding:0px;
		width:720px;
		margin:0px auto;
		overflow-y:hidden;
		}
		nav ul li{
		display:inline-block;
		float:left;
		}
		nav ul li a, nav ul li a:link{
				display:inline-block;
				color:#004959;
				padding:4px 16px;
				height:55px;
				font-size:14px;
				margin:2px 1px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
				border:solid 1px #b0b0b2;
				-webkit-box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
				box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
			}
			#navIndex{
					width:100px;
					height:47px;
					padding-top:12px;
			}
			#navContactus,#navTestimonials,#navBlog,#navServices{
				height:37px;
				padding-top:22px;
			}
			#navCandidates{
				width:120px;
			}
			
	#indexH1{left:10px;font-size:22px;}
	#card1, #card2, #card3, #card4{
		max-width:900px;
		position:absolute;
		top:0px;
		left:-10px;
		display:none;
	}
	#indexHeaderText1{font-size:20px;position:absolute;top:160px;left:10px;display:none;}
	#indexHeaderText2{font-size:20px;position:absolute;top:190px;left:10px;display:none;}
		#indexHeaderText2 br{display:none;clear:none;}
	#contactusH1{position:absolute;top:150px;left:450px;display:none;}
	#contactusGlobe{position:absolute;left:-100px;display:none;}

	#candidatesH1{position:absolute;top:120px;left:20px;display:none;}
	#candidatesPeople{position:absolute;left:180px;display:none;}

	#servicesH1{position:absolute;top:120px;left:20px;display:none;}
	#servicesPeople{position:absolute;left:220px;display:none;}

	#testimonialsH1{position:absolute;top:170px;left:20px;display:none;}
	#testimonialsPeople{position:absolute;left:220px;display:none;}

}

@media only screen and (max-device-width: 480px),only screen and (max-width: 480px) {
	body{

	background:none;
	}

	.pageHeader img{
		max-width:100%;
	}
	ul.socialIcons{float:left:margin:0 0 10px 0;padding:0}

	.center980{
		display:block;
		position:relative;
		width:100%;
		margin:0px auto;
		overflow-x:hidden;
	}
	header{
		display:inline;
		background:none;
	}
	header div.center980{
		display:inline;
		height:auto;
		overflow-y:hidden;
	}
	article.thirds{
		width:100%;
		height:auto;
		margin:20px 0px;
		float:none;
	}
	article.thirds:first-child{
		margin:20px 0px;
	}
	article.thirds:last-child{
		margin:20px 0px;
	}
	article.thirds .innerShadow{
		width:100%;
		height:100%;
	}
	nav ul{
		list-style:none;
		padding:0px;
		width:100%;
		margin:0px auto;
		overflow-y:hidden;
		}
		nav ul li{
		display:block;
		float:none;
		width:100%;
		}
		nav ul li a, nav ul li a:link{
				font-size:32px;
				display:block;
				color:#004959;
				padding:20px 0px;
				height:auto;
				width:95%;
				font-size:14px;
				margin:4px auto;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
				border:solid 1px #b0b0b2;
				-webkit-box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
				box-shadow: inset 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
			}
			#navIndex{
					width:95%;
					height:auto;
					padding-top:20px;
			}
			#navContactus,#navTestimonials,#navBlog,#navServices{
				height:auto;
				padding-top:20px;
			}
			#navCandidates{
				width:95%;
			}
			
	#indexH1{margin:10px;}

	#indexHeaderText1{font-size:20px;position:absolute;top:160px;left:10px;display:none;}
	#indexHeaderText2{font-size:20px;position:absolute;top:190px;left:10px;display:none;}
		#indexHeaderText2 br{display:none;clear:none;}
	#contactusH1{position:absolute;top:150px;left:450px;display:none;}
	#contactusGlobe{position:absolute;left:-100px;display:none;}

	#candidatesH1{position:absolute;top:120px;left:20px;display:none;}
	#candidatesPeople{position:absolute;left:180px;display:none;}

	#servicesH1{position:absolute;top:120px;left:20px;display:none;}
	#servicesPeople{position:absolute;left:220px;display:none;}

	#testimonialsH1{position:absolute;top:170px;left:20px;display:none;}
	#testimonialsPeople{position:absolute;left:220px;display:none;}


}

