html, body {
 font-family: "Courier New", Courier, serif;
 color: #1a1a1a;
 font-size: 10pt;
 font-style: normal;
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 background: #dfe7eb url(../images/bckb.gif) center top no-repeat fixed;
}

body {
 text-align: center;
 line-height: 20px;
}
	
img, div, table, tr, td, p, form, h1, h2, h3, h4, h5, h6, input, a {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table, tr, td {
 border: 1px solid #698ea0;
}

input {
 font-size: 8pt;
 border: 1px solid #698ea0;
}

td {
 background: none;
}

p {
 margin: 0 0 20px 0;
}

em {
 font-style: normal;
}

a, a:link, a:active, a:visited {
 color: #1a1a1a;
 text-decoration: underline;
 outline: none;
}

a:hover {
 color: #6F6F6F;
 text-decoration: underline;
}

#layout {
 background: url(../images/bck.gif) center top no-repeat;
 width: 100%;
 min-width: 1000px;
 overflow: hidden;
}

#header {
 text-align: left;
 width: 980px;
 padding: 40px 0 0 0;
 margin: 0 auto;
 height: 218px;
 overflow: hidden;
 position: relative;
}

.logo {
 margin: 0 60px 0 0;
 width: 140px;
 height: 140px;
 float: left;
 display: block;
}

#header strong {
 font-size: 12pt;
 line-height: 33px;
 margin: 80px 0 0;
 color: white;
 float: left;
}

#languages {
 width: 100px;
 padding: 5px 0 0 0;
 position: absolute;
 left: 200px;
 top: 40px;
 overflow: hidden;
 
}

		#languages a, #languages a:link, #languages a:active, #languages a:visited {
		 font-size: 8pt;
		 text-decoration: none;
		 margin: 0 10px 0 0;
		 float: left;
		 display: block;
		}
		
		#languages a:hover {
		 color: #fff;
		 
		}
		
		#languages a.selected {
		 color: #6F6F6F;
		 
		}

#nav {
 border-top: 1px solid #1a1a1a;
 text-align: left;
 font-weight: normal;
 margin: 0 auto;
 padding: 4px 0 0;
 width: 100px;
 overflow: hidden;
 display: block;
 position: absolute;
 left: 200px;
 top: 78px;
}

#nav ul {
 padding: 0;
 margin: 0;
 width: 100px;
 overflow: hidden;
 list-style: none;
 line-height: 18px;
}

#nav ul li {
 width: 100px;
 padding: 0;
 margin: 0;
 list-style: none;
 float: left;
 overflow: hidden;
 clear: both;
}

		#nav ul li a, #nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
		 text-decoration: none;
		 padding: 2px 0 0 0;
		 width: 140px;
		 overflow: hidden;
		 display: block;
		 float: left;
		 cursor: pointer;
		}
		
		#nav ul li a:hover {
		 color: #fff;
		}
		
		#nav ul li.selected a {
		 color: #6F6F6F;
		}
		
#nav ul li a span {
 padding: 0 2px 0 0;
 display: block;
 float: left;
}

#nav ul li.last {
 margin: 0;
}

#sub {
 text-align: left;
 padding: 0;
 margin: 0 auto;
 overflow: hidden;
 position: absolute;
 left: 340px;
 top: 106px;
 width: 220px;
}

.serv {
 top: 126px !important;
}

#sub ul {
 margin: 0;
 padding: 0;
 overflow: hidden;
 list-style: none;
 display: block;
 float: left;
 width: 220px;
 line-height: 18px;
}

#sub ul li {
 padding: 0;
 margin: 0 20px 2px 0;
 list-style: none;
 display: block;
 overflow: hidden;
 width: 200px;
 float: left;
}

		#sub ul li a {
		 text-decoration: none;
		 font-size: 8pt;
		 float: left;
		 display: block;
		 overflow: hidden;
		}
		
		#sub ul li a:hover {
		 color: #fff;
		 
		}
		
		#sub ul li.selected a {
		 color: #6F6F6F; 
		}
		
		#sub ul li.last {
		 margin: 0 !important;
		}

#content {
 width: 100%;
 max-width: 1060px;
 overflow: hidden;
 margin: 0 auto;
}

#section {
 text-align: left;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
}

.main {
 background: url(../images/line_right.gif) no-repeat;
 padding: 0;
 width: 980px;
}

.portfolio {
 background: url(../images/line_right.gif) no-repeat;
 padding: 0;
 width: 980px;
}

		.portfolio .article a, 
		.portfolio .article a:link, 
		.portfolio .article a:active, 
		.portfolio .article a:visited {
		 color: #6F6F6F;
		 border-top: 1px solid #6F6F6F;
		 background: url(../images/over_vis.gif) no-repeat 0 39px;
		 margin: 0 20px 0 0;
		 padding: 2px 0 0;
		 width: 180px;
		 height: 197px;
		 float: left;
		 overflow: hidden;
		 display: block;
		 cursor: pointer;
		 position: relative;
		}
		
		.portfolio .article a:hover {
		 border-top: 1px solid #1a1a1a;
		 color: #1a1a1a;
		}

.portfolio .article a span {
 padding: 1px 2px 0 0;
 height: 36px;
 float: left;
 display: block;
}

.portfolio .article a:hover span {
 text-decoration: underline;
}

.portfolio .article a img {
 display: block;
 clear: both;
}

.portfolio .article a b {
 background: url(../images/over.gif) no-repeat;
 display: none;
 width: 180px;
 height: 120px;
 position: absolute;
}

.portfolio .article a:hover b {
 display: block;
 bottom: 40px;
 left: 0;
}

.portfolio .article a:visited b {
 background: url(../images/over_vis.gif) no-repeat;
 display: block;
 width: 180px;
 height: 120px;
 position: absolute;
 bottom: 40px;
 left: 0;
}

.portfolio .article .next, 
.portfolio .article .prev {
 color: #6F6F6F;
 background: url(../images/over_vis.gif) no-repeat 0 41px;
 border-top: none;
 width: 180px;
 height: 200px;
 display: block;
 position: relative;
 float: left;
}

.portfolio .article .prev {
  margin: 0 20px 0 0;
}

.portfolio .article .prev {
 text-align: center;
}

.portfolio .article .next {
 text-align: center;
}
		
		.portfolio .article .next a, 
		.portfolio .article .next a:link, 
		.portfolio .article .next a:active, 
		.portfolio .article .next a:visited, 
		.portfolio .article .prev a, 
		.portfolio .article .prev a:link, 
		.portfolio .article .prev a:active, 
		.portfolio .article .prev a:visited {
		 text-decoration: underline;
		 border-top: none;
		 background: none;
		 padding: 0 0;
		 margin: -10px 0 0 0;
		 height: auto;
		 float: none;
		 display: block;
		 width: 180px;
		 position: absolute;
		 left: 0;
		 top: 50%;
		}
		
		.portfolio .article .next a:hover, 
		.portfolio .article .prev a:hover {
		 border-top: none;
		 color: #1a1a1a;
		}

.article {
 padding: 0 0 20px;
 width: 780px;
 overflow: hidden;
}

#section.portfolio .article {
 padding: 0;
 width: 1000px;
 overflow: hidden;
}

#section .article h1, #section .article h2  {
 font-size: 14pt;
 line-height: 40px;
 padding: 4px 0 0;
 width: 780px;
 height: 61px;
 display: block;
 overflow: hidden;
}

#section .article h2 {
 border-top: 1px solid #1a1a1a;
 padding: 2px 0 0;
}

#section .article h2 span {
 padding: 1px 3px 0 0;
 float: left;
 display: block;
}

#section .article h1 em {
 padding: 1px 3px 0 0;
 float: left;
 display: block;
}

#section.portfolio .article h1 {
 padding: 4px 0 0;
}

		#section.portfolio .article h1 a, 
		#section.portfolio .article h1 a:link, 
		#section.portfolio .article h1 a:active, 
		#section.portfolio .article h1 a:visited {
		 color: #1a1a1a;
		 margin: 0;
		 padding: 0;
		 width: auto;
		 display: inline;
		 border-top: none;
		 float: none;
		}
		
		#section.portfolio .article h1 a:hover {
		 color: #6F6F6F;
		}

.pages {
 padding: 0;
 margin: 0 auto;
 width: 980px;
 height: 60px;
 overflow: hidden;
}

.pages div {
 font-size: 8pt;
 border-top: 1px solid #1a1a1a;
 width: 180px;
 overflow: hidden;
}

		.pages div a {
		 margin: 0 0 0 4px;
		}
		
		.pages div span {
		 color: #6F6F6F;
		 margin: 0 0 0 4px;
		}

		#section .article.new_works a, 
		#section .article.new_works a:link, 
		#section .article.new_works a:active, 
		#section .article.new_works a:visited {
		 color: #6F6F6F;
		 border-top: 1px solid #6F6F6F;
		 background: url(../images/over_vis.gif) no-repeat 0 39px;
		 margin: 0 20px 0 0;
		 padding: 2px 0 0;
		 width: 180px;
		 height: 177px;
		 float: left;
		 overflow: hidden;
		 display: block;
		 cursor: pointer;
		 position: relative;
		}
		
		#section .article.new_works a:hover {
		 border-top: 1px solid #1a1a1a;
		 color: #1a1a1a;
		}

#section .article.new_works a span {
 padding: 1px 2px 0 0;
 height: 36px;
 float: left;
 display: block;
}

#section .article.new_works a img {
 display: block;
 clear: both;
}

#section .article.new_works a b {
 background: url(../images/over.gif) no-repeat;
 display: none;
 width: 180px;
 height: 120px;
 position: absolute;
}

#section .article.new_works a:hover b {
 display: block;
 bottom: 20px;
 left: 0;
}

#section .article.new_works a:visited b {
 background: url(../images/over_vis.gif) no-repeat;
 display: block;
 width: 180px;
 height: 120px;
 position: absolute;
 bottom: 20px;
 left: 0;
}

		#section .article.new_works a.all_works, 
		#section .article.new_works a.all_works:link, 
		#section .article.new_works a.all_works:active, 
		#section .article.new_works a.all_works:visited {
		 color: #6F6F6F;
		 border-top: none;
		 background: url(../images/over_vis.gif) no-repeat 0 41px;
		 padding: 0;
		 margin: 0;
		 height: 180px;
		 position: relative;
		}
		
		#section .article.new_works a.all_works:hover {
		 color: #1a1a1a;
		}
		
#section .article.new_works a.all_works span {
 text-align: center;
 border-top: none;
 padding: 0;
 height: auto;
 float: none;
 display: block;
 width: 180px;
 position: absolute;
 top: 50%;
}

#section .article.links {
 padding: 40px 0;
 border-top: 1px solid #1a1a1a;
}

		#section .article.links a {
		 margin: 0 40px 0 0;
		 float: left;
		}

#section .article.links a img {
 display: block;
}

#footer {
 text-align: left;
 background: url(../images/line_right.gif) no-repeat;
 margin: 0 auto;
 padding: 4px 0 0;
 width: 980px;
 height: 136px;
 overflow: hidden;
}

#footer span {
 padding: 1px 2px 0 0;
 float: left;
 display: block;
 line-height: 30px;
}

.services {
 background: url(../images/line_right.gif) no-repeat;
 width: 980px;
 overflow: hidden;
}

.services h1  {
 font-size: 14pt;
 line-height: 40px;
 padding: 4px 0 20px 0;
 width: 980px;
 display: block;
 overflow: hidden;
 clear: both;
}

.services h1 em {
 padding: 1px 3px 0 0;
 float: left;
 display: block;
}

.services .content {
 padding: 4px 0 20px;
 background: url(../images/line_right.gif) no-repeat;
 width: 980px;
 overflow: hidden;
}

.content h2 {
 font-size: 11pt;
 color: #6F6F6F;
 width: 180px;
 overflow: hidden;
 float: left;
}

.content h2 span {
 padding: 1px 3px 0 0;
 float: left;
 display: block;
}

.content div {
 padding: 0 20px;
 width: 580px;
 overflow: hidden;
 float: left;
}

.content a.theme_link {
 font-size: 8pt;
 text-align: right;
 width: 180px;
 display: block;
 float: left;
}

.work {
 width: 980px;
 overflow: hidden;
}

.nextprev {
 font-size: 28pt;
 padding: 0;
 width: 780px;
 height: 40px;
 overflow: hidden;
}
		
		.nextprev a {
		 text-decoration: none;
		 margin: 0 30px 0 0;
		 float: left;
		 display: block;
		}
		
.right {
 color: #6F6F6F;
 padding: 4px 0 20px 20px;
 width: 780px;
 overflow: hidden;
 float: left;
}

/*.right img {
 border: 1px solid white;
 padding: 9px;
 display: block;
}*/

.left {
 font-size: 8pt;
 color: #6F6F6F;
 padding: 4px 0 0 0;
 margin: 4px 0 0 0;
 border-top: 1px solid #6F6F6F;
 width: 180px;
 overflow: hidden;
 float: left;
}

.left h2 {
 font-size: 10pt;
 font-weight: normal;
 width: 180px;
 overflow: hidden;
 float: left;
}

.left h2 span {
 padding: 1px 3px 0 0;
 float: left;
 display: block;
}

#sidebar {
 width: 159px;
 margin: 15px 0 0;
 padding: 0 0 0 20px;
 border-left: 1px solid black;
 position: absolute;
 top: 0;
 right: 0;
}

#sidebar h2 {
 font-size: 14pt;
 padding: 0;
 width: 160px;
 height: 50px;
 display: block;
 overflow: hidden;
}

#sidebar a {
 font-size: 8pt;
 margin: 0 0 5px;
 line-height: 20px;
 display: block;
}