@charset "utf-8";
body{
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	line-height: 1.4;
	padding:0;
	margin:0;
	background-color: #000000;
}

/*Buttons*/

.button_search{
	height: 30px;
	background: #ff6600;
	border: 0;
	padding-left: 25px;
	padding-right: 25px;
	color:#FFFFFF;
}
	
.button_zine{
	height: 50px;
	background: #FF6600;
	border: 0;
	padding-left: 50px;
	padding-right: 50px;
	font-weight: bold;
	font-size: 20px;
}

.button_hire{
	height: 45px;
	background: #FF6600;
	border: 0;
	float: center;
	padding-left: 45px;
	padding-right: 45px;
	color:#FFFFFF;
	font-size: 20px;
}

/*Navigation*/
.nav-bar{
	width:80%;
	margin-top: 0px;
	overflow: hidden;
}

header{
	overflow: hidden;
	background-color: #000000;
	color:#ff6600;
	padding-top: 10px;
	max-height: 60px;
	min-width: 392px;
	height: auto;
	border-bottom: #ff6600 2px solid;
}

nav {
	height: auto;
}

header a{
	color:#FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	fontsize: 16px;
}

header ul{
	margin: 0px;
	padding: 0px;
}

header li{
	float: left;
	display: inline;
	padding: 0 30px 0 30px;
}

header img{
	align-content: auto;
	height: 45px;
	padding-left: 50px;
}

header nav{
	float: right;
	margin-top: 10px;
	min-width: 392px;
	height: auto;
}

header a:hover{
	color:#ff6600;
}

header a:active{
	font-weight: bolder;	
}

/*landing Section*/
#landing{
	min-height: 700px;
	min-width: 100%;
	background:url('../DevinJuarez_20483933_Project1A/images/Stock_girlonpc.jpeg') no-repeat 50% -450px;
	text-align: left;
	color: #ff6600;
	margin-left: 0px;
	margin-right: 0px;
}

#landing h1{
	margin: 0;
	padding-top: 180px;
	padding-left: 50px;
	padding-right: 45%;
	max-height: 600px;
	font-size: 68px;
	overflow: hidden;
}

#landing form{
	float: left;
	margin-top: 30px;
}

#landing input[type="text"]{
	margin-left: 50px;
	height: 25px;
	width: 280px;
	padding-left: 25px;
	overflow: hidden;
	
	}

aside{
	float: right;
	min-width: 392px
}

aside a{
	color: #FFFFFF;
	background-color: #ff6600;
	padding: 5px;
	margin-right: 10px;
	text-decoration: none;
	text-weight: bold;
	font-size: 20px;
}

/*E-Zine Content*/
#EZine-Content{
	margin-top: 50px;
	width: 100%;
	max-height: 600px;
	overflow: hidden;
}

#EZine-Content .zine-box{
	float: left;
	text-align: center;
	max-width: 29%;
	max-height: 600px;
	Padding-left: 30px;
	Padding-right: 30px;
	overflow: hidden;
}

#EZine-Content .zine-box img{
width: 250px;
}

#EZine-Content h3{
color: #FFFFFF;
font-size: 45px;
}

#EZine-Content p{
color: #FFFFFF;	
font-size: 18px;
}

#EZine-Content button{
	color: #FFFFFF;
	font-size: 15px;
}

#EZine-Content a{
	color: #FF6600;
}

/*Student Hire*/
#StudentHire{
	background:url('../DevinJuarez_20483933_Project1A/images/Stock_girlonpc.jpeg') no-repeat 0% 0px;
	background-color: #ff6600;
}

#StudentHire .hiring-container{
	float: left;
	text-align: left;
	width: 100%;
	Padding-left: 30px;
	Padding-right: 30px;
}

#StudentHire .spotlight-ad{
	margin-top: 0px;
	float: center;
	text-align: left;
	width: 45%;
	Padding-left: 30px;
	Padding-right: 30px;
	min-width: 392px;
}

#StudentHire .spotlight-ad p{
		Width: 200px;
		float: center;
}

#StudentHire aside {
	margin-top: 50px;
	float: left;
	text-align: left;
	Padding-left: 300px;
	align-content: center;
	Padding-right: 0px;
	min-width: 392px;
}

#StudentHire img{
	height: 250px;
}

#StudentHire p{
	color: #FFFFFF;
}

#StudentHire a{
	color: #FF6600;
	padding: 50px;
}

#StudentHire h3{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
}

#StudentHire h2{
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
}

#StudentHire .box-ad{
	float: right;
	text-align: center;
	width: 29%;
	Padding-left: 30px;
	Padding-right: 30px;
}

#StudentHire .hire-ad{
	align-left: center;
}

#StudentHire a:hover{
		color:#CA4400;
}

#StudentHire a:active{
	font-weight: bolder;	
}

footer{
	padding-top: 40px;
	padding-bottom: 25px;
	margin-top: 50px;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #000000;
	text-align: center;
}
.zine-box {
    min-width: 392px;
}
.hiring-container {
    min-width: 392px;
}