/* ::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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ::FLOAT CLEARING
----------------------------------------------- */
.cfx:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.cfx {display: inline-block;}
div.clear{
	clear: both;
	font-size: .001em;
	height: 0px;
	line-height: .001em;
	overflow: hidden;
}

/* ::UTILITY CLASSES
----------------------------------------------- */
.left{ float: left; }
.right{ float: right; }
.noPadRight{ margin-right: 0; padding-right: 0; }
.noPadLeft{ margin-left: 0; padding-left: 0; }
.noPadBot{ margin-bottom: 0; padding-bottom: 0; }

/* ::TYPOGRAPHY & DOM ELEMENTS
----------------------------------------------- */
body{ height: 100%; color: #333; font-family: Arial, Helvetica, sans-serif; background: #fff;}
p{ margin-bottom: 15px; line-height: 20px; font-size: 15px;}
p.last{ margin-bottom: 0; }
strong{ font-weight: bold; letter-spacing: -1px; }
em{ font-style: italic; }
a{}
a:hover{ text-decoration: none; }
ul, ol{ padding-left: 25px; }
ul li, ol li{ padding-bottom: 10px; }
ul{ list-style: disc; }
ul li{}
ol{}
ol li{}

h1,h2,h3,h4,h5{ margin-bottom: 15px; letter-spacing: 0px; color: #333; font-family: YBold, Arial, Helvetica, sans-serif;  }
h1{ font-size: 42px; color: #F2DA03; }
h2{ font-size: 26px; }
h3{ font-size: 16px; color: #666; font-family: Arial, Helvetica, sans-serif; }
h4{}
h5{}

hr{}
.login p{padding: 10px; color: #F2DA03;}

/* ::LAYOUT
----------------------------------------------- */

.topbar {height: 30px; border-bottom: 3px solid #F2DA03; background: #333; width: 100%;}
.wrapper { width: 960px; margin: 0 auto; }
.container {padding: 20px 0 0 0;}
.homecontainer {margin: 0 auto; text-align: center; width: 800px; padding: 200px 0 0 0;}
.button {margin: 0 auto; padding: 10px; width: 500px}
.footer {padding: 100px 0 30px 0; text-align: center;}
.content { padding: 30px 0 0 0;}
.section {padding: 0 15px 10px 15px; width: 500px; margin: 0 auto; background: #e6e6e6; border: 2px solid #F2DA03; border-right: 30px solid #f2da03;
		box-shadow: 3px 3px 0px #666; -moz-box-shadow: 3px 3px 0px #666; -webkit-box-shadow: 3px 3px 0px #666;
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

	
.submit { margin: 20px 10px 0px 0px;}
.center { margin:0 auto; width: 348px; padding-top: 20px;}
.nav {padding: 5px 20px 0 0; color: #F2DA03;}
.work { background: url(../images/backtowork.png) no-repeat; width: 400px; height: 372px; margin-right: -50px; margin-top: 300px;}
.job { border-bottom: 1px solid #F2DA03; padding: 20px 0;}
.apply { padding-bottom: 10px;}
.title { width: 560px; margin: 0 auto; padding: 10px 10px;
		/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');}
	
.title span { background: #333; padding: 0px 20px 2px 10px; 
		box-shadow: 3px 3px 0px #666; -moz-box-shadow: 3px 3px 0px #666; -webkit-box-shadow: 3px 3px 0px #666;}

/* ::FORM
----------------------------------------------- */
form {padding: 20px 0 0 0;}
.field { float: left; margin-right: 10px; padding: 0 10px 0 0;}
.field input { width: 160px; }
.zip input { width: 50px;}
.form .row { padding-bottom: 25px; clear:both;}
.login { display: inline;}
.login input { margin-right: 20px;}
label { font-weight: bold; padding: 10px 10px 10px 0; font-family: Arial, Helvetica, sans-serif; color: #666;}
.form label{ display: block; padding-bottom: 5px; letter-spacing: -1px;}
.in-st { width: 50px;}
.zip { width: 50px;}
.in-phA { width: 30px; padding: 3px 12px;}
.in-phB { width: 40px; padding: 3px 12px;}
.row { border-bottom: 1px solid #999;}
.phone input { max-width: 33px;}
.address input { width: 347px;}
.last { border-bottom: none;}
.city input { width: 200px;}
.phonelast { padding: 0 0 0 15px;}
.phonelast option { padding: 0 0 5px 0;}

/* ::LINKS
----------------------------------------------- */
a:link {
	color: #CCA606;
	text-decoration: underline;
	font-size: 12PX;
}
a:visited {
	text-decoration: none;
	color: #CCA606;
	text-decoration: underline;
	font-size: 12PX;
}
a:hover {
	text-decoration: underline;
	color: #333;
	text-decoration: underline;
	font-size: 12PX;
}
a:active {
	text-decoration: none;
	color: #CCA606;
	text-decoration: underline;
	font-size: 12PX;
}


.nav a:link {
	color: #CCA606;
	text-decoration: none;
	font-size: 12PX;
}
.fnav a:visited {
	text-decoration: none;
	color: #CCA606;
}
.nav a:hover {
	text-decoration: none;
	color: #e6e6e6;
}
.nav a:active {
	text-decoration: none;
	color: #CCA606;
}


/* ::FONT
----------------------------------------------- */


@font-face {
	font-family: 'YBold';
	src: url('../fonts/yanonekaffeesatz-bold-webfont.eot');
	src: local('?'), url('../fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-bold-webfont.svg#webfontoZoHJO2B') format('svg');
	font-weight: normal;
	font-style: normal;
}


.error {
	color:red;
	font-style:italic;
	font-weight:bold;
	padding-bottom:10px;
	font-size:13px;
	display:block;
	}

