/* Matthew Reidsma wrote this CSS and developed this website. */
/* CSS bends to his will */

/* html tag rules */

body { background-color: #ffffff; margin: auto; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #000000; }
a { color: #0033FF; text-decoration: none; }
a:hover { border-bottom: 1px dotted #666666; }

/* id rules */
		
#wrapper { width: 800px; margin: auto; }
#banner { width: 800px; margin: auto; }
#banner h1 { font-family: "Gill Sans", "Gill Sans MY", "arial narrow", Tahoma, Futura, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-size: 30px; color: #666666; font-weight: normal; letter-spacing: .3em; }
#banner h2 { height: 125px; width: 800px; margin-bottom: 35px; background: transparent url(../img/banner.jpg) no-repeat; }
#menu { float: left; width: 180px; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu ul li { line-height: 20px; margin-bottom: 15px; padding: 0; }
#menu ul li.active { width: 170px; border-bottom: 2px solid #cccccc; }
#menu a { color: #666666; text-decoration: none; }
#menu a:hover { border-bottom: 1px dotted #666666; }
#content { width: 600px; margin-left: 190px; }
div#contact { width: 150px; background: transparent url(../img/dewilde.jpg) top left no-repeat; padding-top: 160px; border-bottom: 2px solid #cccccc; margin-bottom: 20px; }
#footer { margin-top: 25px; margin-bottom: 20px; }

/* bubble quote rules */
div.bubble { width: auto; font-size: 12px; margin-bottom: 24px; }
div.bubble blockquote { margin: 0px; padding: 10px; border: 1px solid #c9c2c1; background-color: #fff; }
div.bubble blockquote p { margin: 10px; padding: 0px; }
div.bubble cite { position: relative; margin: 0px; padding: 7px 0px 0px 15px; top: 5px; background: transparent url(../img/tip.gif) no-repeat 20px 0; font-style: normal; font-weight: bold; color: #666666; }
div.bubble div.rounded { margin-bottom: 10px; border: 3px solid #fff; background-color: #b7e0ff;; } 
div.bubble div.rounded blockquote { border: 0; background-color: transparent; } 
div.bubble div.rounded blockquote p { margin: 0px 10px; } 
div.bubble cite.rounded { position: relative; margin: 0px; padding-left: 15px; padding-top: 12px; top: 6px; background: transparent url(../img/tip-rounded.gif) no-repeat 15px 0; }

/* Rules that only IE will see to correct for poor adherence to CSS rules */
/* Shame on you, Microsoft! */

#IEroot div.bubble cite.rounded { top: -3px; }
#IEroot #banner h1 { margin-top: 10px; }