/*
	Theme Name: Givision theme
	Theme URI: http://info.givision.net/
	Description: Givision Theme Three Columns Layout - Developed by Jiri Mocicka.
	Version: 4.0
	For site: natrix2
	Author: Jiri Mocick
	Author URI: http://www.givision.net/

  Ported to GON Laboratories by Jiri Mocicka 
	(http://lab.givision.net)
	Licenced (http://creativecommons.org/licenses/by-nc-nd/2.0/)
*/

@import url('textContainer.css');
@import url('overContainer.css');
@import url('ajax-slideshow.css');


body {
	background: url(../img/bg.jpg) no-repeat RGB(102,147,187);
	text-align: center;
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
	}
/* Digital Layout */		
#container
	{
	margin-left: auto;
margin-right: auto;
text-align: left;
	width: 775px;
	margin-top: 60px; 
	}
#contentContainer {
	background: RGB(10,10,10);
	padding: 10px 20px 20px 20px;
	width: 525px;
	min-height: 568px;
	overflow:auto;
	margin:0px;
}
#leftContainer
	{
	float: left;
	width: 70px;
	margin-left: -590px;
	margin-top: 8px;
			}
		
#rightContainer
	{
	float: left;
	width: 150px;
	margin-left: 5px;
}
#rightMenu {
	margin-top:30px;
	}
	
#topNavigationContainer
	{
	float: left;
	width: 525px;
	margin-left: 0px;


	}
* html topNavigationContainer
	{
	display: inline;
	}

#footerContainer
	{
	float: left;
	width: 525px;
	margin-left: 0px;
		}


/* Digital Navigation Containers */		
.primNavigation {
			font-size: 30px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #ffffff;
			text-decoration: none;
			}
			.primNavigation a:link {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: #ffffff;
						text-decoration: none;
						}
			.primNavigation a:visited {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: #ffffff;
						text-decoration: none;
						}
			.primNavigation a:hover {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: #000000;
						background-color: RGB(240,240,240);
						}

.topNavigation {
			height:20px;
			font-size: 14px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: RGB(0,0,0);
			text-decoration: none;
				padding-bottom: 3px;
			}
			.topNavigation a:link {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: RGB(0,0,0);
						text-decoration: none;
						}
			.topNavigation a:visited {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: #000000;
						text-decoration: none;
						}
			.topNavigation a:hover {
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						color: #000000;
						background-color: RGB(240,240,240);
						}			

/* Digital Content Containers */		


.headerContainer {
			font-size: 36px;
			font-style: normal;
			margin:0px;
			color: RGB(250,240,230);
			width: 485px;
			}
.imageContainer {
margin: 15px 0px 15px 0px;

			
			}
			.imageBorder {
						border: 1px RGB(240,240,240) solid;
						}
						.imageBorder:hover {
					/*	border: 1px RGB(114,175,187) solid; */
			}
			
.leftContContainer {
			display: block;
			width: 233px;
			margin: 0px 0px 0px 0px;
			float: left;
			}
.rightContContainer {
			display: block;
			width: 233px;
			margin: 0px 0px 0px 15px;
			float: left;
			}
.centerContContainer {
			display: block;
			width: 485px;
			margin: 0px 0px 0px 0px;
			float: left;
			}	
.footer {
			text-align: center;
			margin: 0px 0px 60px 0px;
			color: RGB(250,240,230);
			font-size: 10px; font-style:normal;	
			background-color: RGB(0,0,0);
			}
			
			
/* compatibility mess */
#group_1-8
	{
	float: left;
	width: 610px;
	}

#group_1-5
	{
	float: left;
	width: 525px;
	margin-left: 80px;
	}
* html #group_1-5
	{
	display: inline;
	}


/* Start Mac IE5 filter \*//* */
#topNavigationContainer, #leftContainer, #footerContainer, #rightContainer
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	background-repeat: no-repeat;
	}
/* End Mac IE5 filter */
@media all and (min-width: 0px) {
#topNavigationContainer,#leftContainer, #footerContainer, #rightContainer
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	/* mysterious 5 pixel shift - Opera I love you */
	margin-top: -5px;
	background-position: 0 5px;
	}
#topNavigationContainer:before, #leftContainer:before,#footerContainer:before, #rightContainer:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
.verticalalign
	{
	position: absolute;
	bottom: 0;
	height: 20px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	}
.wrapper .verticalalign
	{
	width: 150px;
	}
 
/* since we're using pixel widths we don't need to
do the usual 100% fix for old Operas or IE */
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	}

/* IE Mac 5 makes a hash of the absolute positioning */
* html>body .verticalalign
	{
	position: static;
	width: 100% !important;
	}
* html>body .verticalalign p
	{
	position: static;
	float: right;
	}
.wrapper_extra
	{
	position: relative;
	}
/* IE 5.01 doesn't like this */
* html .wrapper
	{
	position/**/: relative;
	}
.wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	}
/* easy clearing */
.wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.wrapper
	{
	display: inline-block;
	}
/*\*/
* html .wrapper
	{
/* only IE 5.01 should get this float value - otherwise 5.5 sometimes makes the width of wrapper too small */
	float: left;
	float/**/: none;
	}
.wrapper
	{
	display: block;
	}
/* end easy clearing */
.wrapper h2
	{
	z-index: 1000;
	margin: 0;
	padding: 10px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	}
/* Firefox 1.0 doesn't like the pos:rel - cause text selection problems
see http://archivist.incutio.com/viewlist/css-discuss/64928 for details */
* html .wrapper h2
	{
	position: relative;
	}
.wrapper p
	{
	/*margin: 0;*/
	padding: 0px 0px 0px 0px;
	}