@CHARSET "UTF-8";

* {
	margin: 0; padding: 0;
}

a:active, a:focus {
	text-decoration: none; color: #fff;
}

a:active, a:focus{
	outline: none;
}

h1, h2, h3, h4, h5, p, ul, ol, table  { 
	margin : 0 20px; padding : .5em 0; 
}

h2{
	width: 290px; height: 100px; margin: 0 auto; text-align: center; font-size: 24px; line-height: 120%; padding-bottom: 65px; padding-top: 30px;
}

body{
	font: normal 76%/180%  Arial, Helvetica, Verdana, "Trebuchet MS", Helvetica, sans-serif; color: #808080; text-align:center; background: #fff url(../images/connect_header.jpg) repeat-x 0% 0%;	
}



/*Connect */
	
	div#conect_stuff h2{
		color: #fff;
	}
	
	div#conect_stuff h2 span{
		color: #2D092F;
	}
	
	div#conect_stuff ul.services{
		list-style: none; margin: 0px; padding: 0px;
		font-size: 13px; color: #fff;
		text-align: center; width: 260px;margin: 0 auto;
	}
	
	div#conect_stuff ul.services li{
		float: left; width: 130px; margin: 0px; padding: 0px;
	}
	
	
	div#conect_stuff div#company_logo{
		width: 319px;
		text-indent: -9999px;
	}
	
	div#conect_stuff div#company_logo a{
		display: block; width: 176px; height: 93px; margin: 0 auto;
		background: url(images/logo_connect.jpg) no-repeat 0% 0%;
	}
	
	div#conect_stuff div#thecompany{
		background: url(images/connect_box.jpg) no-repeat 0% 0%;
		width: 319px;
		height: 542px;
	}
	
	div#conect_stuff div.enter{
		width: 319px;	
	}
	
	div#conect_stuff div.enter a{
		color: #333; text-decoration: none;
	}

	
	

/*Design */
	
	div#design_stuff h2{
		color: #fff;
	}
	
	div#design_stuff h2 span{
		color: #600a0d;
	}
	
	div#design_stuff ul.services{
		list-style: none; margin: 0px; padding: 0px;
		font-size: 13px; color: #fff;
		text-align: center; width: 260px;margin: 0 auto;
	}
	
	div#design_stuff ul.services li{
		float: left; width: 130px; margin: 0px; padding: 0px;
	}
	
	
	div#design_stuff div#company_logo{
		width: 319px;
		text-indent: -9999px;
	}
	
	div#design_stuff div#company_logo a{
		display: block; width: 176px; height: 93px; margin: 0 auto;
		background: url(images/logo_design.jpg) no-repeat 0% 0%;
	}
	
	div#design_stuff div#thecompany{
		background: url(images/design_box.jpg) no-repeat 0% 0%;
		width: 319px;
		height: 542px;
	}
	
	div#design_stuff div.enter{
		width: 319px;	
	}
	
	div#design_stuff div.enter a{
		color: #333; text-decoration: none;
	}
	
	
/*Prepress */
	
	div#prepress_stuff h2{
		color: #fff;
	}
	
	div#prepress_stuff h2 span{
		color: #0e3a5d;
	}
	
	div#prepress_stuff ul.services{
		list-style: none; margin: 0px; padding: 0px;
		font-size: 13px; color: #fff;
		text-align: center; width: 260px;margin: 0 auto;
	}
	
	div#prepress_stuff ul.services li{
		float: left; width: 130px; margin: 0px; padding: 0px;
	}
	
	
	div#prepress_stuff div#company_logo{
		width: 319px;
		text-indent: -9999px;
	}
	
	div#prepress_stuff div#company_logo a{
		display: block; width: 176px; height: 93px; margin: 0 auto;
		background: url(images/logo_prepress.jpg) no-repeat 0% 0%;
	}
	
	div#prepress_stuff div#thecompany{
		background: url(images/prepress_box.jpg) no-repeat 0% 0%;
		width: 319px;
		height: 542px;
	}
	
	div#prepress_stuff div.enter{
		width: 319px;	
	}
	
	div#prepress_stuff div.enter a{
		color: #333; text-decoration: none;
	}
	
	
	
/*Print */
	
	div#printing_stuff h2{
		color: #fff;
	}
	
	div#printing_stuff h2 span{
		color: #476421;
	}
	
	div#printing_stuff ul.services{
		list-style: none; margin: 0px; padding: 0px;
		font-size: 13px; color: #fff;
		text-align: center; width: 260px;margin: 0 auto;
	}
	
	div#printing_stuff ul.services li{
		float: left; width: 130px; margin: 0px; padding: 0px;
	}
	
	
	div#printing_stuff div#company_logo{
		width: 319px;
		text-indent: -9999px;
	}
	
	div#printing_stuff div#company_logo a{
		display: block; width: 176px; height: 93px; margin: 0 auto;
		background: url(images/logo_printing.jpg) no-repeat 0% 0%;
	}
	
	div#printing_stuff div#thecompany{
		background: url(images/printing_box.jpg) no-repeat 0% 0%;
		width: 319px;
		height: 542px;
	}
	
	div#printing_stuff div.enter{
		width: 319px;	
	}
	
	div#printing_stuff div.enter a{
		color: #333; text-decoration: none;
	}		
	
		
		
	div#main_container{
		width: 1280px;
		overflow: auto;
		margin: 0 auto;
	} 	
		
	div#main_container div#printing_stuff, div#main_container div#prepress_stuff, div#main_container div#design_stuff, div#main_container div#conect_stuff {
		width: 319px;
		float: left;
	}	
	
	div#text_container{
		width: 800px;
		overflow: auto;
		margin: 0 auto;		
	}
	
	div#text_container.the_main_text p{
	/*
		padding-top: 60px;
		padding-bottom: 60px;
	*/	
		font-size: 14px;
		font-weight: bold;
		color: #4c4c4c;
	}
	
	div#text_container img{
		border: none;
	}	
	
	div#top_bar{
		background: url(images/background_bar.jpg) repeat-x 0% 0%;
		width: 100%;
		height: 38px;
	}
	
	div#baritems{
		width: 840px;
		margin: 0 auto;
		overflow: auto;
		color: #783910;
	}
	
	div#baritems a{
		color: #783910;
		text-decoration: none;
		line-height: 220%;
	}	
	
	div#baritems a:hover, div#baritems a.active{
		color: #fff;
	}		
	
	div#top_bar div#leftlinks{
		text-align: left;
		width:400px;
		float: left;
	}	
	
	div#top_bar div#leftlinks a{
		font-size: 15px; font-weight: bold;
	}	
	
	div#top_bar div#rightlinks{
		text-align: right;
		width:400px;
		float: left;
		line-height: 260%;
	}
		
	a#cv{
		padding-left: 15px;
	}
	
	
	/*Jobs offers*/
	div#job_wrap{
		text-align: left;
		width: 800px;
		margin: 50px auto;
		overflow: auto;
	}
	
	div#job_wrap div#job_description{
		margin-right: 30px;
	}
	
	div#job_wrap div#job_description, div#job_wrap div#jobs{
		width: 380px;float: left;
	}
	
	div#job_wrap div#job_big_wrap{
		float: left;
		width: 380px;
		overflow: auto;
	}

	div#job_wrap div#jobs{
		width: 312px;
		background: #f26f21 url(images/jobsbox_header.jpg) no-repeat 0% 0%;
	}

	div#job_wrap h3{
		padding-top: 20px; color: #231F20;
	}
	
	div#job_wrap a{
		color: #fff; text-decoration: none; font-weight: bold;
	}
	
	div#job_wrap a:hover, div#job_wrap a.active{
		color: #231F20;
	}
	
	div#job_wrap a#hr_mail{
		color: #231F20;
	}

	div#job_wrap a#hr_mail:hover{
		text-decoration: underline;
	}

	div#job_wrap div#jobs ul{
		width: 272px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		background: #f26f21 url(images/jobsbox_bottom.jpg) no-repeat 0% 100%;
	}
	
	span.orange{
		color: #F26F21;
	}
	
	div#hr_stuff{
		width: 380px;
		clear: both;
	}
	
	
