﻿

/* 1. BASIC TAGS */

/* MOZILLA NEEDS IT*/
h1, h2, h3, h4 {
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
} 



h2.header_title {
	font-family: tahoma, arial, helvetica, sans-serif;	
	text-transform: uppercase;
	font-size: 19px;
}

h1.header_subtitle {
	font-family: tahoma, arial, helvetica, sans-serif;	
	text-transform: uppercase;
	font-size: 10px;
}

h2.home-title{
	font-size: 1.5em;
	font-weight: bold;
}



h3 {

	font-size: 1.5em;
	font-weight: bold;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
}


p {
	line-height: 1.4em;
}

p.compact
{
	line-height: 1.4em;
}


/* FONT */

font.redtext
{
	color: #d32525;
}

/* A */

a {
	text-decoration: none;
	color: #d32525;
}

a:visited {
	color: #980000;
}

a:hover {
	text-decoration: underline;
	color: #e05252;
}

a:active {
	color: #980000;
}


a.title:link 
{	
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}

a.title:visited {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}

a.title:hover {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #e05252;
}

a.title:active {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}

a.Project-title:link 
{	
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}

a.Project-title:visited {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}

a.Project-title:hover {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #e05252;
}

a.Project-title:active {
    margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;  
	text-decoration: none;
	color: #666666;
}


/* BODY */

body {
	background-color: #ffffff;
	background-image: url('images/layout/background.gif');
	background-repeat: repeat-x;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
    line-height: 1.4em;
	color: #666666;
	margin: 0;
	padding: 0;	
}



hr {
	border-left:0px none; 
	border-right:0px none; 
	border-bottom:0px none; 
	border-top:1px solid #bababa; 
	height: 1px;	
	margin-bottom: 5px;
}


/* LIST */

ul
{
    list-style-image: url(images/bullet-2.gif);
    list-style-position: outside;
    line-height: 1.85em;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
}

.red{
	list-style-image: url(images/bullet-1.gif);
}


/* Tables */

table.fixedtable
{
    text-align: left;
    width:100%;
}    

tr.generic
{
    height:15px;
} 

td.desc_col 
{
    
    background-color:#b3b3b3;    
    font-weight:bold;
    padding: 10px;    
    vertical-align: top; 
    color: #ffffff;  
}

td.data_col
{
   background-color:#e6e6e6;
   padding: 10px;
   vertical-align: middle;
   font-weight:bold; 
   text-align: left;    
}

td.data_col_normal
{
   background-color:#e6e6e6;
   padding: 10px;
   vertical-align: middle;
   text-align: left;    
}

td.data_col_120
{
   width:120px;
   background-color:#e6e6e6;
   padding: 10px;
   vertical-align: middle;
   font-weight:bold; 
   text-align: left;    
}

td.data_col_normal_120
{
   width:120px;
   background-color:#e6e6e6;
   padding: 10px;
   vertical-align: middle;
   text-align: left;    
}



td.item_center_light 
{
   vertical-align: middle;
   font-weight:normal;
   text-align: center; 
}

/* Grid View Table */

tr.header
{
    height:35px;
    background-color:#b3b3b3;    
    font-weight:bold;
    padding: 10px;    
    vertical-align:middle ;
    color: #ffffff;
    text-align: center;             
} 

tr.item
{
    height:25px;
    background-color:#e6e6e6;    
    padding: 10px;    
    vertical-align: middle; 
    text-align: center;             
} 

td.item
{
    text-align: center;
    padding: 10px; 
 
} 

td.item_left
{
    text-align: left;
    padding: 10px; 
} 

td.item_right
{
    text-align: right;
    padding: 10px; 
} 


/* 1. LAYOUT DIVS */

div.header
{
 
	background-image: url(images/layout/header.gif);
	background-repeat: no-repeat;
	position: relative;    
    width: 760px;
    height: 81px;
    margin-left: auto;
	margin-right: auto;
}
div.header_title {
	position: absolute;
	left: 30px;
	top: 12px;
}

div.header_subtitle {
	position: absolute;
	left: 30px;
	top: 28px;
}
div.header_nav {
	position: absolute;
	right: 30px;
	top: 60px;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
}

div.header_lang {
    position: absolute;
    width: 200px; 
    left: 30px;
	top: 60px;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
}

div.header_sitemap {
    position: absolute;
    width: 100px; 
    left: 176px;
	top: 64px;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
}


div.main
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
  	background-repeat: repeat-y;	
	background-image: url(images/layout/body-repeat.gif);
	position: relative;
    width: 740px;
    padding: 0 10px; 
    
/* 	padding-top: 1px; /* Weird Mozilla Bug */
/* 	padding-bottom: 40px; Weird Mozilla Bug */    

}

div.main-clean
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
  	background-repeat: repeat-y;	
	background-image: url(images/layout/body-repeat-clean.gif);	
	position: relative;
    width: 740px;
    padding: 0 10px; 
    
/* 	padding-top: 1px; /* Weird Mozilla Bug */
/* 	padding-bottom: 40px; Weird Mozilla Bug */    

}

div.sidebar
{    
    float:left;
    width: 212px;     
    padding: 0 20px;    
}

div.content
{
    float :right;
    width: 428px; 
    padding: 0 20px;    
}

div.wide
{
    float:none;
    width: 640px; 
    padding: 0 20px;    
}

.sidebar-item {
 /*   float: left;*/
    width: 212px;
    padding-bottom: 5px;
    padding-top: 5px;    
}

div.content-item 
{
 /*   float: left;*/
    width: 428px;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow:hidden;
}

div.wide-item 
{
 /*   float: left;*/
    width: 640px;
    padding-bottom: 10px;
    padding-top: 10px;
    
}

div.content-item-poster
{
 /*   float: left;*/
    width: 428px;
    padding-bottom: 15px;
    padding-top:15px;
    overflow:hidden;
}

div.content-item.float-left
{
    float: left;
    width: 204px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

div.content-item.float-right
{
    float: right;
    width: 204px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

div.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}

div.column {
	background-image: url(images/layout/content-shim.gif);
}

div.footer_bg {
	background-image: url(images/layout/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
}

div.footer
{
	width: 760px;
	height: 75px;
    margin-left: auto;
	margin-right: auto;  

    background-image: url(images/layout/footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;	
}

div.clear {
  clear: both;
  margin: 0;
  padding: 0;
  }
  
  
/* IMAGES CLASSES */

img {
	border-width: 0;
}

img.float-right
{
    float: right;
    padding-bottom: 10px;
    padding-left: 10px; 
}

img.float-left
{
    float: left;
    padding-bottom: 10px;
    padding-right: 10px; 
}


.centeredImageParagraph {
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
    }

/* PAGE  SPECIFIC*/

/* PROJECTS*/
.project-title {
	margin-bottom: 0.2em;
	font-size: 1.6em;
	font-weight: bold;
}

.project-item {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	font-size: 1.3em;
	font-weight: bold;
}


/* CONTROLS */

.footer_menu {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.header_menu {
	position: absolute;
	right: 30px;
	top: 17px;
	text-transform: uppercase;
	font-size: 10px;
}

.header_menu a:visited, .footer_menu a:visited {
	color: #d32525;
}

.Parascroller 
{


                    
}
