/*
Theme Name: First Class Solutions
Theme URI: http://www.firstclass-solutions.com/
Description: The Official First Class Solutions Theme
Version: 1.0
Author: Van Porciuncula
Author URI: http://www.archants.com/
Tags: Headhunter, Contact Center, Staffing, Business Process Outsourcing

	First Class Solutions 1.0
	 http://archants.com

	This theme was designed and built by Van Porciuncula,

	The CSS, XHTML and design is released under Archants:
	http://www.archants.com

*/

@import url(reset.css);

#wrapper{
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#ffffff;
}

#header{
	position:relative;
	height:159px;
}
	.fclogo{
		position:absolute;
		left:20px;
		top:17px;
		width:149px;
		height:127px;
		background-image:url('images/fclogo.jpg');
	}
		.fclogo a{
			text-indent:-9999px;
			position:absolute;
			left:20px;
			top:17px;
			width:149px;
			height:27px;
		}
		.fclogotagline{
			position:absolute;
			left:210px;
			top:84px;
			height:70px;
			width:550px;
			font-size:200%;
			vertical-align: baseline;
			color:#454545;
		}
		
	ul#fcmenu{
		position:relative;
		width:960px;
		height:34px;
	}
		ul#fcmenu li{
			float:left;
			display:inline;
		}
		ul#fcmenu li a{
			display:block;
			text-indent:-9999px;
			height:34px;
		}
			.home{
				width:154px;
				height:34px;
				background:url('images/navmenu/fcs_01.jpg');
			}
				.home a:hover{
					background:url('images/navmenu/fcs_01.jpg')0 -34px;
				}
			.jobs{
				width:184px;
				height:34px;
				background:url('images/navmenu/fcs_02.jpg');
			}
				.jobs a:hover{
					background:url('images/navmenu/fcs_02.jpg')0 -34px;
				}
			.solutions{
				width:238px;
				height:34px;
				background:url('images/navmenu/fcs_03.jpg');
			}
				.solutions a:hover{
					background:url('images/navmenu/fcs_03.jpg')0 -34px;
				}
			.corporate{
				width:222px;
				height:34px;
				background:url('images/navmenu/fcs_04.jpg');
			}
				.corporate a:hover{
					background:url('images/navmenu/fcs_04.jpg')0 -34px;
				}
			.contact{
				width:162px;
				height:34px;
				background:url('images/navmenu/fcs_05.jpg');
			}
				.contact a:hover{
					background:url('images/navmenu/fcs_05.jpg')0 -34px;
				}
#fcbanner{
	position:relative;
	height:276px;
	background-image:url('images/fcbanner.jpg');
}
	.bcontact{
		position:absolute;
		left:361px;
		width:362px;
	}
		div.bcontact h1{
			padding-left:7px;
			padding-top:37px;
			padding-bottom:17px;
			font: 220% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
			font-weight: bold;
			line-height:90%;
		}
		div.bcontact h2{
			padding-left:20px;
			padding-top:10px;
			font: 170% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
			font-weight: bold;
			line-height:90%;
			color:#292f92;
			padding-bottom:10px;
		}
		div.bcontact p{
			padding-left:20px;
			width:270px;
			line-height:170%;
		}
		div.bcontact p b{
			color:#292f92;
			font-weight: bold;
		}
	.bcprocess{
		position:absolute;
		right:0px;
		width:260px;
		height:276px;
		background-image:url('images/jobseekers.jpg');
		color:#ffffff;
	}
		.bcprocess h2{
			padding-left:37px;
			padding-top:80px;
			font: 170% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
			font-weight: bold;
			line-height:90%;
		}
		.bcprocess p{
			padding-left:37px;
			width:170px;
			line-height:170%;
			color:#ffffff;
		}
		.bcprocess p b{
			color:#cecfff;
			font-weight: bold;
		}

/*Buttons*/
		p.bcbutton{
			position:absolute;
			bottom:17px;
		}
			.bcbutton a{
				text-indent:-9999px;
				display:block;
				width:185px;
				height:41px;
				background-image:url('images/sendcv.gif');
			}
			.bcbutton a:hover{
				background:url('images/sendcv.gif')0 -41px;
			}

		p.csbutton a, p.tsbutton a, p.tcbutton a{
			text-indent:-9999px;
			display:block;
			width:150px;
			height:33px;
			margin-top:10px;
		}
			p.csbutton a{background-image:url('images/create.gif');}
			p.csbutton a:hover{background:url('images/create.gif')0 -33px;}
			
			p.tsbutton a{background-image:url('images/tech.gif');}
			p.tsbutton a:hover{background:url('images/tech.gif')0 -33px;}
			
			p.tcbutton a{background-image:url('images/telecoms.gif');}
			p.tcbutton a:hover{background:url('images/telecoms.gif')0 -33px;}
			
		
#servicesmenu{
	position:relative;
	background-color:#ffffff;
	height:210px;
	line-height:150%;
}

#servicesmenu a{
	text-decoration:none;
	border-bottom: thin dotted #454545;
	color:#454545;
	padding:2px;
	
}
#servicesmenu a:hover{
	text-decoration:none;
	border-bottom-style: none;
	color:#961c1f;
	padding:2px;
}

	#servicesmenu h1{
		padding-bottom:20px;
		padding-top:20px;
		font: 170% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		line-height:90%;
		color:#292f92;
	}
		.cswidth{width:300px;}
		.tswidth{width:240px;}
		.tcwidth{width:270px;}
	
	#cs{
		float:left;;
		width:327px;
		height:210px;
	}
	.separator{
		float:left;
		width:9px;
		height:210px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #292f92;
		background:url('images/separator.jpg')no-repeat;
	}
	
	#ts{
		float:left;;
		width:280px;
		height:210px;
	}
	#tc{
		float:left;;
		width:278px;
		height:210px;
	}

	#cs, #ts, #tc{
		padding-left:17px;
	}

	.paddinglist{
		padding-top:10px;
	}

/*Text Colors*/
	.skyblue{color:#d3d5ff;}
	.burgundy{color:#961c1f;}
	.grey{
		color:#7a7a7a;
		font-weight: normal;
	}
	.gray{color:#454545;}
	.cyan{color:#e5f1fe;}

#footer{
	position:relative;
	width:960px;
	clear:both;
	padding-top:10px;
	border-top: 1px dotted #999;
	margin-top:27px;
}
	#footer p{
		text-align:center;
		color:#7a7a7a;
		font: 85% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		width:700px;
		margin:0 auto;
		padding-bottom:10px;
	}
	
/*Pages*/
#fcpageheader{
	position:relative;
	margin: 0 auto;
	width:960px;
	height:100px;
	background-color:#dadff8;
	border-bottom: 1px solid #9aa5ea;
}
	h2{
		font-size:380%;
		color:#04067d;
		margin-bottom:7px;
		padding-top:27px;
		padding-left:20px;
	}
#fcsidebar{
	line-height:210%;
	width:200px;
	float:left;
	margin-right:15px;
	padding-left:20px;
	padding-top:20px;
	color:#02077d;
	font-weight: bold;
}
	#fcsidebar li{
		border-width:100px;
		border-bottom: 1px solid #e5e5e5;
	}
		#fcsidebar li a{
			text-decoration: none;
			color:inherit;
		}
		#fcsidebar li a:hover{
			text-decoration: none;
			color:#454545;
		}
		#fcsidebar li a:active{
			text-decoration: none;
			color:#454545;
		}
	
#fcpage{
	line-height:160%;
	width:500px;
	float:left;
	padding-bottom:50px;
	padding:17px;
}
#fcpage li{
	list-style-type: square;
	color:#454545;
}

#fcpage p b{
	color:#454545;
	font-size:134%;
}
	.spacetop{padding-top:15px;}
	.spaceleft{padding-left:27px;}
	.manpower{line-height:130%;}
	.mandesc{line-height:97%; font-size:95%;}

	.blogpostings{
		width:700px;
		margin-bottom:10px;
		font: 95% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		padding-left:25px;
		margin-top:15px;
	}
	.blogpostings p{
		margin-left:40px;
		color:#454545;
		padding:4px;
		margin-bottom:17px;
	}
	
	.blogpostings ol{
		list-style-type: lower-alpha;
		margin-bottom:15px;
	}
	
		.blogpostings li{
			margin-left:40px;
			color:#454545;
			padding:4px;
		}
		.nolist{
			list-style: none;
		}
	.blogpostings h3{
		font: 125% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		margin:17px 0;
		font-weight: bold;
		padding-bottom:17px;
		width:500px;
	}
	
	.blogpostings h4{
		font: 115% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		margin-bottom:7px;
		border-bottom:1px dotted #454545;
		padding-bottom:7px;
		width:500px;
	}
	
/*Page Tables*/
* html #background-image tbody td{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back.png',sizingMethod='crop');
background: none;
}
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

	#gradient-style{
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		margin: 45px;
		width: 480px;
		text-align: left;
		border-collapse: collapse;
	}
	#gradient-style th{
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: #b9c9fe url('images/gradhead.png') repeat-x;
		border-top: 2px solid #d3ddff;
		border-bottom: 1px solid #fff;
		color: #039;
	}
	#gradient-style td{
		padding: 8px; 
		border-bottom: 1px solid #fff;
		color: #669;
		border-top: 1px solid #fff;
		background: #e8edff url('images/gradback.png') repeat-x;
	}
	#gradient-style tfoot tr td{
		background: #e8edff;
		font-size: 12px;
		color: #99c;
	}
	#gradient-style tbody tr:hover td{
		background: #d0dafd url('images/gradhover.png') repeat-x;
		color: #339;
	}

/*Category Pages*/
	.post h2{
		font-size:200%;
	}
	.metadata{
		padding-left:17px;
	}
	.corporatemini{
		font-size:80%;
	}