@import url('reset.css');


/*(C)2008 (X)HTML and CSS coded by Nicolas Calabrese for www.nektra.com */

/************************************************************************************************************************************************
  S T Y L E S   B Y   P A G E
-------------------------------------------------------------------------------------------------------------------------------------------------
  $ Common Styles
  $ Home Page
  $ Error checking (Remove if is not necesary)
************************************************************************************************************************************************/


      html {text-align:center; background:#FCFCFC url(../img/style/body-bg.jpg) repeat-x fixed 0 0; font: 62.5% Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif;  }
      #wrapper {margin:0 auto; width:969px; text-align:left; overflow:hidden; margin-bottom:20px;  }
      #control, #content, #footer {width:967px; background:#fff; border:1px solid #B3B3B3; float:left;  }
      
			.hidden {display:none;}

      /* Alerts */
            p.needed-tech, p.browser-support {padding:10px 0 10px 0; background:#FFFFC1 url(../img/style/icon[alert].gif) no-repeat 10px; color:#000; font-size:1.2em;  border-bottom:1px solid #DED181;  text-align:left;  text-indent:30px; }
            p.browser-support {position:absolute; top:0; left:0; right:0; width:100%; } 
            html > body p.browser-support {display:none;}
            html body #wrapper {margin-top:30px; }
            html > body #wrapper {margin-top:0; }
      
      /* Images */      
            img, a img {font-size:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
            
            
      /* clearfix */
            .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
            .clearfix {display: inline-block;}
            * html .clearfix {height:1%}
            .clearfix {display:block}
            .clear {clear:both;}
      
      
      /* Navigation Menu (Default: Horizontal) */ 
            .nav li {display:inline; text-decoration:none; } 
            .nav li a {text-decoration:none;}
            .nav li a:hover {text-decoration:underline;}
      
      
      /* Default buttons */
            .button {text-decoration:none; font:bold 0.9em Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif;  background:#B93D98 url(../img/style/sprite-buttons.gif) repeat-x 0 -603px; padding:5px 10px; display:inline-block; cursor:pointer;}
            .button:hover {text-decoration:underline; }
            .button2 {text-decoration:none; font:bold 0.9em Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif;  background:#B93D98 url(../img/style/sprite-buttons.gif) repeat-x 0 -603px; padding:5px 10px; display:inline-block; cursor:pointer;}
            .button2:hover {text-decoration:underline; }


      /* Color definitions */ 

            /* Text colors */
            .blue {color:#2ECDF5;}     .green {color:#74CF48;}     .yellow {color:#FFB83D;}     .pink {color:#FC50CF;}     .button {color:#fff;}

            /* Links */ 
            a {color:#BE2D98; text-decoration:none; }
            a:hover {text-decoration:underline; }
            
            /* Default button colors */ 
            .blue.button, .blue .button                 {background:#1094B5 url(../img/style/sprite-buttons.gif) repeat-x 0 -3px;}
            .blue.button:hover, .blue .button:hover     {background-position:0 -103px;}
            .blue .featured, .blue .featured2           {background:url(../img/style/vbox.jpg) no-repeat 0 -101px; }
            
            .green.button, .green .button               {background:#54A01C url(../img/style/sprite-buttons.gif) repeat-x 0 -203px; }
            .green.button:hover, .green .button:hover   {background-position:0 -303px;}
            .green .featured, .green .featured2         {background:url(../img/style/vbox.jpg) no-repeat 0 -621px;}
            
            .yellow.button, .yellow .button             {background:#E19419 url(../img/style/sprite-buttons.gif) repeat-x 0 -403px;}
            .yellow.button:hover, .yellow .button:hover {background-position:0 -503px;}
            .yellow .featured, .yellow .featured2       {background:url(../img/style/vbox.jpg) no-repeat 0 -363px;}
            
            .pink.button, .pink .button                 {background:#B93D98 url(../img/style/sprite-buttons.gif) repeat-x 0 -603px;}
            .pink.button:hover, .pink .button:hover     {background-position:0 -703px;}      
            .pink .featured, .pink .featured2	          {background:url(../img/style/vbox.jpg) no-repeat 0 -873px;}

            /* Bug button colors (homepage only) */ 
            #header-image .button                       {padding:8px 12px; font-size:1.3em; } 
            
            #header-image .blue .button                 {background:#1094B5 url(../img/style/sprite-buttons.gif) repeat-x 0 0;} 
            #header-image .blue .button:hover           {background-position:0 -100px;} 
                
            #header-image .green .button                {background:#54A01C url(../img/style/sprite-buttons.gif) repeat-x 0 -200px; }
            #header-image .green .button :hover         {background-position:0 -300px;}
            
            #header-image .yellow .button               {background:#E19419 url(../img/style/sprite-buttons.gif) repeat-x 0 -400px;}
            #header-image .yellow .button :hover        {background-position:0 -500px;}
            
            #header-image .pink .button                 {background:#B93D98 url(../img/style/sprite-buttons.gif) repeat-x 0 -600px;}
            #header-image .pink .button:hover           {background-position:0 -700px;}  


            div.customers-list{
                width: 100%;
                text-align: center;
            }
            div.customers-list div{
                float: left;
                margin: 7px 0;
                width: 50%;
                height: 73px;
                line-height: 73px;
                vertical-align: baseline;
                position: relative;
            }
            div.customers-list div > a{
                width: 100%;
                height: 100%;
                
            }
            div.customers-list div img{
                vertical-align: middle;
            }
            
/* ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????            
 $ Common styles
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
            
/* HEADER */
      #header {}
      
      /* Logo */ 
            #header h6 {float:left; margin:0 0 -5px;}
            
      /* Small Nav */ 
            #small-nav {border:1px solid #AFAFAF; background:url(../img/style/sprite-bg.jpg) repeat-x; line-height:27px; padding:0 15px; float:right; margin:33px 0 11px 0;} /* width:290px; }*/
            #small-nav a {font: 1.1em Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#313131; padding:0 4px; }
            #small-nav a:hover { color:#333; }
            

      /* Main Nav */ 
            #control {clear:both; background:url(../img/style/sprite-bg.jpg) repeat-x 0 -100px; height:58px; border-bottom:0; margin:12px 0 0;}
            
            #main-nav {background:url(../img/style/main_nav-bg.jpg) no-repeat; height:42px; margin:11px 0 0 0; padding:0 13px 0 15px; }
            #main-nav li {background:url(../img/style/nav_div-bg.gif) no-repeat top right; display:block; float:left; padding:0 1px 0 0; height:37px; overflow:hidden;}
            #main-nav a {font: 1.1em Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; color:#D1D5DE; display:block; line-height:37px;padding:0 16px 0 17px}
            #main-nav a:hover {color:#fff; background:url(../img/style/sprite-bg.jpg) repeat-x 0 -200px;}

            #main-nav li.lang {float:right; background-position:top left; padding:0 0 0 2px; }                  
            #main-nav li.lang a {width:58px; position:relative; }                  
            #main-nav li.lang img {position:absolute; top:15px; right:10px; padding:0 0 0 2px;}                  
            html > body #main-nav li.lang a {width:auto;} /* For modern browsers only */
            html > body #main-nav li.lang img {position:static;} /* For modern browsers only */
            
            
/* CONTENT */
      #content {border-width:0 1px; background:#fff url(../img/style/sprite-bg.jpg) repeat-x 0 -400px; float:left; }
			
			/* Footer Links */

			#content p.footer_links	{float: left; margin: 25px 0px 25px 30px; margin-bottom: 30px; font-size: 12px; color: #888888; text-align: center;}
			#content p.footer_links	a {color: #888888;}
			#content .remarked {font-weight: bold;}
            
       /* test */
       .centimg {text-align: center; display:block; margin-left:auto; margin-right:auto;}
            
       /* Header Image */ 
            #header-image {margin:-6px 12px -14px 12px; height:156px; overflow:hidden; position:relative; background:url(../img/style/header-image-bg.jpg) no-repeat 0 20px; }
            #header-image .header {padding:49px 0 0; position:relative; width:485px; z-index:5000; margin-bottom:500px /* margin for IE*/}
            #header-image h5 {border-bottom:1px solid #2C3940; font-size:3.8em; font-weight:normal; line-height:1; padding:0 0 6px 35px; }
            #header-image p {color:#FFFFFF; font-size:1.6em; line-height:1; padding:11px 0 13px 35px;}
            #header-image img {position:absolute; top:20px;}
            #header-image img.png {top:0;}
 
      /* Sub Nav */ 
            #sub-nav {border:1px solid #C8C8C8; height:36px; margin:14px 12px 0 12px ; background:transparent url(../img/style/sprite-bg.jpg) repeat-x scroll 0 -100px;}   
            #sub-nav li {background:url(../img/style/nav_div-bg.gif) no-repeat right -100px; display:block; float:left; padding:0 1px 0 0; height:37px; overflow:hidden;}
            #sub-nav li a {color:#525252; font: 1.1em Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; display:block; line-height:36px; height:40px; padding:0 16px 0 17px; float:left; display:inline; }
            #sub-nav li a:hover {background:#fff url(../img/style/sprite-bg.jpg) repeat-x 0 -300px; color:#000 }
            #sub-nav li.active a:hover, #sub-nav li.active a {background:transparent url(../img/style/main_nav-bg.jpg) no-repeat center; color:#FFF;}
            #sub-nav li.section a {background:url(../img/style/sprite-bg.jpg) repeat-x 0 -300px; color:#000; font-weight:bold; position:relative;height:36px; }
            #sub-nav li.section a:after {content:" \2023"}
            
      /* MAIN CONTENT */ 
            #main-content, #related-content {padding:30px 0 0 0; color:#424855; font: 1.3em/1.3 Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; }
            
            hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px; border:none;}
            
            /* Position */ 
            #main-content,#main-content.left {float:left; width:586px; margin:0 24px; }
            #main-content.right {float:right; margin:0 24px 0 0; }
            
            /* Headings */ 
            #main-content h1 {border-bottom:1px solid #DEDEDE; color:#BE2D98; margin:0 0 22px; padding:0 0 22px 22px; font:normal 2.2em/1 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; background:url(../img/style/bullets.gif) no-repeat scroll 0 4px; min-height:37px;}
            #main-content h2{font-size:1.2em; font-family: Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; }
            #main-content h2, #main-content h3, #main-content h4 {font-weight:bold; color:#12151B; margin-top:24px; }
            #main-content h3, #main-content h4 {font-size:1em;}
            #main-content h2, #main-content h3, #main-content h4, #main-content p, #main-content ul, #main-content ol, #main-content ul.images li .content, #main-content ul.images li img {margin-bottom:12px; }
            #main-content ul h2, #main-content ul h3, #main-content ul h4 {margin-top:0}

            /* List styles */ 
            #main-content ul, #main-content ol {margin-bottom:24px; }
            #main-content ul ul, #main-content ol ol, #main-content ul ol, #main-content ol ul {margin-bottom:12px; }
                  
            /* Ordered lists */  
						#main-content ol {color:#C2399E; list-style-position:inside; list-style-type:decimal; font-weight:bold; }
						#main-content ol li p {color:#424855; display:inline; font-weight:normal; }
            
            /* Image lists */ 
						#main-content ul.images, #main-content ol.images {margin:7px 0 24px 0; float:left; }
						#main-content .images li, #main-content .profiles li {background:none; padding:0; clear:both; }
						#main-content .images li .content {width:290px; float:left; }    
						#main-content .images li .image {position:relative; width:295px; height:194px; float:left; display:block; }    
						#main-content .images li .image img {margin:8px 0 0 8px; }    
						#main-content .images li .frame {position:absolute; top:0; left:0; background:url(../img/style/screenshot-frame.png) no-repeat 0 0; width:264px; height:194px; display:block; }    
                              
            /* Profiles lists */ 
						#main-content ul.profiles, #main-content ol.profiles {width:100%; margin:7px 0 24px 0; float:left; position:relative;  }
						#main-content .profiles li .image {position:relative; width:165px; height:160px; float:left; display:block; }    
						#main-content .profiles li .content {width:405px; float:right; }    
						#main-content .profiles li .image img {margin:8px 0 0 8px; }    
						#main-content .profiles li .frame {position:absolute; top:0; left:0; background:url(../img/style/screenshot-frame.png) no-repeat 0  -304px; width:165px; height:170px; display:block; }                
						#main-content .profiles li .button {position:absolute; left:10px; top:136px; width:125px; background-position:0 -800px; overflow:hidden;}                
						#main-content .profiles li .button:hover {background-position:0 -900px ; }                
						#main-content .profiles li .button .icon {background:url(../img/style/icon-linkedin.jpg) no-repeat 0 0; display:block; float:left; height:25px; margin:-5px 6px -11px -10px; position:relative; width:26px;}                
            
            /* Default li  */ 
						#main-content ul.ticks li {background:url(../img/style/bullets.gif) no-repeat 0 -201px; padding:0 0 4px 22px;}
						#main-content .boxes li {background:url(../img/style/bullets.gif) no-repeat 0 -400px; padding:0 0 4px 22px;}
						
						#main-content img.float_left {float: left; padding: 0 10px 0 0;}
						
						#main-content img.framed {border:7px solid #E9E9E9; padding:2px; display: block; margin-left:auto; margin-right:auto;}
						
						#main-content form ul {width:100%; }
						#main-content form ul li {background:none}						

            /* Contact form */ 

						
						#contactform {background:url(../img/style/form-bg.jpg) no-repeat; padding:25px 0 0 0; margin:24px 0; }
						#contactform ul li {height:50px; height:auto!important; min-height:50px; }
						
						#contactform label {font-weight:bold; display:block; float:left; font-weight:bold; width:137px; text-align:right; margin-right:15px}
						#contactform label span {font-weight:normal; display:block; }
						#contactform input, #contactform select, #contactform textarea {border:1px solid #CCCCCC; color:#424855; padding:5px; width:300px;}
						#contactform select {width:312px;}
						#contactform textarea {height:150px; font:1em Tahoma, Arial, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; margin-bottom:20px}
						
						#contactform .button {background-position:0 -800px;}                
						#contactform .button:hover {background-position:0 -900px ; }  
						
						#contactform .button2 {background-position:0 -800px;color:white; margin:10px 10px 10px 147px;width:320px;}                
						#contactform .button2:hover {background-position:0 -900px ; margin:10px 10px 10px 147px;width:320px; }  
						
						#contactform .footer {background:url(../img/style/form-bg.jpg) no-repeat 0 bottom; clear:both; padding:25px; }
						#contactform .footer p {margin:0 0 20px 147px; }
						#contactform .cpt {float:left; margin:0 10px 0 147px; width:170px; background:url(../img/style/bullets.gif) no-repeat 79px -591px}
						#contactform .cpt img {background:#FFF; border:1px solid #bbb; float:left; margin:0 16px 0 0; padding:2px;}
						#contactform .cpt2 {float:left; margin:0 10px 0 147px; width:170px; background:url(../img/style/bullets.gif) no-repeat 79px -591px}
						#contactform .cpt2 img {background:#FFF; border:1px solid #bbb; float:left; margin:0 16px 0 0; padding:2px;}
						#contactform #captchainput {margin:0; position:static; width:60px; float:none;}
                  
						.center_table{display: block;    margin-left: auto;    margin-right: auto}
                  
            
                              
      
      /* SIDEBAR */  
            
            /* Position */             
            #related-content,#related-content.right {float:left; width:309px; }
            #related-content.left {float:left; margin:0 24px}
            #related-content {font-size:1.3em; line-height:1.3; }
            
            #inter-nav, #related-content .box {margin-bottom:24px;}
            #inter-nav h1 {float:left; }
            #inter-nav h1:after {content:" \2023"; margin-right:3px}
            #inter-nav li + li:before {content:" \00B7"; margin-right:3px}
            #inter-nav a {color:#525252; /* white-space:nowrap; */}
            #inter-nav a:hover {color:#BE2D98; }
            
            /* Boxes */       
            #related-content .box {float:left; background:url(../img/style/vbox.jpg) no-repeat -341px bottom; color:#585F6C;}
            #related-content .box h1 {width:309px; height:38px; background:url(../img/style/vbox.jpg) no-repeat; color:#fff; font-size:1.4em; font-weight:normal; line-height:40px; text-indent:20px;}
            #related-content .box strong, #related-content .box h2, #related-content .box h3 {font-weight:bold; color:#26292E; }
            #related-content .box h2, #related-content .box h3, #related-content .box p, #related-content .box li {margin: 0 0 10px 0 ; }
            #related-content .box .content {float:left; padding:18px; background:transparent url(../img/style/vbox.jpg) no-repeat -659px -1062px; width:273px}
            #related-content .box .content ul li {background:none; }
            
            #related-content .box p {font-size:0.9em;}
            #related-content .box li a, #related-content .box p a {color:#585F6C; text-decoration:none;  }
            #related-content .box p a:hover {color:#DD61BC; text-decoration:underline; }            

            /* Featured */    
			#related-content .box .featured {float:left; padding:15px 0; width:311px; }
			#related-content .box .featured img {float:left; margin:-12px 0 0 0; padding:10px;}            
			#related-content .box .featured .description {float:left; width:215px; position:relative; left:20px;}
			#related-content .box .featured h2 {color:#636363; font-size:1.5em; font-weight:normal; margin:0 10px -8px; } /*text-transform:uppercase; */
			#related-content .box .featured p {margin:10px 10px;}
			
			#related-content .box .featured2 {float:left; padding:15px 0; width:311px; }
			#related-content .box .featured2 img {float:left; margin:-12px 0 0 0; padding:10px;}    
			#related-content .box .featured2 .description {float:left; width:178px;}
			#related-content .box .featured2 h2 {color:#636363; font-size:1.5em; font-weight:normal; margin:0 0 -8px 0; } /*text-transform:uppercase; */
			#related-content .box .featured2 p {margin:10px 0;}

                  
            /* Lists */
			#related-content .box .items {margin:0 -18px;  }
			#related-content .box ul.left {border-right:1px solid #FFFFFF; float:left; width:153px;}
			#related-content .box ul.right {border-left:1px solid #C8C8C8; float:left; width:154px;}
			#related-content .box .items ul li {background: url(../img/style/bullets.gif) no-repeat 13px -596px; padding:0 5px 0 29px; margin:0}
			#related-content .box .items ul li, #related-content .box .items ul li a {color:#585F6C;}
			#related-content .box .items ul li a:hover {color:#be2d98;} 
			#related-content .box .items p, #related-content .box .items h3, #related-content .box .items h4, #related-content .box .items .button {margin-right:18px; margin-left:18px; }

			#related-content .box .items2 {margin:0 -18px;  }
			#related-content .box ul.left2 {border-right:0px solid #FFFFFF; float:left; width:80px; padding:0px 0px 0px 20px;} /* width:153px */
			#related-content .box ul.right2 {border-left:0px solid #C8C8C8; float:left; width:215px;} /* width:154px */
			#related-content .box .items2 ul li {background: url(../img/style/bullets.gif) no-repeat 13px -596px; padding:0 0 0 0; margin:0} /* padding:0 5px 0 29px */
			#related-content .box .items2 ul li a {color:#FFFFFF;}
			#related-content .box .items2 ul li a:hover {text-decoration: underline;} 
			#related-content .box .items2 p, #related-content .box .items2 h3, #related-content .box .items2 h4, #related-content .box .items2 .button {margin-right:18px;} /* margin-left:18px; } */
           
            #related-content .box .content .items dl{
            }
						#related-content .box .content .items dl a{
								color:#666666;						
            }
						#related-content .box .content .items dl a:hover{
								color:#DD61BC;						
            }
            #related-content .box .content .items dl dt{
                padding-left: 29px;
                float: left;
                font-weight: bold;
                background: transparent url(../img/style/bullets.gif) no-repeat scroll 13px -596px;
            }
            /*#related-content .box .content .items dl dt a{
								color: #333333;								
            }*/
            #related-content .box .content .items dl dd{
                padding-left: 110px;
            }
            /*#related-content .box .content .items dl dd a{
								color: #333333;								
            }*/
						

                              
            /* Contact-BOX */ 
			#related-content .box form label {display:none;}
			#related-content .box form {width:160px; float:left;  }
			#related-content .box form input.text {background:#666666; border:0; color:#FFFFFF; padding:5px; width:145px; font-size:0.9em; } /* background:#25282C; border:0; color:#717274; */
                              
            /* Banner */      
			#related-content .banner  {background:url(../img/style/banner-bg.jpg) no-repeat 0 -601px; height:96px; padding:7px 0 0 0 }    
			#related-content .banner .content {padding:0 19px; margin:20px 0;background:none; }                    
			#related-content .banner .featured {background:none; }
			#related-content .blue .banner {background-position: 0 0;  }     
			#related-content .yellow .banner {background-position:0 -201px;   }     
			#related-content .green .banner {background-position: 0 -401px;  }     
			#related-content .pink .banner {background-position: 0  -601px;  }   
            
            #related-content .blue .featured.banner{
                background-position: 0 -14px;
            }
            #related-content .yellow .featured.banner{
                background-position: 0 -227px;
            }
            #related-content .green .featured.banner{
                background-position: 0 -427px;
            }
            #related-content .pink .featured.banner{
                background-position: 0 -627px;
            }
                  
            /* Location */       
			#location img, #location iframe {margin:0 0 0 2px;}
						
						
            
      /* FOOTER */

            #footer #customers {overflow:hidden; background: url(../img/style/customers-bg.gif) no-repeat 0 0; /*  border: 1px solid #B3B3B3; */ margin:0 12px 9px 12px; height:60px; padding:1px 33px 0 33px ; }
            #footer #customers li {display:inline; margin:0 0 0 17px;}
            #footer #customers li a {border:0;}
                        
            #footer {background: url(../img/style/footer-bg.jpg) repeat-x center bottom; border-top:0 none; }
            #footer p.copy {color:#6A6A6A; padding:10px 12px ;}
            #footer p.copy a {color:#313131; text-decoration:none; }
            #footer p.copy a:hover {text-decoration:underline; }
      

            
/* ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????            
 $ Home Page
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */

/* HEADER */ 

      /* Header Image */ 
            #homepage #content #header-image {height:350px; background:url(../img/style/home-header-image-bg.jpg) no-repeat 0 20px; margin-bottom:0;}
            #homepage #content #header-image .header {padding:110px 0 0 513px; width:428px; margin-bottom:500px /* margin for IE*/}
            #homepage #content #header-image h5 {font-size:4em; padding: 0 0 13px 0;}
            #homepage #content #header-image p {line-height:1.3; padding:13px 13px 13px 0;}
      

/* CONTENT */ 
      
      /* MAIN CONTENT */ 
            #homepage #main-content {display:none;} 
            
      /* BOTTOM BOXES */
            #homepage #related-content {width:970px; padding:12px 0; position:relative; left:12px;}      
            #homepage #related-content .box, #homepage #products-showcase {position:relative; width:307px; height:168px; float:left; margin:0 11px 0 0; padding:0}
            #homepage #products-showcase .box + .box {display:none}
            
            #homepage #related-content .box .content {width:150px; padding-top:12px;  position:absolute; top:0; right:0; background:url(../img/style/sprite-home-box.jpg) no-repeat right top; height:163px;}
            #homepage #related-content .box h1 {text-transform:uppercase; text-indent:0; background:none; line-height:1;  height:auto; width:100%}
            #homepage #related-content .box h1 strong {color:#fff}
            #homepage #related-content .box p {margin:13px 0; color:#848993;}
            #homepage #related-content .box p a {color:#848993;}
            #homepage #related-content .box p a:hover {color:#DD61BC; text-decoration:underline;}
            #homepage #related-content .box img {position:relative; z-index:20; top:32px; left:3px; } 
      
            /* Color definitions */
            #homepage #related-content .box {background:url(../img/style/sprite-home-box.jpg) no-repeat -130px -190px; } /* Default color Blue */ 
            #homepage #related-content .box.blue {background:url(../img/style/sprite-home-box.jpg) no-repeat -130px -190px;}
            #homepage #related-content .box.green {background:url(../img/style/sprite-home-box.jpg) no-repeat -130px -380px;}
            #homepage #related-content .box.yellow {background:url(../img/style/sprite-home-box.jpg) no-repeat 0 -380px;}
            #homepage #related-content .box.pink {background:url(../img/style/sprite-home-box.jpg) no-repeat 0 -190px;}
      
            /* News */
            #homepage #related-content #news .content {width:255px; padding-left:37px;}
            #homepage #related-content #news .content h1 {position:absolute; right:0; width:271px;}
            #homepage #related-content #news .content ul {position:relative; top:12px; left:-34px; padding:0px; width:307px;  padding-top:0px; background:none; }
            #homepage #related-content #news .content li {padding:0 25px 0 36px; background:none; }
            #homepage #related-content #news .content li a:hover {color:#DD61BC;}
            #homepage #related-content #news .content p {margin:7px 0; }
            #homepage #related-content #news .content p strong {color:#D4D4D4; font:bold 0.9em Arial,Tahoma,Verdana,Trebuchet,Helvetica,Verdana,Geneva,sans-serif; }
            #homepage #related-content #news .content .button {position:absolute; right:15px; top:21px;}
      

      .content_text{	font-size: 11px; color: #7B7B7B;  text-decoration:none; background-color: #e5e5e5;}

      /* FOOTER */

            #footer {position:relative; z-index:20;}