/*
Script name: martinklavon.css
Date: February 2008
Author: Martin Klavon
*/

body {
 font-family: arial, verdana, sans-serif;
 font-size: 10pt;
 color: #000000;
 background-color: #FFFFFF;
 background-image: url('./images/body_bg.jpg');
 background-repeat: repeat-x;
 margin: 0px auto;
 text-align: center;
}

h1 {
 font-family: arial, verdana, sans-serif;
 font-size: 14pt;
 font-weight: 200;
 color: #333333;
 margin: 0px;
}

h2 {
 font-family: arial, verdana, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 color: #333333;
 margin: 0px;
 margin-top: 14px;
}

h3 {
 font-family: arial, verdana, sans-serif;
 font-size: 8pt;
 font-weight: normal;
 color: #333333;
 margin: 0px;
}

.portfolioH2 {
 font-family: arial, verdana, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 color: #014B96;
 margin: 0px;
 margin-top: 14px;
}

A:link {
 text-decoration: underline;
 color: #333333;
}
A:active {
 text-decoration: underline;
 color: #333333;
}
A:visited {
 text-decoration: underline;
 color: #333333;
}
A:hover {
 text-decoration: underline;
 color: #000000;
}

.body {
 margin: 0px auto;
 text-align: center;
 clear: both;
}

.container {
 margin: 0px auto;
 width: 780px;
 clear: both;
}

.topBar {
 margin: 0px auto;
 text-align: left;
 width: 780px;
 height: 145px;
 clear: both;
}

.topBarLeft {
 margin: 0px;
 width: 530px;
 height: 145px;
 float: left;
}

.topBarRight {
 font-family: arial, verdana, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 color: #FFFFFF;
 margin: 0px;
 width: 250px;
 height: 145px;
 background-image: url('./images/side_right_r1_c1.jpg');
 background-position: top right;
 background-repeat: no-repeat;
 text-align: center;
 float: left;
}

.topBarRight span {
 display: none;
}

.topBarRight A:link {
 text-decoration: none;
 color: #FFFFFF;
}
.topBarRight A:active {
 text-decoration: none;
 color: #DDDDDD;
}
.topBarRight A:visited {
 text-decoration: none;
 color: #FFFFFF;
}
.topBarRight A:hover {
 text-decoration: none;
 color: #FFFFFF;
}

.midBar {
 margin: 0px auto;
 text-align: left;
 width: 780px;
 clear: both;
}

.midBarLeft {
 font-family: arial, verdana, tahoma, sans-serif;
 font-size: 24pt;
 color: #FFFFFF;
 margin: 0px;
 width: 530px;
 text-align: left;
 float: left;
 padding-top: 37px;
}

.midBarLeft A:link {
 text-decoration: none;
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
}
.midBarLeft A:active {
 text-decoration: none;
 color: #DDDDDD;
 margin-left: 10px;
 margin-right: 10px;
}
.midBarLeft A:visited {
 text-decoration: none;
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
}
.midBarLeft A:hover {
 text-decoration: underline;
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
}

.midBarRight {
 background-image: url('./images/side_right_r2_c1.jpg');
 background-repeat: no-repeat;
 background-position: top right;
 margin: 0px;
 width: 250px;
 height: 110px;
 text-align: right;
 float: left;
}

.midBarRight span {
 display: none;
}

.botBar {
 margin: 0px auto;
 text-align: left;
 width: 780px;
 clear: both;
 vertical-align: top;
}

.botBarLeft {
 margin: 0px;
 width: 530px;
 float: left;
}

.botBarRight {
 margin: 0px;
 width: 250px;
 height: 345px;
 background-image: url('./images/side_right_r3_c1.jpg');
 background-position: top right;
 background-repeat: no-repeat;
 text-align: center;
 float: left;
}

.content {
 margin: 0px;
 margin-bottom: 40px;
 text-align: left;
 padding-top: 15px;
 padding-right: 15px;
 color: #333333;
}

.footer {
 width:780px;
 margin:0px auto;
 margin-bottom: 40px;
 clear:both;
 text-align:center;
 padding-top: 8px;
 font-weight: bold;
 background-image: url('./images/div.jpg');
 background-position: top left;
 background-repeat: no-repeat;
 font-family: arial, verdana, sans-serif;
 font-size: 10pt;
 color: #333333;
}

.footer A:link {
 text-decoration: underline;
 color: #014B96;
}
.footer A:active {
 text-decoration: underline;
 color: #333333;
}
.footer A:visited {
 text-decoration: underline;
 color: #014B96;
}
.footer A:hover {
 text-decoration: underline;
 color: #000000;
}

#contactErrors {
 color: #FF0000;
 font-weight: bold;
 font-size: 9pt;
 font-family: arial, verdana, sans-serif;
 display: none;
}

#contactErrors span {
 display: none;
}

.p1 {
 margin-top: 0px;
}

.cvButton {
 margin: 0px;
 margin-top: 8px;
 clear: both;
}

.linksButton {
 margin: 0px;
 margin-top: 2px;
 clear: both;
}

.emailButton {
 margin: 0px;
 margin-top: 2px;
 clear: both;
}

.pageLoaded {
 font-size: 8pt;
 font-weight: normal;
}