/* 
    Theme Name: LCL
    Description: Corporate website
    Version: 2.2
    Author: Serge Hufkens
    Contact: serge@mediatower.be

*/

html, body {
	background-color: #EEE;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#1B3194;
	background:url(../images/bg_wrapper.gif) repeat-y;
	background-position:center;
	margin:0;
	}
	
#wrapper {
	background-color: #FFF;
	margin:auto;
	width:840px;
	}

h1 {
	font-size:1.16em;
	font-weight:normal;
	line-height:1.2em;
	}
	
h2 {
	font-size:1.16em;
	font-weight:normal;
	line-height:1.3em;
	}

h3 {
	font-size:0.8em;
	margin:25px 0 5px 0;
	}

p, dd {
	font-size:0.7em;
	}
	
a {
	text-decoration:none;
	color:#1B3194;
	}

a.gray {
	text-decoration:none;
	color:#666;
	}

a.white {
	text-decoration:none;
	color:#FFF;
	}

a:hover {
	color:#35BAFF;
	}

.italic {
	font-style:italic;
	}
	
.blue {color:#1B3194;}

.turqoise {color:#00ABA8;}

.lightblue {color:#35BAFF;}

.orange {color:#F89016;}

.green {color:#81CE28;}

.red {color:#FF465A;}

	
/* header */

#header {
	background-color:#1B3194;
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
	color:#FFF;
	width:840px;
	height:140px;
	position:relative;
	}

#language {
	width:820px;
	height:30px;
	font-size:0.6em;
	line-height:30px;
	text-align:right;
	padding-right:20px;
	}
	
#header .italic {
	font-size:1.8em;
	line-height:135px;
	margin-left:30px;
	}

#header #ico01, #ico02, #ico03 {
	width:45px;
	height:20px;
	font-size:0.6em;
	text-align:center;
	}

#ico01 {
	position:absolute;
	top:15px;
	left:685px;
	}
#ico02 {
	position:absolute;
	top:15px;
	left:735px;
	}
#ico03 {
	position:absolute;
	top:15px;
	left:785px;
	}

#action_header {
	background-image:url(../images/btn_action_1.gif);
	position:absolute;
	top:88px;
	left:695px;
	width:125px;
	height:27px;
	font-size:0.7em;
	line-height:27px;
	text-align:center;
	}

#action_jobs {
	background-image:url(../images/btn_action_1.gif);
	position:absolute;
	top:88px;
	left:550px;
	width:125px;
	height:27px;
	font-size:0.7em;
	line-height:27px;
	text-align:center;
	}

#action_header a, #action_header_2 a, #action_factsheet a, #action_jobs a {
	color:#FFF;
	}

#action_header a:hover, #action_header_2 a:hover, #action_factsheet a:hover, #action_jobs a:hover {
	color:#35BAFF;
	}

/* pillars */

#pillars {
	background:url(../images/bg_video.gif) repeat-x #DBE7FF;
	width:840px;
	height:225px;
	margin:0;
	padding:0;
	position:relative;
	}
	
#pillars li {
	margin:0;
	height:205px;
	padding:10px 10px 10px 20px;
	list-style:none;
	position:absolute;
	display:block;
	top:0;
	}

#bullet {
	font-size:0.7em;
	clear:both;
	}
	
#readmore {
	font-size:0.7em;
	position:absolute;
	width:115px;
	left:157px;
	top:180px;
	}
	
#img_readmore {
	position:relative;
	top:5px;
	margin-left:5px;
	}

#visual {
	float:left;
	margin:0 15px 15px 0;
	}
	
#pil01 {
	left:5px;
	width:240px;
	overflow:hidden;
	}
#pil02 {
	left:285px;
	width:240px;
	overflow:hidden;
	}
#pil03 {
	left:565px;
	width:240px;
	overflow:hidden;
	}
	
/* video */

#video {
	background:url(../images/bg_video.gif) repeat-x #DBE7FF;
	width:840px;
	height:225px;
	margin:0;
	padding:0;
	position:relative;
	}

/* banner with images instead of video */	

#banner {
	width:840px;
	height:225px;
	margin:0;
	padding:0;
	position:relative;
	}

/* content */

#content {
	background-color:#FFF;
	width:840px;
	position:relative;
	}
	
#readmore_4  a, #readmore_5 a {
	border:none;
	}


#content dl {
	line-height:0.9em;
	margin:15px 145px 15px 140px;
	}

dt,dd {
	margin:0;
	padding:0;
	}
	
dd p {
	font-size:1em;
	}
	
#center {
	width:750px;
	list-style:none;
	position:relative;
	left:30px;
	}

#center li {
	background:url(../images/bg_list_center.gif) top repeat-x;
	width:700px;
	margin:10px 0 30px 0;
	position:relative;
	}
	
#center a {
	border:none;
	}

#center_visual {
	margin:25px 50px 38px 72px;
	}
	
#why_lcl {
	position:absolute;
	top:5px;
	left:260px;
	width:375px;
	height:200px;
	padding:0 20px;
	}
	
#company {
	position:absolute;
	top:5px;
	left:260px;
	width:375px;
	height:300px;
	padding:0 20px;
	}

#spotlight {
	position:absolute;
	top:5px;
	left:260px;
	width:390px;
	padding:0 20px;
	}

#readmore_2 {
	font-size:0.7em;
	position:absolute;
	width:115px;
	left:587px;
	top:206px;
	}

#readmore_jobs {
	font-size:0.7ems;
	position:absolute;
	width:300px;
	top:230px;
	text-align: right;
	right: 108px;
	}
	
#readmore_jobs_fr {
	font-size:0.7ems;
	position:absolute;
	width:265px;
	top:230px;
	text-align: right;
	right: 108px;
	}
	
#readmore_jobs_nl {
	font-size:0.7ems;
	position:absolute;
	width:230px;
	top:230px;
	text-align: right;
	right: 108px;
	}
	
#readmore_jobs a:hover {
	color:#FF465A;
	}
	
#readmore_jobs_fr a:hover {
	color:#FF465A;
	}
	
#readmore_jobs_nl a:hover {
	color:#FF465A;
	}
	
#readmore_jobs_en a:hover {
	color:#FF465A;
	}

#readmore_3 {
	font-size:0.7em;
	position:absolute;
	width:115px;
	left:579px;
	top:172px;
	}
	
#readmore_4 {
	font-size:0.7em;
	position:absolute;
	width:411px;
	left:342px;
	top:274px;
	}
	
#readmore_5 {
	font-size:0.7em;
	position:absolute;
	width:393px;
	left:360px;
	top:400px;
	}
	
#contactbox {
	background:url(../images/bg_list_center.gif) top repeat-x;
	width:500px;
	height:175px;
	line-height:0.9em;
	margin:0 0 40px 140px;
	padding:7px 25px 12px 25px;
	}

/* elements */
	
#action_factsheet {
	background-image:url(../images/btn_action_2.gif);
	position:absolute;
	top:223px;
	left:512px;
	width:170px;
	height:27px;
	color:#FFF;
	font-size:0.7em;
	line-height:27px;
	text-align:center;
	}

#sitemap_img {
	background-image:url(../images/img_sitemap.gif);
	position:absolute;
	top:168px;
	left:499px;
	width:245px;
	height:245px;
	}
	
.rect {
	width:680px;
	height:45px;
	margin-top:15px;
	padding-left:160px;
	font-size:1.4em;
	font-weight:normal;
	line-height:45px;
	color:#FFF;
	}
	
#rect_lclblue {
	background:url(../images/rect_lclblue.gif) no-repeat;
	}

#rect_green {
	background:url(../images/rect_green.gif) no-repeat;
	}

#rect_blue {
	background:url(../images/rect_blue.gif) no-repeat;
	}

#rect_turqoise {
	background:url(../images/rect_turqoise.gif) no-repeat;
	}

#rect_red {
	background:url(../images/rect_red.gif) no-repeat;
	}
	
#rect_orange {
	background:url(../images/rect_orange.gif) no-repeat;
	}


/* footer */

#footer {
	background:url(../images/logo_lcl.gif) right no-repeat;
	height:130px;
	font-size:0.8em;
	padding:60px 0 0 75px;
	clear:both;
	}

#footer .italic {
	font-size:1em;
	line-height:1.5em;
	margin-left:30px;
	}
	
#end_footer {
	background:url(../images/end_footer.png) bottom no-repeat;
	height:16px;
	margin:auto;
	width:900px;
	clear:both;
	}

#readmore_jobs2_nl {
	font-size:0.7ems;
	position:absolute;
	width:224px;
	top:208px;
	text-align: right;
	right: 108px;
}

#readmore_jobs2_nl a:hover {
	color:#FF465A;
}

#readmore_jobs2 {
	font-size:0.7ems;
	position:absolute;
	width:300px;
	top:208px;
	text-align: right;
	right: 108px;
}

#readmore_jobs2_fr {
	font-size:0.7ems;
	position:absolute;
	width:265px;
	top:208px;
	text-align: right;
	right: 108px;
}

#readmore_jobs2_fr a:hover {
	color:#FF465A;
}

#readmore_jobs2 a:hover {
	color:#FF465A;
}