/*

	Customer Name: Six Advertising
	Customer URI: http://www.sixadvertising.be
	Agency Designer: Frederik Vanderfaeillie (http://www.chilli.be)
	Agency Author: Aime van Pottelsberghe
	Agency URI: http://www.mediadukes.be/
	Date: 03/08/2009

*/


/* 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; }
h1, h2, h3, h4, h5, h6, strong, em { font-weight: bold; }




/* COMMON TEXT STYLES */

	body { font-family: Arial; font-size: 11px; color: #333333; line-height: 20px; }
  a:link, a:visited { color: #333333; }
  a:hover, a:focus { color: #fa0100; }
	.colored { color: #fa0100; }



/* MY STRUCTURE STYLES */
  
  /* COMMON STRUCTURE STYLES */
	
		html, body { height: 100%; }
	
		html { background: #FFF; }
		body { width: 100%; text-align: center; }
		
		div.flat_div { font-size: 0px !important; line-height: 0px !important; }
  
  
	/* STICKY FOOTER STYLES */
		
		div#super_wrap { min-height: 100%; height: auto !important; height: 100%; position: relative; }
				
			div#site_container { padding-bottom: 25px; }
			div#foot_container { position: absolute; bottom:0px; height: 25px; width: 100%; }
			div#intro_foot_cont { position: absolute; bottom: 12px; height: 25px; width: 100%; }
  
  
	/* STRUCTURE STYLES */
		
		
		div#intro_container { position:absolute; top:0; bottom:60px; right:0; left:0;}
				/*	div#intro_wrap h1 { width: 400px; height: 100px; float: left; background: url(../images/six_logo_intro.jpg) no-repeat; text-indent: -9999px; }
					div#intro_wrap a { width: 53px; height: 17px; float: left; background: url(../images/enter_btn_intro.jpg) no-repeat; text-indent: -9999px; margin: 42px 0 0 20px; }
					*/
			
				div#intro_footer_wrap { width: 710px; height: 20px; margin: 0 auto; text-align: center; }
				div#intro_footer_wrap a { text-transform: uppercase; }
			
			
		
			div#site_container { width: 100%; background: url(../images/center_bg.gif) no-repeat center top; top:0;bottom:0;margin:auto; position:absolute; height:600px;}
				div#page_container { width: 710px; height: 500px; margin: 0 auto; }
					div#header_wrap { width: 710px; height: 135px; }
						div#header_wrap h1 { width: 171px; height: 23px; position: relative; top: 50px; left: 38px; background: url(../images/six_logo.jpg) no-repeat; }
						div#header_wrap h1 a { display: block; width: 171px; height: 23px; text-indent: -9999px; }
					div#body_wrap { width: 710px; height: 365px; }
						
						div.content_wrap { float: left; width: 460px; height: 365px; background: #f6f6f7; border-right: 10px solid #FFF; }
							div.content_wrap p { text-align: left; line-height: 20px;padding:0px 40px; padding-bottom: 15px; /*text-transform: uppercase; font-size: 9px;*/ }
							#info{ padding-top:40px; height:325px;}
							div#client_list_wrap { width: 400px; height: 305px; margin: 30px auto 0 auto; }
								ul#list_odd { float: left; }
								ul#list_even { float: right; }
							
							ul.client_list { width: 180px; background: url(../images/client_listitem_bg.gif) repeat-x top left; padding-top: 1px; }
							ul.client_list li {padding:0px 0px 3px 0px; background: url(../images/client_listitem_bg.gif) repeat-x bottom left; position:relative; line-height:26px; }
							ul.client_list li span,
							ul.client_list li a { display: block; width: 140px; padding: 4px 12px 0 18px; text-transform: uppercase; color: #333333; }
							ul.client_list li a { background: url(../images/client_listilink_bg.gif) no-repeat right 9px; }
							ul.client_list li a:hover { color: #fa0100; }
							ul.client_list li i{ display:block; position:absolute; left:2px; width:8px; top:0px; bottom:0px; background:url(../images/arrow.gif) no-repeat center left; }
						
						div#nav_wrap { float: left; width: 200px; height: 275px; padding-bottom: 90px; background: #f6f6f7; border-right: 10px solid #FFF; position: relative; }
						
							div#nav_wrap ul { width: 200px; }
								div#nav_wrap ul li { width: 200px; height: 45px; }
								div#nav_wrap ul li a { display: block; width: 145px; height: 31px; padding: 14px 0 0 55px; }
								div#nav_wrap ul li a { color: #333333; background: url(../images/btn_bg_link.jpg) no-repeat; text-transform: uppercase; font-size: 10px; }
								div#nav_wrap ul li a:hover { background: url(../images/btn_bg_hover.jpg) no-repeat; }
								div#nav_wrap ul li.active a { background: url(../images/btn_bg_active.jpg) no-repeat; }
								
							div#nav_wrap ul#page_nav { position: absolute; bottom: 0; height: 90px; }
								div#nav_wrap ul#page_nav li.next a { background: url(../images/btn_bg_link_next.jpg) no-repeat; }
								div#nav_wrap ul#page_nav li.next a:hover { background: url(../images/btn_bg_link_next_hover.jpg) no-repeat; }
								div#nav_wrap ul#page_nav li.prev a { background: url(../images/btn_bg_link_prev.jpg) no-repeat; }
								div#nav_wrap ul#page_nav li.prev a:hover { background: url(../images/btn_bg_link_prev_hover.jpg) no-repeat; }
			
			div#foot_container { background: url(../images/footer_bg.gif) no-repeat center bottom; }
				div#footer_wrap { width: 710px; height: 20px; margin: 0 auto; text-align: center; }
				div#footer_wrap a { text-transform: uppercase; }
	
	
    

/* CONTENT STYLES */

	
	

/* CUTE CSS FIXES: */

    /* CLEARDIV STYLE */
    
      .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%; }
	
	
	
	
/* BROL CODE */
/*


*/