/***************************************************
  I-Folks - Miel Vandevelde
  deltaleuven.be

  v1.0 - 2007
	
  typography specs use code behind parent ID or class: /*!T!*/
  
/*****************************************************/


/*------------------------------------------ IMPORTS -----*/
@import url(typography.css);


/*------------------------------------------ STRUCTURE -----*/

body { background: white; }

#wrapper { height: 605px; margin: auto; width: 850px; }


/*------------------------------------------ CONTENT -----*/

/* HEADER */
#heading { background: url(../img/heading.gif) no-repeat 240px 5px; height: 43px; }


/* LEFTSIDE = GREENBOX + MENU + TEXT + COMPANY */
#greenbox { background: #929F1B; float: left; height: 562px; width: 399px; }

#greenbox #menu { background: #8A8C8E; float: right; height: 194px; line-height: 0; padding: 7px 0 0 18px; width: 149px; }
#greenbox #menu img {
	margin-bottom: 7px;
}

#greenbox #text /*!T!*/ { background: #58595B url(../img/text_bg.jpg) no-repeat bottom; float: right; padding: 10px; width: 295px; }
#greenbox #text ul /*!T!*/ { float: right; margin: 90px -7px 0 0; }
#greenbox #text li /*!T!*/ { border-left: 1px solid #C2C4C6; display: block; float: left; margin: 5px 0 5px 7px; padding: 5px 0 5px 7px; }
#greenbox #text li:first-child { border-left: 0; }

#greenbox #company /*!T!*/ { float: left; height: 18px; margin-left: 5px; width: 250px; }


/* RIGHTSIDE = PIC + GRAYBOX + NAVIGATION */
#right { float: right; height: 562px; width: 451px; }

#right #pic { height: 201px; width: 207px; }

/*  BOX FOR HOME + CONTACT */
#right #grayboxsmall { background: #8A8C8E; height: 156px; width: 207px; }
#right #grayboxsmall p.contact /*!T!*/ { background: #58595B url(../img/textbg.gif) no-repeat left bottom; display: block; height: 46px; width: 98px; }

/*  BOX FOR BUREAU + PROJECTEN */
#right #grayboxlarge { background: #8A8C8E; height: 361px; }
#right #grayboxlarge img { float: left; height: 361px; width: 371px; }

#right #graycontact { background: #58595B url(../img/text_bg2.jpg) no-repeat left bottom; float: left; height: 156px; width: 98px; }

#right #navigatiebalk /*!T!*/ { background: #8A8C8E; float: right; height: 361px; width: 78px; }
#right #navigatiebalk table { margin: 14px auto; }
#right #navigatiebalk table img { height: 45px; margin: 3px; width: 46px; }