/***************************/
/*                         */
/*       common.css        */
/*       build # 1.1       */
/*       2009.11.25.       */
/*                         */
/***************************/


body{
	margin:			0;
	padding:		0;
	background:		#fff;
	font-family:	"Lucida Sans Unicode",Lucida,Verdana,sans-serif;
	font-size:		11px;
	color:			#444;
	font-weight:	normal;
	line-height:	1.8em;
	}
	
img{ border:none; }
img.png{ behavior: url(css/png2.htc); }

a:link, a:visited{ color: #08c; text-decoration: underline; cursor: pointer; outline: none !important; }
a:hover{ color: #8c0000; }


	/*Percents*/
	
	.w100{ width: 100%; }
	.w95{ width: 95%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w50px{ width: 50px; }
	.w100px{ width: 100px; }
	.w130px{ width: 130px; }
	.w150px{ width: 150px; }
	.w200px{ width: 200px; }
	.w250px{ width: 250px; }
	.w300px{ width: 300px; }
	.w350px{ width: 350px; }
	.w400px{ width: 400px; }
	.w450px{ width: 450px; }
	.w500px{ width: 500px; }
	.w550px{ width: 550px; }
	.w600px{ width: 600px; }
	.w650px{ width: 650px; }
	.w700px{ width: 700px; }

/* HEIGHTS */
	.s5{ height: 5px; overflow: hidden; float: none; clear: both; }
	.s10{ height:10px; overflow: hidden; float: none; clear: both; }
	.s15{ height:15px; overflow: hidden; float: none; clear: both; }
	.s20{ height:20px; overflow: hidden; float: none; clear: both; }
	
	.h10{height: 10px !important;}
	.h20{height: 20px !important;}
	.h30{height: 30px !important;}

	
/* ADDONS */
span.NameSpan{
		font-size: 20px;
		font-weight: normal;
		color:		#444;
		font-family: Times New Roman, Sans Serif !important;
		}
.noborder{ border: none; }
.strong{ font-weight: bold; }
.smallbig{ font-size: 14px; }
.kicsitab{ padding-left: 20px; }
.small{ font-size: 11px; letter-spacing: 0.5px; }
.verysmall{ font-size: 9px; color: #999; }
.link{cursor: pointer; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.underlined:hover{ text-decoration: underline !important; }
.absmiddle{ vertical-align: middle !important; }
.verybig{ font-size: 28px; }
.redhover:hover{ color: #f00;}
.orange{ color: #ed6a00 !important;}
.green{color:#558911 !important;}
.red{color:#8c280d !important;}
.grey{color:#999 !important;}
.nofloat{float: none !important; clear: both !important; overflow: hidden !important; width: 100%; heihgt: 0px;}

/* FORM */
form{ padding: 0px; margin: 0px; }

/* FLOATS */

.fleft{float: left !important;}
.fright{float: right !important;}
.clear{float: none !important; clear: both !important; height: 0px !important; overflow: hidden !important;}

.sub{display: none !important;}


/* LAYOUT START */

div.frame{
	width:		960px;
	height:		auto;
	margin:		10px 0 10px 0;
	padding:	0 0 0 0;
	border:		none;
	overflow:	hidden;
	text-align:	left;
	}
#stage{width:638px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:200px; margin:0 auto;}	

#myList{
	width:		12000px;
	border:		0;
	margin:		0 0 20px 0;
	padding:	0 0 0 0;
	left:		400px;
	}

#myList li{
	list-style:		none; 
	margin:			0; 
	padding:		0; 
	border:			0; 
	margin-right:	4px;
	padding:		4px; 
	background:		#FFF;
	float:			left;
	width:			800px;
	height:			500px;
	border-left:	solid 1px #ccc;
	}

#slider-buttons{
	width:			813px; 
	margin:			0;
	margin-top:		4px; 
	height:			24px; 
	line-height:	24px; 
	clear:			both;
	background:		#efefef;
}
	#slider-buttons a{font-weight:bold; color:#999; text-decoration:none;}
	#slider-buttons a:hover{background:#999; color:#FFF;}
	
	#home{
		float:			left;
		width:			70px;
		border-right:	solid 1px #FFF;
		text-align:		center;
		}
	#previous{
		float:			right;
		width:			70px;
		border-right:	solid 1px #FFF;
		text-align:		center;
		}
	#next{float:right; width:70px; border-left:solid 1px #FFF; text-align:center;}

div.cv h1{
	display:		block;
	width:			780px;
	height:			auto;
	margin:			0 0 10px 10px;
	padding:		0 0 10px 0 !important;
	border-bottom:	1px dotted #ccc;
	cursor:			default;
	}
	
	div.cv h1 div#title{
		width:			150px;
		height:			auto;
		font-size:		28px;
		font-weight:	normal;
		font-family:	Times New Roman;
		line-height:	0.8em;
		color:			#08c;
		text-align:		right;
		float:			left;
		}
	
		div.cv h1 div#title span{
			font-size:	14px;
			color:		#999;
			}
	
	div.cv h1 div#contact{
		width:			200px;
		height:			auto;
		font-size:		11px;
		font-weight:	normal;
		line-height:	1.8em;
		text-align:		left;
		float:			left;
		}
		div.cv h1 div#contact div{
			padding:	29px 0 0 20px;
			}
		

div.cv h2{cursor: default;}

div.cv h2 div#photo{
	width:	171px;
	height:	auto;
	float:	left;
	}
div.cv h2 div#photo img{
	display:		block;
	width:			150px;
	height:			auto;
	margin:			0 0 0 10px;
	}

div.cv h2 div#p{
	width:	600px;
	height:	auto;
	float:	left;
	}

div.cv h2 div#p p{
	display:		block;
	width:			589px;
	height:			auto;
	margin:			0 0 0 0;
	padding:		0 0 0 10px;
	line-height:	2.0em;
	font-weight:	normal;
	color:			#444;
	font-size:		11px;
	border-left:	1px dotted #ccc;
	}
	
div.cv h3{
	display:		block;
	font-size:		11px;
	font-weight:	normal;
	color:			#444;
	margin:			0 0 0 10px;
	cursor:			default;
	}
	
	div.cv h3 span{
		display:		block;
		font-size:		14px;
		font-weight:	bold;
		color:			#666;
		margin:			0 0 10px 0;
		}
		
		div.cv h3 span.item{
			display:		inline;
			width:			auto;
			height:			20px;
			padding:		0 15px 0 0;
			font-size:		11px;
			font-weight:	normal;
			color:			#08c;
			}
			
			
/* P attribs */

div.pTitle h1{
	display:		block;
	width:			780px;
	height:			auto;
	margin:			0 0 20px 10px;
	padding:		0 0 20px 0;
	border-bottom:	1px dotted #ccc;
	cursor:			default;
	color:			#08c !important;
	font-family:	Times New Roman;
	font-weight:	normal;
	}
	
div.pInfo{
	width:	230px;
	height:	auto;
	float:	left;
	}
	
	div.pInfo h2{
		display:		block;
		width:			230px;
		float:			none;
		clear:			both;
		font-size:		11px;
		font-weight:	normal;
		padding:		0 0 0 10px;
		margin:			0 0 0 0;
		}
		div.pInfo h2 span.type{
			display:		block;
			width:			100px;
			height:			auto;
			float:			left;
			font-weight:	bold;
			text-align:		right;
			}
		div.pInfo h2 span.descr{
			display:	block;
			width:		120px;
			height:		auto;
			float:		left;
			text-align:	left;
			}
			
		div.pInfo h2 a{
			padding:			0 0 0 0px;
			text-decoration:	none;
			}
			
		div.pInfo a{
			padding:	0 0 0 110px;
			}
			
div.pInfoPrev{
	width:	790px;
	height:	auto;
	float:	left;
	}
	
	div.pInfoPrev h2{
		display:		block;
		width:			780px;
		float:			none;
		clear:			both;
		font-size:		11px;
		font-weight:	normal;
		padding:		0 0 0 10px;
		margin:			0 0 20px 0;
		}
		div.pInfoPrev h2 span.type{
			display:		block;
			width:			100px;
			height:			auto;
			float:			left;
			font-weight:	bold;
			text-align:		right;
			}
		div.pInfoPrev h2 span.descr{
			display:	block;
			width:		680px;
			height:		auto;
			float:		left;
			text-align:	left;
			}
			
		div.pInfoPrev h2 a{
			padding:			0 10px 0 0;
			text-decoration:	none;
			}
	
div.pImg{
	width:	560px;
	height:	auto;
	float:	left;
	}
	
	div.pImg img{
		display:		block;
		width:			540px;
		height:			auto;
		margin:			0 0 0 10px;
		padding:		0 0 0 10px;
		border-left:	1px dotted #ccc;
		}
		
div#footer{
	color:			#dedede;
	font-size:		10px;
	font-weight:	bold;
	margin:			20px 0 0 0;
	}