/*********************************NEW STYLES ******************************/

p { font-size: 9pt; line-height: 14pt; font-family: Arial, Helvetica, sans-serif; margin: 7px 0; }
span.header, font.header, h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #708990; margin: 5px 0; }
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #663300;
	text-align: center;
}

a, a:link, a:visited, a:hover, a:active
{
color: #663300;
}

.orange
{color: #ff6600;}

.nodisplay {display:none;}

/********************HOME LAYOUT **************************/

body.home #content { width: 760px; margin: 15px auto; text-align: left; }
body.home #main { border-right: 1px solid #a95530; border-left: 1px solid #a95530; border-bottom: 1px solid #a95530; padding-top: 20px;/* 0 0 41px; */ background-color:#ffffff;}
body.home #left { width: 135px; float: left; margin-left:41px;}
body.home #middle { width: 420px; float: left; text-align: left; }
body.home #middle p, body.home #right p { padding: 3px 0; }
body.home #right { width: 110px; float: left; }

/***************topnav **************/

body.home #top_nav { height: 259px; width: 760px; background-image: url(images/home_top.gif); position:relative; }
body.home #top_nav #x { display: block; width: 160px; height: 240px; float: left; margin-top: 0px; }
body.home #top_nav ul { position:absolute; top:149px; left:170px; padding:0px; width: 560px; height: 80px; background-image: url(images/home_nav.gif); background-repeat: no-repeat; float: left; }
#top_nav ul li { float: left; display: inline; /*This line is needed to fix the double-margin bug floats in IE*/ }

body.home #top_nav ul li a { display: block; width: 110px; height: 81px; text-indent: -9999px; background-image: url(images/home_nav.gif);}
body.home #top_nav ul li#l1 a { background-position: 0 -82px; }
body.home #top_nav ul li#l2 a { background-position: -110px -82px; }
body.home #top_nav ul li#l3 a { background-position: -220px -82px; }
body.home #top_nav ul li#l4 a { background-position: -330px -82px; }
body.home #top_nav ul li#l5 a { width: 110px; background-position: -440px -82px; }
body.home #top_nav ul li#l1 a:hover { background-position: 0 -1px; }
body.home #top_nav ul li#l2 a:hover { background-position: -110px -1px; }
body.home #top_nav ul li#l3 a:hover { background-position: -220px -1px; }
body.home #top_nav ul li#l4 a:hover { background-position: -330px -1px; }
body.home #top_nav ul li#l5 a:hover { width: 110px; background-position: -440px -1px; }

/*************other pages ***************/
#content { width: 690px; margin: 55px auto 0 auto; padding: 0 0 20px 0; text-align: left; }
#main { border-right: 1px solid #a95530; border-left: 1px solid #a95530; border-bottom: 1px solid #a95530; padding: 20px 0;/* 0 20px 0px;*/ clear: left;  background-color:#ffffff;}
body.creative #content { background: url(images/bg_creative.gif) no-repeat 0 0; padding-top: 40px; }
body.tech #content, body.tech_resume #content, body.tech_portfolio #content   { background: url(images/bg_tech.gif) no-repeat 0 0; padding-top: 40px; }
body.kontakt #content { background: url(images/bg_portfolio.gif) no-repeat 0 0; padding-top: 40px; }
body.services #content { background: url(images/bg_tech.gif) no-repeat 0 0; padding-top: 40px; }
body.portfolio #content { background: url(images/bg_portfolio.gif) no-repeat 0 0; padding-top: 40px; }

#top_nav { height: 62px; padding: 0px; width:690px;overflow:hidden; }
#top_nav #x { display: block; width: 120px; height: 89px; margin-top: -40px; float: left; overflow:hidden;}
#top_nav ul { margin: 0 0 0 10px; float: left; background-image: url(images/nav.gif); height: 62px; width: 560px; display: block; overflow:hidden; }
#top_nav ul li a { display: block; width: 110px; height: 60px; text-indent: -9999px; }
#top_nav ul li a { background-image: url(images/nav.gif); }
#top_nav ul li#l1 a { background-position: 0 0; }
#top_nav ul li#l2 a { background-position: -110px 0; }
#top_nav ul li#l3 a { background-position: -220px 0; }
#top_nav ul li#l4 a { background-position: -330px 0; }
#top_nav ul li#l5 a { width: 110px; background-position: -440px 0; }
#top_nav ul li#l1 a:hover { background-position: 0 -65px; }
#top_nav ul li#l2 a:hover { background-position: -110px -65px; }
#top_nav ul li#l3 a:hover { background-position: -220px -65px; }
#top_nav ul li#l4 a:hover { background-position: -330px -65px; }
#top_nav ul li#l5 a:hover { width: 110px; background-position: -440px -65px; }
#top_nav ul li#l1 a.selected { background-position: 0 -129px; }
#top_nav ul li#l2 a.selected { background-position: -110px -129px; }
#top_nav ul li#l3 a.selected { background-position: -220px -129px; }
#top_nav ul li#l4 a.selected { background-position: -330px -129px; }
#top_nav ul li#l5 a.selected { width: 110px; background-position: -440px -129px; }

#left { width: 140px; float: left; }
#middle { width: 280px; float: left; }
#right { width: 220px; float: left; }
#middle h2 { padding: 0 30px 0 0; }
#middle p { padding: 3px 30px 3px 0; }
#right p { padding: 3px 20px 3px 0; }
#right h2 { padding: 0; }
.breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #A95530; padding-top: 5px; text-align: center; }

div.portfolio_link, div.resume_link, div.kontakt_link { margin: 3px 0;  padding: 2px 4px; font-weight: 600; font-size: 11px; float: left; margin: 2px; }


div.portfolio_link a, div.portfolio_link a:link, div.portfolio_link a:visited, div.portfolio_link a:hover, div.portfolio_link a:active, 
{  width: 70px; padding:2px 0; text-decoration:none;}
 div.portfolio_link a:hover
{text-decoration:underline;}

div.resume_link a, div.resume_link a:link, div.resume_link a:visited,  div.resume_link ahover,  div.resume_link a:active, 
{width: 60px;  text-decoration:none; padding:2px 0; }

div.resume_link a:hover
{text-decoration:underline;}

 div.kontakt_link a,  div.kontakt_link a:link,  div.kontakt_link a:visited,  div.kontakt_link a:hover,  div.kontakt_link a:active 
{width: 50px;  text-decoration:none; padding:2px 0; }

div.kontakt_link a:hover
{text-decoration:underline;}




div.portfolio_link { background-color: #BAE5F0;  }
div.resume_link { background-color: #CEB742; }
div.kontakt_link { color: #ffffff; background-color: #a95530; }

div.portfolio_link a,
 div.resume_link a 
{
text-decoration:none;
color: #663300;
}

div.kontakt_link  a
{
text-decoration:none;
color: #ffffff;
}

/************** portfolio ************/
body.portfolio #middle
{width:540px;
padding-left:0;
margin-left:0;
}

body.portfolio .portfolio_images img
{margin-right: 2px;
border: solid 1px #a95530}

/*******resume ********************/

body.tech_resume, body.tech_resume p, body.tech_resume div
{font-size:10px;
}

body.tech_resume #middle { width: 265px; margin-right:10px; }

body.tech_resume .resumeHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
	color: #708990;
	margin: 5px 0;
	text-transform:capitalize;
}

body.tech_resume .resumeHeading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display:block;
	color: #708990;
	margin: 5px 0;
	
}

body.tech_resume #main ul
{
	list-style-position:outside;
	margin-left: 20px;
	list-style-type:square;
	
}

body.tech_resume #main ul li
{margin: 4px 0;}

/*body.home #middle*/




/*

#top_nav ul li#l1 a.selected { background-position: 0 -129px; }
#top_nav ul li#l2 a.selected { background-position: -110px -129px; }
#top_nav ul li#l3 a.selected { background-position: -220px -129px; }
#top_nav ul li#l4 a.selected { background-position: -330px -129px; }

#top_nav ul li#l5 a.selected { width: 110px; background-position: -440px -129px; }

#left { width: 140px; float: left; }


#middle { width: 280px; float: left; }
#right { width: 220px; float: left; }

#middle h2 { padding: 0 30px 0 0; }

#middle p { padding: 3px 30px 3px 0; }

#right p { padding: 3px 20px 3px 0; }

#right h2 { padding: 0; }

.breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #A95530; padding-top: 5px; text-align: center; }

div.portfolio_link, div.resume_link, div.kontakt_link { margin: 3px 0; width: 150px; padding: 2px 4px; font-weight: 600; font-size: 11px; float: left; margin: 2px; }
div.portfolio_link { background-color: #BAE5F0; width: 80px; }
div.resume_link { background-color: #CEB742; width: 50px; }
div.kontakt_link { color: #ffffff; width: 50px; background-color: #a95530; }*/