/* CSS Document 
CED7D8				PALE BLUE (inactive a}
1B272B				DARK BLUE
171F23				DARKEST BLUE
FBFEF8				OFF WHITE
*/
* {margin: 0; padding: 0; }
/* ALWAYS SHOW SCROLLBAR TO STOP JUMPING WHEN PAGE EXPANDS*/
html {	font-size: 100%;height: 100%;	margin-bottom: 1px;}
body { margin:0px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#484848; line-height: 180%; background:#FFFFFF}

p {padding-bottom:7px;  line-height: 19px; /*text-align:justify*/}
.clear {clear: both}
img {border: none}
a {color:#a02d00; text-decoration: none}
a:hover {text-decoration: underline; cursor: pointer}

/*DELETE OUTLINES FROM LINKS MOZILLA*/
  a:focus, a:active { outline: none;}
  a {	outline-color:invert;	outline-style:none;	outline-width:medium;}
  
 h1 {color:#111111; font-weight: normal; font-size:53px; }
  h2 {color:#111111; font-weight: normal; font-size:18px;}
    h3 {color:#111111; font-weight: normal; font-size:22px;margin: 5px 0 3px 0 }
	  h4 {color:#111111; font-weight: normal; font-size:18px; margin-bottom: 15px}
	  	h5 {color:#111111; font-weight: normal; font-size:13px; margin-bottom: 15px}
		
		h3.myriad { visibility:hidden;}
  
/*  CONTAINER**********************************************************************************************************************************************************/
div.container {width: 850px; margin: 0 auto;}

/*  TOP**********************************************************************************************************************************************************/
#top {height: 75px; background:/* url(../images/layout/top_bg.jpg) repeat-x*/ #292929; border-bottom: 1px solid #f7f7f7}
#top #top_logo {width: 201px; height: 45px; text-indent: -9999px; float: left; margin-top: 17px}
#top #top_logo a {width: 201px; height: 45px; display: block; background:url(../images/layout/top_logo.jpg) no-repeat;  }

/*.top .container {height: 75px; background:url(../images/layout/top_bg2.jpg) no-repeat top center}*/

ul#toplinks {list-style: none; float: right;  font-size:11px; margin-top: 30px}
ul#toplinks li {display:inline; text-transform:uppercase}
ul#toplinks li a {padding: 15px 5px; text-decoration: none; color:#999999; }
ul#toplinks li a:hover, ul#toplinks li a.selected {color:#ffffff}

/*  LANG BUTTONS*********************************************************************************************************************************************************/
form.lang {float: right; padding: 0; margin: 25px 45px 5px 0}
form.lang input { border: none; outline: none; margin-left: 10px}
form.lang input:hover, form.lang input.selected {background-position: bottom; cursor: pointer}
	input.submit_eng {width: 16px; height: 11px; background:url(../images/icons/eng.jpg); font-size: 0px;}
	input.submit_nl {width: 16px; height: 11px; background:url(../images/icons/nl.jpg); font-size: 0px; }
	input.submit_esp {width: 16px; height: 11px; background:url(../images/icons/esp.jpg); font-size: 0px; }


/*  BANNER**********************************************************************************************************************************************************/
.banner {background: url(../images/layout/banner_bg.jpg) repeat-x}
.banner2 {/*background: url(../images/layout/banner_bg.jpg) repeat-x 0 -220px*/}
.main .container {background:url(../images/layout/banner.jpg) no-repeat; position: relative}
.contact .container {background:url(../images/layout/banner_contact.jpg) no-repeat; position: relative}
.container h1.myriad {color:#a02d00; position:absolute; top: 95px; left: 0px; width: 700px; visibility:hidden;}
.container h2.myriad {position: absolute; top: 160px; left: 0px; color: #1d3c52; width: 600px; visibility:hidden;}


/*  MAIN**********************************************************************************************************************************************************/
ul.services {list-style: none; width: 250px; float: left; padding: 0 0 20px 0}
ul.services li {padding-left: 25px; background:url(../images/icons/tick.jpg) no-repeat 0 2px}
#tooltip{
	position:absolute;
	border:1px solid #77765b;
	background:#f7f5d1;
	padding:10px 15px;
	color:#333;
	display:none;
	width: 250px;
	}


/*PROJECTS**********************************************************************************************************************************************************/
div.project {width: 515px; margin: 0 auto}
div.project a.visit {float: right; width: 100px;	height: 25px;	display: block; background:url(../images/button_visit.png) no-repeat; padding: 2px 20px 0 0; text-align: center; color:#9e9fa6; text-decoration: none; font-size:10px; text-transform: uppercase; margin: 5px 25px 0 0 }
div.project a.visit:hover {background:url(../images/button_visit.png) no-repeat 0 -27px; color:#e4e5e9}

ul.projects {list-style: none; margin: 5px 0 40px 0}
ul.projects li a {width: 190px;	height: 24px;	display: block; background:url(../images/button_projects.gif) no-repeat; padding: 3px 20px 0 15px; color:#767884; text-decoration: none;  margin: 3px 25px 0 0}
ul.projects li a:hover, ul.projects li a.selected  {background-position: bottom; color:#333333}

h3.projects {padding-left: 14px}

img.project-image {border: 1px solid #E1E1E1; margin-top: 18px }

/*  COLUMNS**********************************************************************************************************************************************************/
div.column1 {width: 500px; float: left; margin-top: 300px; padding-right: 80px}
div.column2 {width: 225px; float: left; margin-top: 350px}
div.column3 {width: 225px; float: left; margin: 350px 65px 0 0}
div.last {margin-right: 0}

.banner2 .container .column1 {margin-top: 30px}
.banner2 .container .column3 {margin-top: 30px}

/*  FOOTER**********************************************************************************************************************************************************/
ul.footerlinks {list-style:none; font-size:10px; margin: 70px 45px 0 0; clear: both}
ul.footerlinks li {float: right; margin-left: 15px}
ul.footerlinks li a {text-transform:uppercase}

/*HOME******************************************************************************************************************************************************/
a#what_is {padding: 15px; margin-top: 30px; border: 1px solid #caddeb; background:#ddecf7;  display: block; color:#484848}

/*CONTACT******************************************************************************************************************************************************/
span.rec {color:#a02d00;  font-size:9px; padding:0; /*-webkit-border-radius:4px; */text-transform:uppercase; letter-spacing: 1px; float: right; width: 65px; text-align: right}
span.lbl {width: 100px; display: block; float: left; text-align: left; }
form.contact {}
form.contact fieldset {outline: none; border: none; width: 480px}
form.contact fieldset label {width: 415px; float: left; clear:  both; margin-bottom: 10px}
form.contact fieldset label.comment {margin-top: 15px}
form.contact fieldset label input {width: 245px; float: right; height: 18px; padding-top: 3px}
form.contact fieldset label textarea {width: 310px; float: right;}
input#submit {float: right; margin-right: 65px}

/*PUBLISH******************************************************************************************************************************************************/
div.tut {padding: 40px 160px 0 240px; position: relative; min-height: 200px}
div.tut img {position: absolute; top:40px; left: 0; border: 1px solid #E1E1E1; }
div.tut a.visit {margin: 0 25px 0 0 }