/************************************
**                                 **
**     Solutions.HR - CSS v1.0     **
**                                 **
**           2008.09.15.           **
**                                 **
************************************/

/* GLOBALS */
body{
	padding:		0 0 40px 0 !important;
	margin:			0 !important;
	font-family:	"Verdana",Lucida,Verdana,sans-serif;
	font-size:		11px !important;
	color:			#444 !important;
	font-weight:	normal !important;
	background:		#fff url(../images/misc/main-bg.jpg);
	line-height:	1.6em;
	text-align:		left;
	}

form{margin: 0 !important; padding: 0 !important;}
img{border: none;}
a{color: #5a8aaf;}
a:hover{text-decoration: underline; color: #983c2d;}


/* ADDONS */
.s5{height:5px; width:1px; overflow:hidden; clear:both; float:none;}
.s10{height:10px; width:1px; overflow:hidden; clear:both; float:none;}
.s20{height:20px; width:1px; overflow:hidden; clear:both; float:none;}
.s30{height:30px; width:1px; overflow:hidden; clear:both; float:none;}
.big{ font-size: 14px; font-weight: bold; }
.small{ font-size: 10px !important;}
.link{cursor: pointer !important; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.redhover:hover{ color: #f00 !important;}
.nofloat{float: none !important; clear: both !important; overflow: hidden !important;}
.absmiddle{vertical-align: middle !important;}
.noborder{border: none !important;}


/* COLORS */
.red{ color:#990000; }
.grey_dark{ color: #222; }
.blue{ color: #1b529c; }
.blue2{color: #508cc3; }
.white{ color: #fff; }
.black{ color: #444; }
.orange{ color: #fe9603; }
.green{ color: #21a127; }

/* WIDTHS */	
/*Percentages*/
.w100{width: 100% !important;}
/*Pixels*/
.w50px{ width: 50px !important; }
.w70px{ width: 70px !important; }
.w80px{ width: 80px !important; }
.w90px{ width: 90px !important; }
.w100px{ width: 100px !important; }
.w130px{ width: 130px !important; }
.w150px{ width: 150px !important; }
.w200px{ width: 200px !important; }
.w250px{ width: 250px !important; }
.w300px{ width: 300px !important; }

/* HEIGHTS */
.h5{height:5px;overflow:hidden !important;}
.h10{height:10px;overflow:hidden !important;}
.h12{height:12px;overflow:hidden !important;}
.h20{height:20px;overflow:hidden !important;}
.h30{height:30px;overflow:hidden !important;}
.h40{height:40px;overflow:hidden !important;}


/* Floats and aligns */

.Fleft{float: left !important;}
.Fright{float: right !important;}
.Cleft{clear: left !important;}
.Cright{clear: right !important;}

.Hleft{text-align: left !important;}
.Hcenter{text-align: center !important;}
.Hright{text-align: right !important;}

.Vtop{vertical-align: top !important;}
.Vmiddle{vertical-align: middle !important;}
.Vbottom{vertical-align: bottom !important;}


/* LAYOUT START */

div.frame{
	width:		900px;
	height:		auto;
	border:		none;
	text-align:	left;
	}
	div.frame div.topmenu{
		width:	900px;
		height:	auto;
		color:	#ccc;
		}
		div.frame div.topmenu div.logo{
			width:	138px;
			height:	40px;
			float:	left;
			}
		div.frame div.topmenu div.menu{
			width:	737px;
			height:	40px;
			float:	left;
			}
			div.frame div.topmenu div.menu a{
				display:			block;
				float:				right;
				width:				auto;
				padding:			0 0 0 5px !important;
				margin:				12px 0 0 10px;
				height:				17px;
				background:			transparent url(../images/misc/topmenu-a-left.jpg) no-repeat bottom left;
				color:				#efefef;
				text-decoration:	none;
				text-align:			left;
				}
				* html div.frame div.topmenu div.menu a{display:inline !important;}
				div.frame div.topmenu div.menu a:hover{text-decoration:underline;}
				div.frame div.topmenu div.menu a span{
					display:	block;
					width:		auto;
					padding:	0 10px 4px 5px;
					height:		13px;
					font-size:	10px;
					background:	transparent url(../images/misc/topmenu-a-right.jpg) no-repeat bottom right;
					border:		none;
					margin:		0 0 2px 0;
					}
					* html div.frame div.topmenu div.menu a span{display:inline !important;}
		
	div.frame div.content{
		width:		900px;
		height:		auto;
		border:		none;
		margin:		0;
		padding:	0;
		}
		div.frame div.content div.top{
			width:		900px;
			height:		25px;
			background:	transparent url(../images/misc/bg-top.jpg) no-repeat top left;
			padding:	0;
			margin:		0;
			overflow:	hidden;
			border:		none;
			}
		
		div.frame div.content div.title{
			width:		900px;
			height:		auto;
			background:	#fff url(../images/misc/bg-middle.jpg) repeat-y top left;
			padding:	30px 0 20px 0;
			margin:		0;
			border:		none;
			text-align:	center;
			}
			
		div.frame div.content div.main{
			width:		850px;
			height:		auto;
			background:	transparent url(../images/misc/bg-middle.jpg) repeat-y top left;
			padding:	0 25px 0 25px;
			margin:		0;
			overflow:	hidden;
			border:		none;
			}
			
			/* CONTENT LAYOUT */
			
				div.frame div.content div.main div.item-left{
					width:		260px;
					height:		auto;
					float:		left;
					border:		none;
					margin:		0;
					padding:	0 0 0 0;
					overflow:	hidden;
					}
					div.frame div.content div.main div.item-left img.icon{float: left; margin: 0 10px 0 0;}
				div.frame div.content div.main div.item-middle{
					width:		260px;
					height:		auto;
					float:		left;
					border:		none;
					margin:		0 35px 0 35px;
					padding:	0 0 0 0;
					overflow:	hidden;	
					}div.frame div.content div.main div.item-middle img.icon{float: left; margin: 0 10px 0 0;}
				div.frame div.content div.main div.item-right{
					width:		260px;
					height:		auto;
					float:		left;
					border:		none;
					margin:		0;
					padding:	0 0 0 0;
					overflow:	hidden;	
					}
					div.frame div.content div.main div.item-right img.icon{float: left; margin: 0 10px 0 0;}
				
				div.frame div.content div.main div.sep{
					width:		850px;
					height:		1px;
					margin: 	20px 0 20px 0 !important;
					padding:	0;
					overflow:	hidden;
					float:		none;
					clear:		both;
					background:	transparent url(../images/misc/sep-bg.jpg) repeat-x top left;
					}
				
				div.frame div.content div.main div.video{
					width:		850px;
					border:		none;
					margin: 	0;
					padding:	0;
					text-align:	center;
					}
					div.frame div.content div.main div.video div.item{
						width:		700px;
						height:		auto;
						border:		none;
						margin:		0 10px 0 0;
						padding:	20px;
						overflow:	hidden;
						text-align:	center;
						background:	transparent url(../images/misc/video-bg.jpg) no-repeat top left;
						}
						
				div.frame div.content div.main div.footer{
					font-size:	10px;
					color:		#999;
					text-align:	center;
					}
					div.frame div.content div.main div.footer a{
						color:				#5a8aaf;
						text-decoration:	none;
						}
						div.frame div.content div.main div.footer a:hover{
							text-decoration:	underline;
							}
				
				div.frame div.content div.main div.panel-left{
					width:		400px;
					height:		auto;
					float:		left;
					border:		none;
					margin:		0 25px 0 0;
					padding:	0 0 0 0;
					}
				div.frame div.content div.main div.panel-right{
					width:		400px;
					height:		auto;
					float:		left;
					border:		none;
					margin:		0 0 0 25px;
					padding:	0 0 0 0;
					}
				
			
		div.frame div.content div.bottom{
			width:		900px;
			height:		25px;
			background:	transparent url(../images/misc/bg-bottom.jpg) no-repeat top left;
			padding:	0;
			margin:		0;
			overflow:	hidden;
			border:		none;
			}

span.diff{
	background-color:	#cce8f9;
	}
	
input.field{
	width:		190px;
	height:		16px;
	border:		none;
	font-size:	11px;
	margin:		0;
	padding:	4px 5px 0 5px;
	background:	#fff url(../images/misc/input-bg.jpg) no-repeat top left;
	color:		#444;
	}
	
/* HIDDEN INFO */
h1{display:none !important;}
h2{display:none !important;}
h3{display:none !important;}
h4{display:none !important;}
h5{display:none !important;}