body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background: #FFFFFF;
	padding: 0;
	margin: 60px 0 0 0;
	text-align: center;
}

#language {
	width: 742px;
	margin: 0 auto 10px auto;
	text-align: left;
}

#language a {
	font-weight: bold;
	color: #999999;
	margin: 0 4px;
}

#language a:hover {
	color: #FF0000;
}

#bgholder {
	background: url(../images/body_bg.gif) no-repeat top center;
}

#frameholder {
	margin: 0 auto;
	text-align: left;
	width: 746px;
	height: 394px;
	border: 1px solid #E5E5E5;
}

#contentholder {
	margin: 46px 80px;
}
	#contentholder.projects {
		margin-right: 60px;
	}



#home_top {
	height: 81px;
	background: url(../images/home_top.gif) no-repeat;
	margin: 0 0 25px 0;
}
#home_bottom {
	clear: both;
	height: 81px;
	background: url(../images/home_bottom.gif) no-repeat;
	margin: 25px 0 0 0;
}

#home_center a {
	float: left;
	color: #FFFFFF;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 20px 0 0;
	background: url(../images/button_home_grey.gif) no-repeat;
	text-decoration: none;
}


#home_center a span {
	display: block;
	font-weight: bold;
	width: 72px;
	margin: 56px 0 0 0;
	text-align: right;
	cursor: pointer;
}

#home_center a:hover.about {
	background: url(../images/button_home_red.gif) no-repeat;
}
#home_center a:hover.projects {
	background: url(../images/button_home_green.gif) no-repeat;
}
#home_center a:hover.vision {
	background: url(../images/button_home_blue.gif) no-repeat;
}
#home_center a:hover.contact {
	background: url(../images/button_home_orange.gif) no-repeat;
}
#home_center a:hover.links {
	background: url(../images/button_home_green2.gif) no-repeat;
}

#home_center a.work {
	margin-right: 0;
}
#home_center a:hover.work {
	background: url(../images/button_home_brown.gif) no-repeat;
}

#content_top {
	height: 80px;
	margin: 0 0 20px 0;
}

#content_top a {
	float: right;
	display: block;
	width: 80px;
	margin: 34px 1px 0 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#content_top a:hover {
	text-decoration: underline;
}

#content_top h2 {
	margin-left: 0;
	font-size: 11px;
	text-transform:uppercase;
}

#content {
	clear: both;
	margin: 0 4px 0 0;
	padding: 0 10px 0 106px;
	height: 180px;
	overflow: auto;
	background-attachment: fixed;

	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #B2B2B2;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #B2B2B2;
	scrollbar-3dlight-color: #B2B2B2;
	scrollbar-darkshadow-color: #B2B2B2;
	scrollbar-arrow-color	: #B2B2B2;
}

#footer {
	margin: 10px auto;
	padding: 0 10px;
	width: 736px;
	color: #999999;
	text-align: left;
}

#footer a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #FF0000;
}

#footer #navigation {
	float: right;
	font-weight: bold;
	font-size: 11px;
}

#footer #navigation a {
	color: #999999;
	text-decoration: underline;
}

#footer #navigation a:hover {
	text-decoration: none;	
}

#footer #navigation span {
	padding: 0 2px 0 4px;
}

#zivotopis #content_top {
	background: url(../images/zivotopis_top.gif) no-repeat;
}	

#zivotopis #content {
	background: url(../images/zivotopis_left.gif) no-repeat;
	_background-attachment: fixed;
	scrollbar-arrow-color	: #FF0000;
}

#zivotopis #content a, #zivotopis #content h3, #zivotopis #content h5 {
	color: #FF0000;
}

#kontakt #content_top {
	background: url(../images/kontakt_top.gif) no-repeat;
}

#kontakt #content {
	background: url(../images/kontakt_left.gif) no-repeat;
}

#kontakt #content a, #kontakt #content h3, #kontakt #content h5 {
	color: #FF9766;
}	

#odkazy #content_top {
	background: url(../images/odkazy_top.gif) no-repeat;
}

#odkazy #content {
	padding-left: 0;
	scrollbar-arrow-color	: #009900;
}

#odkazy #content a, #odkazy #content h3, #odkazy #content h5 {
	color: #009900;
}

#vize #content_top {
	background: url(../images/vize_top.gif) no-repeat;
}

#vize #content {
	padding-left: 0;
	scrollbar-arrow-color	: #6666FF;
}

#vize #content a, #vize #content h3, #vize #content h5 {
	color: #6666FF;
}

#praxe #content_top {
	background: url(../images/praxe_top.gif) no-repeat;
}

#praxe #content {
	padding-left: 0;
	scrollbar-arrow-color	: #993300;
}

#praxe #content a, #praxe #content h3, #praxe #content h5 {
	color: #993300;
}

#projekty #content {
	padding-left : 0px;
	height: 300px;
	overflow: hidden;
}

#projekty #chrono {
	position: absolute;
	width: 100px;
	height: 30px;
	color: #009900;
	font-size: 14px;
	font-family: "Trebuchet MS";
	margin: -34px 0 0 -58px;
}
#projekty #year{
	position: absolute;
	margin: 0 0 0 -58px;
	width: 60px;
	font-size: 24px;
	font-family: "Trebuchet MS";
	color: #009900;
}

#projekty #year a {
	font-family: "Trebuchet MS";
	color: #009900;
	text-decoration: none;
	display: block;
	margin: 0 0 7px 0;
}

#projekty #year a:hover {
	color: #000000;
}

#projekty #head {
	float: left;
	width: 100px;
	height: 298px;
	background: url(../images/projekty_left.gif) no-repeat;
}

#projekty #head .year {
	font-weight: bold;
	margin: 24px 0 0 13px;
	font-size: 24px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
}

#projekty #head h2 {
	padding: 188px 0 0 1px;
	margin: 0;
	font-size: 11px;
}

#projekty #items {
	float: left;
	width: 130px;
}

#projekty #items ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#projekty #items ul li {
	background: url(../images/projekty_li.gif) no-repeat left 5px;
	padding: 1px 0 1px 15px;
}

#projekty #items a {
	text-transform: uppercase;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

#projekty #items a:hover {
	color: #009900;
}

#projekty #detail {
	float: left;
	width: 340px;
	margin-left: 18px;
}

#projekty #detail h1 {
	text-transform: uppercase;
}

#projekty #detail .pdf {
	margin: 8px 0 15px 0 ;
}

#projekty #detail a {
	color: #009900;
}

#projekty #detail .text {
	overflow: auto;
	height: 166px;
	padding-right: 6px;
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #B2B2B2;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #B2B2B2;
	scrollbar-3dlight-color: #B2B2B2;
	scrollbar-darkshadow-color: #B2B2B2;
	scrollbar-arrow-color	: #009900;
}