@import url(_fonts/trajan-bold/stylesheet.css);

/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/*notes:
black: #000000
dark gray: #525252
tan: #ceae75
brown: #8a622f
white: #ffffff*/




/* !!!!CSS STARTS BELOW!!!! */
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
header{
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 10;
}
.headerLeft{
	width: 10%; /* 200 */
    width: calc( 10em ); /* 200 */
    float: left;
}
.headerRight{
	width: 80%; /* 960 */
    width: calc( 100% - 11em ); /* 240 */
    float: right;
}
.container{
	max-width: 1024px;
	width: 100%;
	margin: 0px auto;
}
#topBar{
	background-color: #000000;
	overflow: auto;
	width: 100%;
	z-index: 10;
}
#topBar h1{
	font-size: 40px;
	text-align: left;
	margin: 18px 0px 0px 10px;
}
.logo{
	position: fixed;
	margin: 15px 10px 0px 0px;
}
.logo img{
	width: 155px;
	height: 155px;
	border-radius: 155px;
	border: solid 6px #ceae75;
}
h1 {
	font-family: 'trajanbold';
	font-size: 30px;
	margin: 18px 0px;
	color: #ffffff;
}
.contactInfo{
	float:right;
}
.phoneNumber{
		display: block;
	}
nav{
	background-color: #ceae75;
	width: 100%;
	-moz-box-shadow:    0px 1px 2px #000000;
	-webkit-box-shadow: 0px 1px 2px #000000;
	box-shadow:         0px 1px 2px #000000;
	overflow: auto;
}
.spacer{
	clear: both;
	margin: 40px 0px;
	min-height: 20px;
}
.imgSpacer{
	float:left;
	width: 145px;
	padding: 10px;
}
nav ul{
	width: 100%;
}
nav a{
	display: inline-block;
	width: 16.20%;
	min-width: 127px;
	text-align: center;
	color: #ffffff;
	padding: 10px 0px;
	font-weight: 500;
}
header a:link {
	text-decoration:none;
	color: #ffffff;
	font-weight: 400;
} 
header #topBar a:link {
	color: #ceae75;
} 
header #topBar a:visited{
	color: #ceae75;
} 
header a:visited {color: #ffffff;}
header a:hover{color: #8a622f;}
header a:active {color: #000000;}
header a.active{
	color: #8a622f;
}
.top{
	background-color: #525252;
	min-height: 160px;
	margin-top: 100px;
	padding: 100px 0px 20px 0px;
	text-shadow: 1px 1px 2px #000000;
}
.applicant{
	background: url(../_images/Jason-Best-Staffing-topBG-3.jpg);
	background-position: center 0px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.client{
	background: url(../_images/Jason-Best-Staffing-topBG-7.jpg);
	background-position: center -170px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.contact{
	background: url(../_images/Jason-Best-Staffing-topBG-2.jpg);
	background-position: center -250px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.home{
	background: url(../_images/Jason-Best-Staffing-topBG-1.jpg);
	background-position: center -200px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.about{
	background: url(../_images/Jason-Best-Staffing-topBG-5.jpg);
	background-position: center -170px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.listing{
	background: url(../_images/Jason-Best-Staffing-topBG-4.jpg);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.top p{
	color: #ffffff;
	font-size: 16px;
}
h2 {
	font-size: 36px;
	color: #ffffff;
	margin: 25px 0px;
}
section{
	padding: 20px 0px;
	overflow: auto;
}
.columnHalf{
	width: 47%;
	margin: 10px .5%;
	padding: 0px 1%;
	float: left;
	min-height: 10px;
	/*background-color: red;*/

}
.columnForth{
	width: 21%;
	margin: 10px 1%;
	padding: 0px 1%;
	float: left;
	min-height: 10px;
	*/
}
.columnThreeForth{
	width: 71%;
	margin: 10px 1%;
	padding: 0px 1%;
	float: left;
	min-height: 10px;
	/*background-color: blue;*/
}
iframe{
	display:block;
	border: solid 5px #000000;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.imgHalfFrame { 
	border:solid 5px #000000;
	width: 95%;
	margin: 10px .5%;
	padding: 0px 1%;
	position: relative;
}
.imgHalfFrame img {
	width: 100%;
	position: absolute;
	margin: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.linkBox{
	background-color: #525252;
	padding: 10px;
}
.linkBox h4{
	color: #ffffff;
	margin: 0px;
}
.linkBox:hover{
	background-color: #ceae75;
}
.quote p{
	margin-top: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:solid 1px #ceae75;
	border-bottom:solid 1px #ceae75;
	font-size: 17px;

}
.quote h4{
	color:#8a622f;
	font-size: 15px;
}

h3 {
	font-weight: 300;
	font-size: 26px;
	color: #8a622f;
	margin: 15px 0px;
	line-height: 33px;
}
h4{
	font-weight: 700;
	font-size: 17px;
	color: #ceae75;
	margin: 15px 0px;
}
.typeGold{
	color: #ceae75;
}
.right{
	float:right;
}
.left{
	float: left;
}
.clear{
	clear:both;
}
p {
	font-weight: 300;
	font-size: 15px;
	color: #000000;
	margin: 15px 0px;
	line-height: 24px;
}
footer{
	clear:both;
	width: 100%;
	background-color: #8a622f;
	padding: 10px 0px;
	margin-top: 20px;
	border-top: solid 8px #ceae75;
	/*box-shadow: 0px 0px 1px #000000;*/
}
footer p{
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	line-height: 19px;
	font-size: 14px;
}
a:link {
	text-decoration:none;
	color: #ceae75;
	font-weight: 700;
} 
a:visited {color: #ceae75;}
a:hover {color: #525252;}
a:active {color: #000000;}
b{
	font-weight: 700;
	color: #666666;
}

/*iPads (portrait and landscape)*/
@media only screen and (max-width: 1024px) {
	/*styles*/
	.columnForth{
		width: 46%;
		/*background-color: blue;*/
	}
	header{
		position: relative;
	}
	#topBar h1{
		font-size: 28px;
		width: 100%;
		text-align: left;
		margin: 18px 0px 5px 0px;
	}
	.contactInfo{
		width: 100%;
		text-align: left;
		margin: 5px 0px 10px 0px;
	}
	.phoneNumber{
		display: inline-block;
		margin-left: 10px;
	}
	nav a{
		width: 32%;
	}
	.logo{
		position: absolute;
		top: 30px;
		left: 5px;
	}
	.top{
		margin-top:0px;
		padding-top: 40px;
		background-position: center center;
	}
	.spacer{
		display: none;
	}
	.applicant{
		background-position: center -40px;
		background-attachment: inherit;
	}
	.client{
		background-position: center center;
		background-attachment: inherit;
	}
	.contact{
		background-position: center center;
		background-attachment: inherit;
	}
	.home{
		background-position: center center;
		background-attachment: inherit;
	}
	.about{
		background-position: center center;
		background-attachment: inherit;
	}
	.listing{
		background-position: center center;
		background-attachment: inherit;
	}

}

/*Smartphones (portrait and landscape)*/
@media only screen and (max-width: 580px) {
	/*styles*/
	.headerRight{
		width: 100%;
		padding-left: 0px
	}
	.logo{
		position: absolute;
		top: 115px;
		left: 5px;
	}
	header{
		position: relative;
	}
	#topBar h1{
		font-size: 28px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.contactInfo{
		float:left;
		width: 90%;
		padding: 0px 5%;
	}
	.phoneNumber{
		display: inline-block;
		margin-left: 5px;
	}
	nav{
		padding-bottom: 15px;
	}
	nav a{
		display: block;
		text-align: left;
		padding-left: 190px;
	}
	.top{
		margin-top:0px;
		padding-top: 0px;
		overflow: auto;
		/*background-attachment: fixed;*/
	}
	.columnHalf{
		width: 96%;
		/*background-color: red;*/
	}
	.columnForth{
		width: 96%;
		/*background-color: blue;*/
	}
	.spacer{
		display: none;
	}
	.applicant{
		background-position: center -0px;
	}
	.quote p{
		margin-top: 20px;

	}
}
/*@media only screen and (max-width: 1500px) {
	.client{
		background-position: center -590px;
	}

}*/