/*div, ul, li{
border:1px solid red;
}
*/
/*----------- Common elements -----------*/
body{
background-color : #1A2D64;
color:white;
margin:0;
padding:0;
font-size: 95%;
font-family : Verdana, Arial, Helvetica, sans-serif;  
}

h1 {
  font-size: 150%;
  line-height: 110%;
	margin:1em 0 1em 0;
	padding:0;
	color:#1A2D64;
font-weight:normal;
}
h2 {
 font-size: 120%;
 margin:1.2em 0 0.3em 0;
 padding:0; 
 color:#1A2D64; 
font-weight:normal;
}
h3 {
 font-size: 100%;
 color:#1A2D64; 
 margin:1.5em 0 0.5em 0;
font-weight:bold;
}
img{border:0;}
ul{
	margin: 1em 8%;
	padding:0;
}
ul li{
margin: 0.4em 0;
}
ul li ul{
margin: 0.5em 0 1em 1em;
}

form{margin:1em 5%;}





a, a:visited {color: #AEC5D8;}
a:hover {color: #FFF;}





/*----------- layout blocks -----------------------*/
.wrap{
	margin:auto;
	width:85%;
	max-width:60em;
	line-height:140%;	
}



.column1{width:66.7%;
float:left;
padding:0;
background-color:#F7F4EA;
color:black;}

.column2{width:33.25%;
float:right;
padding:0;
}

.blue{
	background-color:#486292;
}
.blue h1, .blue h2, .blue h3{
color:#AEC5D8;
}

.column1 h1, .column1 h2, .column1 h3, .column2 h1, .column2 h2, .column2 h3{
	margin-left:5%;
	margin-right:5%;	
}
.column1 p{margin:1em 5%;}
.column2 p{margin:1em 5%;}

.bottom{
clear:both;
text-align: center;
font-size: 90%;
padding:1em;
}




/*----------- main decoration blocks -----------------*/

#header{
height:100px;
position:relative;}
#header h1{margin:0;}





ul.lang{
	position:absolute;
	top:0;
	right:0;
	margin:0.5em 0.2em;
	list-style-type: none;
}
ul.lang li {
	float: left;
	padding: 0;
	margin: 0;
}




		/* ---- navigation ---- */
ul.menu{
	position:absolute;
	bottom:0;
	right:0;	
	width:66.67%;
	padding:0;margin:0;
	list-style-type: none;
  font-size: 115%;
}
ul.menu li {
	float:left;
	padding: 0;
	margin: 0;
	width:24.94%;
}

.menu li a {
	display: block;
	padding: 3px;
	margin-right:1px;
	color: white;
	text-decoration: none;
	text-align: center;	
	background:#1A2D64 url(/menu_grad.gif) repeat-x;
}
.menu li.current a{background:#1A539E url(/menu_grad_o.gif) repeat-x;}
.menu li.parent a{background:#1A539E url(/menu_grad_o.gif) repeat-x;}
.menu li a:visited {color: white;}
.menu li a:hover {color: white;background:#1A539E url(/menu_grad_o.gif) repeat-x;}




		/* ---- visual ---- */
#visual{
background: #F07332 url(/bg_grad_visual.jpg) repeat-x bottom;
border-top:5px solid #1A539E;
/*border-top: 1px solid #F69C4C;*/
border-bottom:4px solid #F9DFBF;
clear:both;}

#visual div{
background: url(/bg_visual.jpg) no-repeat bottom left;
padding:1em 3.33% 0.5em 3.33%;
}
#visual div#tagline{
padding:2em;
}

#visual h1{
color:white;
margin:0;
}


#tagline h2{
color:white;
text-align:center;
font-size:170%;
margin:0;
line-height: 115%;
}

#tagline p{
color:white;
text-align:center;
margin:0.5em 0 0 0;
}

#visual a{color:white;text-decoration:none;}
#visual a:visited{color:white;text-decoration:none;}
#visual a:hover{color:white;text-decoration:underline;}

#visual2{
background: #F07332 url(/bg_grad_visual.jpg) bottom;
border-top: 1px solid #F69C4C;
border-bottom:4px solid #F9DFBF;
height:100px;
clear:both;
position:relative;
}

.column1 a{color:#0055FF;}
.column1 a:visited {color:#1A3B7D;}
.column1 a:hover {color:#F40;}





/*----------- small decoration elements -----------------*/




ul.data{
	background:white;
	border:1px solid #CCA;
	margin: 1em 5%;
	padding:1em;
	list-style-type: none;	
}
p.highlighted{
	background:white;
	border:1px solid #CCA;
	padding:0.7em;
}



img.teaser{background-color:white;
padding:5px;
margin:0.5em 1em 0.1em 1em;
border:1px solid #F7F4EA;}

a:hover img.teaser{border:1px solid #CCA;}




		/*----- inner pages -----*/


ul#websites, ul#logos{
	list-style-type: none;
}


ul#websites li{
	float:left;
	width:49.95%;
	text-align:center;
}

ul#logos li{
	text-align:center;
}


ul#websites a, ul#logos a{
	text-decoration:none;
}


		/*----- portfolio item -----*/

.screenshot, .paper{
	text-align: center;
	font-size:smaller;
	margin-bottom: 25px;
	font-style:italic;
	color:gray;
}
.screenshot img{
margin:0.5em;
}
.paper img{
border:1px solid silver; 
margin:15px;
}

.client{
 padding-right:1em;
	text-align: right;
	font-size:smaller;
	font-style: italic;
}