@charset "utf-8";
@import "reset.css";
@import "twitter.css";
@import "jScrollPane.css";
@import "../toolbar/toolbar.css";
@import "../toolbar/toolbar-rijagroup.css";

body {
	position:relative;
	background-image:url(/images/bg_grad.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	_background-position:0px -35px;
	color:#333;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans serif;
	font-size:12px;
}
	
	#wrapper {
		background:url(/images/header.jpg) 50% 35px no-repeat;
		_background:url(/images/header.jpg) 50% 0px no-repeat;
		padding-top:60px;
		_padding-top:25px;
		margin:0px auto;
		width:100%;
	}
	
	#content, #header, #footer {
		margin:0px auto;
		width:978px;	
	}
		#content { overflow:auto; _overflow:hidden; }
	
	p { margin-bottom:16px; }
	
		#header { height:230px; }

			.home { 
				float:left;
				margin:0px 0px 30px 50px;
				width:300px;
				height:190px;
				opacity:0.5;
			}
			
			.hiring {
				position:relative;
				left:-65px;
				_left:-120px;
				display:block;
			}
			.find {
				position:relative;
				top:-30px;
				left:15px;
				_left:-40px;
				display:block; 
				color:#333;
				font-size:0.8em;
				text-decoration:none;
			}
				.find:hover { text-decoration:underline; }

		#content {
			background:#FFF;
			border:1px solid #db1c4b;
			margin-bottom:40px;
			padding-top:20px;
		}
		
			#sites {
				display:inline;
				margin:20px 1px 0px;
			}
			
				#sites li {	
					float:left;
					border-right:1px solid #DDD;
					font-size:0.8em;
					padding:0px 15px;
					margin-bottom:20px;
					width:213px;
				}
				
					.siteLogo {
						display:block;
						background-image:url(/images/logos.gif);
						margin-left:24px;
						width:164px;
						height:90px;
					}
						#siteMedia .siteLogo { background-position:0 0; }
						#siteOnHold .siteLogo { background-position:0 -90px; }
						#sitePromotions .siteLogo { background-position:0 -180px; }
						#siteCoaching .siteLogo { background-position:0 -270px; }
						#siteDSTC .siteLogo { background-position:0 -360px; }
					
					#sites li p {
						display:block;
						background-repeat:repeat-x;
						color:#FFF;
						line-height:1.6em;
						padding:10px;
						margin-bottom:8px;
						width:193px;
						height:64px;
					}
						#siteMedia p { background-image:url(/images/grad_media.png); }
						#siteOnHold p { background-image:url(/images/grad_onhold.png); }
						#sitePromotions p { background-image:url(/images/grad_promotions.png); }
						#siteCoaching p { background-image:url(/images/grad_coaching.png); }
						#siteDSTC p { background-image:url(/images/grad_dstc.png); }
						
					.siteLink, .moreLink { 
						display:block;
						font-weight:bold;
						text-align:right;
						text-decoration:none;
						margin-top:2px;
					}

						#siteMedia .siteLink { color:#db1c4b; }
						#siteOnHold .siteLink { color:#00adee; }
						#sitePromotions .siteLink { color:#09b6a2; }
						#siteCoaching .siteLink { color:#59648c; }
						#siteDSTC .siteLink { color:#2450a1; }
					
					.moreLink { color:#555; }

			.pane {
				overflow:hidden;
				clear:both;
				position:relative;
				color:#FFF;
				width:978px;
				height:228px;
			}
			
				.elements {
					background-color:#5B739C;
					width:6000px;
					height:228px;
				}
				
					.elements li {
						float:left;
						position:relative;
						padding:16px 20px 16px 404px;
						width:558px;
						height:196px;
					}
						.elIntro { background:#db1c4b url(/images/info_group.gif) no-repeat; }
							.elIntro p { font-size:0.9em; }
						.elMedia { background:#db1c4b url(/images/info_media.gif) no-repeat; }
						.elOnHold { background:#00adee url(/images/info_onhold.gif) no-repeat; }
						.elPromotions { background:#09b6a2 url(/images/info_promotions.gif) no-repeat; }
						.elCoaching { background:#59648c url(/images/info_coaching.gif) no-repeat; }
						.elDSTC { background:#2450a1 url(/images/info_dstc.gif) no-repeat; }
						
						h1, h5 { 
							font-family:Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
							font-weight:lighter;
							margin-bottom:12px;
						}
						
						h1 { 
							font-size:1.2em;
						}
						h1 a
							{
								font-size: 1.2em;
								color: #FFFFFF;
								text-decoration: none;
						}
						
						.elements li p { line-height:1.4em;	}
						
						.mainLink {
							display:block;
							color:#FFF;
							font-size:1.4em;
							font-weight:bold;
							text-align:right;
							padding-top:20px;
						}
							.mainLink:hover { text-decoration:none; }
			
			.jobs {
				overflow:auto;
				padding:0px 20px 20px 20px;
			}
			
				.title { color:#db1c4b;	}
				
				.advert { position:relative; }
				
					.jobLeft { 
						float:left;
					}
					.jobRight { 
						float:right; 
						margin-right:20px;
					}					
					
					.pin {
						position:absolute;
					}
					
					.paper {
						background:url(/images/paper.jpg) repeat-y;
						font-size:0.9em;
						padding-bottom:3px;
						margin:20px 0px 20px 20px;
						width:430px;
					}
					
					.advert h2 {
						color:#db1c4b;
						font-size:1.6em;
						padding:10px 0px 21px 40px;
					}
					
					.advert p {
						line-height:17px;
						padding:0px 16px 0px 20px;
						margin-bottom:17px;
					}
						.advert p span { color:#db1c4b; }
						.advert p.listTitle { margin-bottom:0px; }
					
					.advert a { 
						color:#00adee; 
						text-decoration:none;
					}
						.advert a:hover { color:#333; }
						
					.advert ul {
						margin:0px 0px 17px 20px;
						padding:0px;
					}
					
						.advert li { 
							line-height:17px;
							list-style-type:disc;
							margin-left:20px;
						}
			
			/* FOOTER */			
			#footer {
				overflow:auto;	
				margin-bottom:10px;
			}
				
				h5 { font-size:1.4em; }
				
				#footer ul {
					overflow:auto;
					display:block;
					background:#DDD;
					_background:none;
					color:#888;
					padding:20px 0px;
					margin-bottom:10px;
				}
				
					#footer li {
						float:left;
						border-right:1px solid #BBB;
						padding:0px 20px;
						width:280px;
					}
				
					#footer p {
						font-size:0.9em;
						line-height:1.3em;
						padding-bottom:10px;
					}
					
					#footer a {
						color:#333;
					}
						#footer a:hover { text-decoration:none; }