﻿body
{
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: verdana, sans-serif;
	font-size: 90%;
	line-height: 150%;
	background-repeat: no-repeat;
	}

img
{
	border: 0;
}

a
{
	text-decoration: none;
	color: #39c;
}

a:hover
{
	text-decoration: none;
	color: #000;
}


#container    
{
	margin:0px auto;
	width: 900px;
}

#header
{
	margin:7% auto 0px auto;
	width: 900px;
	height: 31px;
	letter-spacing: 1px;
	border-bottom: 20px solid #555;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


#navcontainer
{
	letter-spacing:3px;
	font-size:0.90em;
	font-family:helvetica, sans-serif;
}

#navcontainer ul
{
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}

#navcontainer ul li
{
	display: inline;	
}

#navcontainer ul li a
{
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	float: right;
	border-right: 1px solid #909090;
}

#navcontainer ul li a:hover
{
	background-image: url(images/grad_menu3.jpg);
	background-repeat: x-repeat;
}

.actual{
	background-image: url(images/grad_menu2.png);
	background-repeat: x-repeat;
	
}

#containermain{
	width:900px;
		}


#containerleft
{
	float: left;
	width: 350px;
	min-height:480px;
	background:#fff;
	padding: 10px;
	text-align:center;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


#containerright
{
	float: left;
	background:#fff;
	width: 490px;
	min-height:480px;
	overflow:auto;
	padding: 10px 15px 10px 25px;
	color:#333;
	letter-spacing:0.5px;
	font-size:11px;
	margin-bottom:10px;

	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

#containerright h2
{
	font-family:helvetica, sans-serif;
	margin: 10 auto 10 auto;
	letter-spacing: 7px;
	font-size: 180%;
	border-bottom: 1px solid #6cf;
	padding-bottom: 5px;
	width:100%;
	text-align:left;
	font-weight:100;
}


#containerright h3
{
	color:#39c;
	margin: 0;
	padding: 10px 10px 0;
	letter-spacing: 1px;
	font-size: 110%;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	text-align:left;
	font-weight:300;
	width:95%;
}

#containerright h4
{
	margin: 0;
	padding: 15px 0px 5px 0;
	letter-spacing: 2px;
	font-size: 110%;
	text-align:left;
	font-weight:bold;
	
}

#containerright ul
{
	font-size:11px;
	line-height:17px;
	margin-top:10px;
	margin-bottom:10px;
}
#containerright ul li
{
	margin-top:5px;
}

#cv{
	width:450px;
	padding: 10px 15px 0px 15px;
	margin:10px;
	color:#000;
	letter-spacing:0.5px;
	font-size:0.75em;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#cv h2{
	font-family:helvetica, sans-serif;
	margin: 0;
	padding: 10px 0;
	letter-spacing: 7px;
	font-size: 180%;
	border-bottom: 1px solid #6cf;
	padding-bottom: 5px;
	width:85%;
	text-align:left;
	font-weight:100;
}


#cv img{
float:left;
margin:15px 10px 10px 0px;
border:1px solid #666;
}

#knx{
	overflow:auto;
	padding: 10px 15px 10px 15px;
	margin:20px;
	color: #444;
	letter-spacing:0.5px;
	font-size:11px;
	background:#fff;
		}

#knx img{
float:right;
margin:10px 15px 10px 10px;
border:none;
width:140px
}

#footer
{
	width: 900px;
	letter-spacing:3px;
	font-size:0.75em;
	font-family:helvetica,sans-serif;
	margin-top:10px;
	text-align: right;
	color: #666;
	
}

#footer a
{
	text-decoration: none;
	color: #39c;
}

#footer a:hover
{
	text-decoration: none;
	color: #000;
}