/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background: #fff;

}

.floatl {

	width: 320px;
	padding-right: 20px;
}

.imageframe .thickbox {
	display: block;
	float:right;
}

.codes {
	width: 620px;
	padding: 10px;
	border: thin solid #ccc;
	font-size: 13px;
	margin-bottom: 30px;
}

.syntaxhighlighter { padding: 1px !important; }

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: inherit;}
a:active { text-decoration: none; color: inherit; outline:none;}
a:visited { text-decoration: none; color: inherit; }
a:hover {color: #000;}

#TB_load {
    margin-right: -50px;
}

a img { border: none; }

:focus { -moz-outline-style: none; }

:focus { 
outline-style: none; }

.right {
	float: right;
	width: 200px;
}

.desc .zeromargin {
	margin-top: 0px;
}

#img-container a {
	display: block;


	text-align: center;
	float: left;
	margin: 3px 1px 20px 3px;
}

#img-container a img {
margin: 0;

}

#img-container {
width: 640px;

}

#menu {


	margin-bottom: 30px;
    position: relative;

    
}
.desc p {
	margin-bottom: 15px;
}

p {
	margin-bottom: 15px;
}

.desc {
	padding-right: 0px;
	padding-top: 7px;
	width: 200px;
}

.desc span {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #555;
		border-bottom: thin dotted #ccc;
	padding: 2px 2px 2px 2px;
	display: block;
	margin-top: 0px;
	margin-bottom: 3px;

}

.desc.bk span {
	border-bottom: thin dotted #0048a8;
	
}



.desc.fabian span {
	border-bottom: thin dotted #c0bdb4;
	
	
}

.desc.finem span {
	border-bottom: thin dotted #74b000;
	
	
}

.desc.bik span {
	border-bottom: thin dotted #ff6600;
	
	
}

.imageframe.wobblebox .ieblowswrap .thickbox.norm {


	height: 35px;
	width: 100px;
	float: right;
	margin-top: -61px;
	margin-right:260px;
	padding: 0;
	margin-bottom: 20px;
}

.ieblowswrap {

	height: 197px;
}


.desc {
	padding-top: 2px;
color: #555;
float: right; 
}


.left {
	margin: 0px 70px 0px 0px;
}

.right {
	margin-bottom: 2px;
}

.imageframe {
	padding-bottom: 20px;
	border-bottom: thin dotted #ccc;

}

.sitetitle a {

}

.wobbledem {
	display: none;
}

.itemclass li {
	margin-top: 10px;
	list-style-type: none;
}


.imageframe.wobblebox img {
    display: block;
margin-bottom: 40px;
padding: 0;
}

.wobbledesc p {
    width: 325px;
    padding-right: 35px;

   
}

.filejs, .filecss, .filemanual, .filejq {
    display: inline-block;
	padding: 10px;
	cursor: pointer;
	background-color: white;
	text-align: center;
	border: thin solid black;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
    margin-right: 20px;
font-size: 1.3em;
font-weight: bold;
color: black;
}

.wobbledesc a {
    text-decoration: underline;
}

.wobbledesc {
    width: 360px;
    float: right;
height: 157px;
margin-bottom: 40px;

}




.wobbledesc h4 {
    width: 360px;
    float: left;

    margin-bottom: 12px;
   
}

.wobbledesc h1 {
    width: 40px;
    float: right;
    margin: 0;
    height: 40px;
     margin-bottom: -40px;
     text-align: right;
	color: #ccc;

  
}

.imageframe.wobblebox .thickbox {
margin-bottom: 50px;
  height: 157px;
 
}

div.thickbox img{
	margin: 0 6px 9px 0;
}


.viewcode {
	width: 60px;

	

	border-bottom: 3px;


	border-color: #330;
	height:15px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
border-left: 0px;
border-top: 0px;
border-right: 0px;




}

.wobbledesc .thickbox {

}

.tbdefault2 {
	width:600px;
}


.sitetitle.bk {
	color: #0048a8;
	border-right: thin solid #0048a8;
	border-bottom: thin solid #0048a8;

	
}


.sitetitle.fabian {
	color: #c0bdb4;
	border-right: thin solid #c0bdb4;
	border-bottom: thin solid #c0bdb4;


}

.sitetitle.finem {
	color: #74b000;
	border-right: thin solid #74b000;
	border-bottom: thin solid #74b000;


}

.desc .sitetitle.fabian {
	border-left: thin solid #c0bdb4;
	border-right: none;
	padding-left: 5px;
}

.sitetitle.bik {
	color: #ff6600;
	border-right: thin solid #ff6600;
	border-bottom: thin solid #ff6600;

}

.sitetitle {
	text-transform:	uppercase;
	letter-spacing: 1px;
	font-size: 1.2em;
	border-right: thin solid #000;
	border-bottom: thin solid #000;
	color: #000;
	margin-bottom: 15px;
	font-family: "Verdana", sans-serif;
	height: 20px;

	}

.spacer {
	margin-top: 50px;
	clear: both;
	height: 20px;
	margin-bottom: 50px;

}

.imgspacer {
	margin-top: 50px;
	clear: both;
	height: 20px;
	width: 640px;
	#margin-top: 0px;

}

.border {
	

	width: 640px;

	
	
}

.copy {
	clear: both;
	color: #ccc;
	margin: 40px 0px 40px 0px;
}

.copy a {
    color: #ccc;
}

.copy a:hover {
    color:#000;
}

#main {

	width: 860px;
	margin-left: auto;
	margin-right: auto;
}

img {
	border: none;
}

#topbar {
	margin-top: 40px;
	border-bottom: thin dotted #999;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#topbar div {
	display: inline-block;
	zoom: 1;
	#display: inline;
	width: 640px;
	background-image: url(../../../files/img/topbarbw.jpg);
	
}

#topbar div img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
}

#menu .container ul {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	display: inline;
}

span.web, span.photos, span.other, span.contact, span.indexhibit {
	
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	height: 20px;
	display: inline-block;
	background-image: url(../../../files/img/menu.gif);
	background-repeat: no-repeat;

}

li.active span {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.web {
	margin-right: 19px;
	width: 40px;
	background-position: -5px -10px;
}

.photos {
		margin-right: 3px;
	width: 70px;
	background-position: -58px -10px;
}

.indexhibit {
	margin-right: 3px;
	width: 77px;
	background-position: -200px -10px;
}

.other {
	margin-right: 3px;
	width: 78px;
	background-position: -120px -10px;
}

.contact {
	
	width: 85px;
	background-position: -273px -10px;
}

.www {
	margin-left: 20px;
}


.colors {
	margin-right: 0px;
	margin-left: 0px;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);

}

#menu ul {
	
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li {
	display: inline;

}
.tbimageholder {
	border: 13px solid white;
}

.imgnav {

}

.tbimageholder.loading {
	border-color: transparent;
}



#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 0px;
    top: 0;
}

#menu .container {

	width: 550px;
	height: 30px;
    margin-left: -15px;
    padding: 0px 0px 0px 30px;
}

#menu .container p {
	
display: none;
}

 



h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; margin-left: -5px; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }