/*

	Customer Name: Chilli
	Customer URI: http://www.logo-huisstijl.be/
	Agency Designer: Frederik Vanderfaeillie
	Agency Author: Aime van Pottelsberghe
	Agency URI: http://www.chilli.be/
	Date: 03/10/2008

*/


/* STYLES RESETTER */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dd, dl, dt,
li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-family: inherit; text-align: left; }

form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
a { text-decoration: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }




/* COMMON TEXT STYLES */

	body { font-family: Arial; font-size: 11px; color: #FFFFFF; }
  h1, h2, h3, h4, h5, h6, ul, ol, dl, pre, p, blockquote, table, img { margin: 0; padding: 0; }

  h1, h2, h3, h4, h5, h6, strong, em { font-weight: bold; }
  a:link, a:visited { color: #FFFFFF; }
  a:hover, a:focus { color: #f9424c; }
  /*p { font-size: 1em; }*/
	span.colored { color: #f9424c; }
	
	.empty { font-size: 0px; line-height: 0px; }




/* MY STRUCTURE STYLES */

	html, body { height: 100%; }
	
	html { background: #28282a url(../images/html_top_border.gif) repeat-x top; }
  body { width: 100%; text-align: left; }
	
	div#super_wrap { width: 100%; margin: 0px auto; position: relative; min-height: 100%; height: auto !important; height: 100%; }
		
		div#site_wrap { width: 649px; margin: 0 auto; padding: 90px 0 60px 0; text-align: left; }
		
			div#header_wrap { width: inherit; background: url(../images/grey_dot_line.gif) repeat-x left top; height: 20px; padding-top: 6px; text-transform: uppercase; }
				div#header_wrap h1 { float: left; text-align: left; font-weight: normal; font-size: 11px; }
				div#header_wrap a { float: right; text-align: right; }
				div#header_wrap a:hover span { color: #FFFFFF; }
			
			div.group { width: 649px; padding: 20px 0px 0px 0px; }
				div.pair { width: 649px; }
					div.left { float: left; width: 307px; margin: 0px 0px 15px 0px; }
					div.right { float: right; width: 307px; margin: 0px 0px 15px 0px; }
					div.pair a, div.group a img { float: left; width: 307px; height: 238px; border: none; outline: none; }
					div.pair a { margin-bottom: 15px; }
					div.pair p { text-transform: uppercase; text-indent: 5px; padding: 0px 0px 15px 0px; }
				
				
				
				
				/*div.pics_wrap { width: 649px; height: 154px; padding-bottom: 15px; }
					div.pics_wrap a, div.pics_wrap a img { float: left; width: 199px; height: 154px; border: none; outline: none; }
					div.pics_wrap a.left {}
					div.pics_wrap a.middle { margin: 0px 26px; }
					div.pics_wrap a.right {}
				div.group p { text-transform: uppercase; text-indent: 5px; }*/
				
			div.center_txt { padding: 20px 0px 15px 0px; }
			div.center_txt p { text-align: center; line-height: 18px; }
				
			.grey_top { background: url(../images/grey_dot_line.gif) repeat-x left top; }
			.grey_bottom { background: url(../images/grey_dot_line.gif) repeat-x left bottom; }
			
	
		div#footer_wrap { position: absolute; bottom: 0; width: 100%; height: 30px; border-bottom: 5px solid #fc4466; padding: 10px 0px 0px 0px; text-align: center; }
		div#footer_wrap { background: #161a1e; }
				
			div#footer_cont { width: 300px; height: 15px; font-size: 9px; margin: 0 auto; text-align: center; position: relative; top: 5px; }
				div#footer_cont a { text-transform: uppercase; color: #FFF; font-size: 10px; }
				div#footer_cont a.actief { color: #999; }
				div#footer_cont a:hover { color: #999; }
				div#footer_cont img { margin: 0px 3px; }
				
				
	

/* CUTE CSS FIXES: */

    /* CLEARDIV STYLE */
    
      /* OUD: .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */
      .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
      
      .clearfix { display: inline-block; }
      /* Hide from IE Mac \*/
      .clearfix { display: block; }
      /* End hide from IE Mac */
    
      /* Hides from IE-mac \*/
        html .clearfix { height: 1%; }
      /* End hide from IE-mac */
    
    
    /* VERTICAL CENTERING STYLES (source: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html) */
    
      /* outer wrapping div */
        .v_cent_o_wrap { display: table;  #position: relative; overflow: hidden; }
    
      /* center wrapping div */
        .v_cent_c_wrap { #position: absolute;  #top: 50%; display: table-cell; vertical-align: middle; }
    
      /* inner wrapping div */
        .v_cent_i_wrap { #position: relative;  #top: -50%; }