/*-------------------------------------------*/
/* CSS Document                              */
/* Authored By: Angelo Beltran               */
/*              design@angelobeltran.com     */
/*-------------------------------------------*/


/*-- initialize page --*/
* {margin:0; padding:0;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	background-image:url(img/Diagonal-3x3.gif); 
}	
p {line-height:1.5em;}
a {outline:none;}
a img {border:none;}
h1 {font-size:1.5em;}
h2 {font-size:1em;}
h3 {font-size:.9em;}
/*-- end initialize page --*/

/*-- Toolbox --*/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
/*-- The Alsett Clearing Method --*/
.clearfix:after {       
    content: ".";       
    display: block;        
    height: 0;        
    clear: both;        
    visibility: hidden;
}
	
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}        
.clearfix {display: block;}        
/*-- end Alsett Clearing Method --*/

/*-- end Toolbox --*/

/*-- super wrap --*/
div#superWrap {
	width:920px;
	margin:20px auto; 
}
/*-- end super wrap --*/

/*-- main wrapper --*/
div#mainWrap {
	width:774px;	
	padding:5px;
	text-align:left;
	background-color:#FFF;
	border:2px solid #F00;
}
/*-- end main wrapper --*/

/*-- ads --*/
div#ads {
	width:120px;
}
	div#ads a {
		display:block;
		width:120px;
		height:60px;	
		font-size:.7em;	
		margin-bottom:10px;
	}
	div#ads a:link, div#ads a:active, div#ads a:visited {
		text-decoration:none;		
		color:#FFF;
		text-align:center;
		background-color:#F00;	
	}
	div#ads a:hover {
		text-decoration:none;
		background-color:#666;
	}

/*-- end ads --*/

/*-- header --*/
div#header {
	max-width:1680px;
	min-width:985px;
	height:120px;
	text-align:center;
	background-color:#F00;
	background:url(img/header2_bg.gif) repeat-x;
}
	div#header p {
		padding-top:40px;
	}

#companyLogo {
	height:120px;
	width:370px;
}

#slogan {
	height:120px;
	width:310px;
	margin-left:50px;	
}

#topImage {
	height:120px;
	width:250px;
}
/*-- end header --*/

/*-- main navigation --*/
div#mainNav {
	width:774px;
	background-color:#666;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
}	
	div#mainNav li {
		float:left;
		list-style-type:none;
		background-color:#666;
		border-right:1px solid #FFF;
	}
	div#mainNav li:hover {
		background-color:#F00;
	}		 	
		div#mainNav a {
			text-decoration:none;
			padding:.5em 10px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			display:block;
			width:108px;
			text-align:center;
		}	
		div#mainNav a:hover {
			text-decoration:none;
		}
			#aboutUsBtn a:hover {
				color:#FFF;
			}
			#jobSeekerBtn a:hover {
				color:#FFF;
			}
			#employerBtn a:hover {
				color:#FFF;
			}
			#servicesBtn a:hover {
				color:#FFF;
			}
			#menuBtn a:hover {
				color:#FFF;
			}
/*-- end main navigation --*/

/*-- search --*/
div#searchArea {
	margin-top:6px;
	padding-right:0px;
	float:right;
}
	div#searchArea form label {
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		font-weight:bold;
	}
	div#searchArea form input {
		border:1px solid;
		font-size:.8em;
	}
	
#searchButton {
	color:#FFF;
	background-color:#F00;
	padding:3px;
}
/*-- end search --*/

/*-- sub navigation --*/
div#subNav {
	width:690px;
	border:0px solid #000;
}
div#date {
	width:80px;
	text-align:right;
	border:0px solid #000;
	float:right;
}	
div#subNavdateWrap {
	width:774px;
	margin:.5em 0;
	font-size:.6em;
}
/*-- end sub navigation --*/

/*-- quickList --*/
ul.quickList {
	list-style-type:circle;
	margin-left:60px;
}
	ul.quickList li {
		font-size:.7em;
	}

ul.quickList2 {
	font-size:.7em;
	list-style-type:none;
	margin:10px 10px 10px 30px;
}
	ul.quickList2 li.boldItem {
		font-weight:bold;
	}
/*-- end quickList --*/

/*-- quickFormat --*/
.quickBold {font-weight:bold;}
.quickOblique {font-style:oblique;}
.quickWhite {color:#FFF;}
.quickUnderline {text-decoration:underline;}
.quickCenter {text-align:center;}
.quickHilite {
	background:#F00;
	color:#FFF;
	padding:5px;
	text-align:center;
	font-weight:bold;
}
/*-- end quickFormat --*/

/*-- quickTable --*/
.quickTable {
	font-size:.7em;
	margin:20px 30px;
	border:0px solid #0FF;	
}
	.quickTable tr, .quickTable td, .quickTable th {
		padding:2px;
		border:1px solid #999;
	}
	.quickTable th {
		border:1px solid #0FF;
		background-color:#0FF;
	}
/*-- end quickTable --*/

/*-- welcome column --*/
div#welcomeCol {
	width:257px;
	background-color:#F00;
	border-right:1px solid #FFF;
}
	div#welcomeCol h1, h2, h3 {
		color:#FFF;
		margin:.5em 20px;
	}
	div#welcomeCol p {
		font-size:.7em; 
		margin:1em 20px;
	}	
/*-- end welcome column --*/

/*-- job column --*/
div#jobCol {
	width:257px;		
	background-color:#FFF;
	border-right:1px solid #0FF;
}	
	div#jobCol h1, h2, h3 {
		color:#F00;
		margin:.5em 20px;
	}
	div#jobCol p {
		font-size:.7em; 
		margin:1em 20px;
	}	
/*-- end job column --*/
	
/*-- employer column --*/	
div#employerCol {
	width:257px;
	background-color:#0FF;
	border-right:1px solid #FFF;
}	
	div#employerCol h1, h2, h3 {
		color:#F00;
		margin:.5em 20px;
	}
	div#employerCol p {
		font-size:.7em; 
		margin:1em 20px;
	}	
/*-- end employer column --*/

/*-- About Us --*/
ul#aboutNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#aboutNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#aboutNav li:hover {
		text-decoration:underline;
	}
		ul#aboutNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#aboutNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#aboutBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#aboutBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#aboutBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
	
.aboutUs {
	color:#F00;
}
/*-- end About Us --*/

/*-- Job Seeker --*/
ul#jobSeekerNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#jobSeekerNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#jobSeekerNav li:hover {
		text-decoration:underline;
	}
		ul#jobSeekerNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#jobSeekerNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#jobSeekerBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#jobSeekerBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#jobSeekerBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
	
.jobSeeker {
	color:#F00;
}
/*-- end Job Seeker --*/

/*-- Employer --*/
ul#employerNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#employerNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#employerNav li:hover {
		text-decoration:underline;
	}
		ul#employerNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#employerNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#employerBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#employerBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#employerBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
	
.employer {
	color:#F00;
}
/*-- end Employer --*/

/*-- Services --*/
ul#servicesNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#servicesNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#servicesNav li:hover {
		text-decoration:underline;
	}
		ul#servicesNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#servicesNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#servicesBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#servicesBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#servicesBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
	
.services {
	color:#F00;
}
/*-- end Services --*/

/*-- Register Online --*/
ul#registerNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#registerNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#registerNav li:hover {
		text-decoration:underline;
	}
		ul#registerNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#registerNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#registerBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#registerBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#registerBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
	
.register {
	color:#F00;
}
/*-- end Register Online --*/

/*-- registerForm --*/
div#registerForm {
	border:0px solid #F00;
	margin:0 30px;
}
	div#registerForm fieldset {
		border:1px solid #000;
		padding:10px;
		margin-bottom:10px;
	}
	div#registerForm fieldset legend {
		font-weight:bold;
		font-size:.8em;
		color:#F00;
	}
	div#registerForm ul {
		list-style-type:none;
		font-size:.7em;
	}
		div#registerForm ul li {
			margin-left:30px;
			line-height:2em;
			width:290px;
			border:0px solid;
			text-align:right;
		}
			div#registerForm ul li label {
				border:0px solid;
			}
			div#registerForm ul li input, div#registerForm ul li textarea, div#registerForm ul li select {
				border:1px solid #000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				background-color:#0FF;
			}
			div#registerForm ul li select option {
				font-size:.9em;
				width:144px;
			}
/*-- end registerForm --*/

/*-- Contact Us --*/
ul#contactusNav {
	list-style-type:none;
	border-top:1px solid #FFF;
}
	ul#contactusNav li {
		padding:4px 20px;
		border-bottom:1px solid #FFF;
	}
	ul#contactusNav li:hover {
		text-decoration:underline;
	}
		ul#contactusNav li a {
			color:#000;
			font-size:.8em;
			text-decoration:none;
		}
		ul#contactusNav li a:hover {
			text-decoration:underline;
			color:#000;
		}

div#contactusBar {
	height:400px;
	width:200px;
	background-color:#0FF;
}
	div#contactusBar h2 {
		font-size:1.1em;
		font-weight:normal;
		margin:10px 20px 5px 20px;
	}
	div#contactusBar p {
		font-size:.6em;
		margin:0 30px 10px 30px;
	}
.contactus {
	color:#F00;
}

div#contactusContent {
	width:240px;
	}
	
/*-- contactusForm --*/
div#contactusForm {
	margin:10px 0 10px 265px;
	padding:0 10px 10px 0;
	border-left:1px solid #CCC;
}
	div#contactusForm p {
		border-top:1px solid #CCC;
		padding-top:10px;
	}
		div#contactusForm p label {
			width:80px;
			float:left;
			padding:2px 6px 6px 6px;
		}
		div#contactusForm p input {
			border:1px solid;
			background-color:#0FF;
		}
		div#contactusForm p textarea {
			border:1px solid;
			font-family:.7em Arial, Helvetica, sans-serif;
			background-color:#0FF;
		}	
	
.submitButton {
	color:#FFF;
	background-color:#F00;
	border:1px solid;
	padding:4px;
}

/*-- end contactusForm --*/
/*-- end Contact Us --*/

/*-- Main Content --*/
div#mainContent {
	width:574px;
	background-color:#FFF;
}
	div#mainContent h1, h2, h3 {
		margin:0 30px 10px;
	}
	div#mainContent p {
		font-size:.7em;
		margin:1em 30px;
	}
	div#mainContent img, object {
		margin:0 30px 10px;
		float:left;
	}
/*-- end Main Content --*/

/*-- content wrappers --*/
div#hotjobsWrap {
	background:url(../img/hotjobs1.jpg) 100% 100% no-repeat;
	width:540px;
	height:2200px;
}

div#focusWrap {
	background:url(../img/focus1.jpg) 100% 100% no-repeat;
	width:540px;
	height:400px;
}
/*-- end content wrappers --*/

/*-- content wrapper and Faux Cols --*/	
div#contentArea {
	width:774px;
	background-color:#FFF;
	background:url(img/faux-col.gif) repeat-y; 
}
div#contentArea2 {
	width:774px;
	background-color:#FFF;
	background:url(img/leftFauxCol.jpg) 0 0 repeat-y;
}
/*-- end content wrapper and Faux Cols--*/

/*-- footer --*/
div#footer {
	width:100%;
	background-color:#000;
	padding:.5em 0;
	margin-top:5px;
}
	div#footer ul {
		float:left;
		margin-left:250px;
		border-left:1px solid #FFF;
	}
		div#footer li {
			float:left;
			list-style-type:none;
			padding:0 10px;
			border-right:1px solid #FFF;
			font-size:.7em;
		}	
			div#footer a {
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFF;
			}
			div#footer a:hover {
				text-decoration:underline;
			}
/*-- end footer --*/

/*-- login --*/
.login form, .login2 form {
	border:1px solid;		
	margin:0 20px 10px;
	background:url(../img/jobseeker1.jpg) 100% 100% no-repeat;
	height:380px;
}
.login2 form {
	background:none;
	height:auto;
}
	.login form p input, .login2 form p input {
		border:1px solid;
	}		
	.login form p label, .login2 form p label {
		display:block;
		width:65px;
		float:left;
	}			
/*-- end login --*/

/*-- sitemap --*/
.sitemap {
	width:150px;
	height:115px;
	padding:10px 15px 10px 10px;
	margin:0 0 20px 30px;
	background-color:#0FF;
	float:left;
}
	.sitemap h5 {
		padding-bottom:5px;
	}
	.sitemap ul {
		list-style-type:circle;
		margin-left:15px;

	}
		.sitemap ul li {
			font-size:.7em;
		}
		.sitemap ul li a {
			color:#000;
			text-decoration:none;
		}
			.sitemap ul li a:link, .sitemap p ul li a:visited {
				color:#000;
			}
			.sitemap ul li:hover {
				list-style-type:none;
			}
			.sitemap ul li a:hover {
				color:#CCC;
			}
/*-- end sitemap --*/

/*-- ad wrap --*/
.ad_wrap {
	margin:8px;
}
/*-- end ad wrap --*/

/*-- package wrap --*/
.package_wrap {
	margin:10px 30px;
}
/*-- end package wrap --*/