body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
color: #444444;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/background.jpg) left repeat-y;
}

.main {
width: 882px;
overflow: auto;
}

.mesaj {
display:none;
}

.left_bg {
width: 282px;
height: 490px;
float: left;
background: url(../images/left_background.jpg) left top no-repeat;
}

.right_bg {
float: right;
width: 600px;
overflow: auto;
}

.logo {
height: 100px;
background: url(../images/logo.jpg) left bottom no-repeat;
}

	h1 {
	padding: 4px 0px 0px 5px;
	font-size: 10px;
	text-align: left;
	margin: 0px;
	}
	
.menu {
width: 290px;
float: left;
padding-top: 3px;
}

.menu_right {
width: 310px;
float: right;
padding-top: 20px;
}

.link, .link_on {
width: 210px;
height: 18px;
display: block;
padding: 3px 0px 0px 33px;
font-size: 16px;
font-weight: bold;
background: url(../images/menu_on.gif) left no-repeat;
color: #FF0000;
text-decoration: none;
margin-bottom: 1px;
}
.link:link, .link:visited, .link:active {
background: url(../images/menu_up.gif) left no-repeat;
color: #333333;
}
.link:hover {
background: url(../images/menu_over.gif) left no-repeat;
color: #003399;
}

.mini_img {
width: 38px;
height: 38px;
padding: 5px;
display: block;
background: url(../images/mini_img.gif);
margin-right: 5px;
float: left;
}

.mini_img_clear {
font-size: 1px;
clear: both;
height: 1px;
}

.mini_img_title1 {
color: #FF6600;
font-size: 16px;
font-weight: bold;
}

.mini_img_title2 {
color: #333333;
font-size: 13px;
font-weight: bold;
margin-top: -2px;
height: 25px;
width: 275px;
display: block;
background: url(../images/line.gif) bottom repeat-x;
}

.content {
width: 570px;
margin: 20px 0px 0px 10px;
overflow: auto;
float: left;
}

.content p {
margin: 3px 0px 5px 0px;
text-indent: 44px;
}

.content3 {
width: 280px;
margin: 5px 0px 0px 10px;
overflow: auto;
float: left;
}

.content3 p {
margin: 3px 0px 5px 0px;
text-indent: 44px;
}

.content2 {
width: 375px;
margin: 5px 0px 0px 10px;
overflow: auto;
float: left;
}

.content2 p {
margin: 3px 0px 5px 0px;
text-indent: 44px;
}

.content1 {
width: 450px;
margin: 5px 0px 0px 10px;
overflow: auto;
float: left;
}

.content1 p {
margin: 3px 0px 5px 0px;
text-indent: 44px;
}

.spacer {
background: url(../images/line.gif) bottom repeat-x;
height: 10px;
font-size: 1px;
margin-bottom: 5px;
margin-right: 10px;
clear: both;
}

.imgc {
border: 0px;
}

.img, .img:link, .img:visited, .img:active {
background: url(../images/img_up.gif) no-repeat;
margin: 3px 6px 3px 0px;
float: left;
width: 66px;
height: 66px;
padding: 8px;
}
.img:hover {
background: url(../images/img_over.gif) no-repeat;
}

h2 {
height: 25; 
color: #333333;
font-size: 22px;
background: url(../images/h2.gif) left no-repeat;
font-weight: normal;
padding: 0px 0px 0px 45px;
margin: 0px;
}

.footer {
width: 560px;
margin: 20px 0px 0px 0px;
overflow: auto;
float: left;
background: url(../images/footer_bg.gif) repeat-x top;
text-align: center;
padding-top: 24px;
height: 110px;
}

.flink, .flink_on {
color: #CC0000;
font-size: 10px;
text-decoration: none;
}
.flink:link, .flink:visited, .flink:active {
color: #333333;
text-decoration: none;
}
.flink:hover {
color: #003399;
text-decoration: underline;
}

.fline {
color: #CCCCCC;
text-decoration: none;
font-size: 11px;
}

.copy {
color: #AAAAAA;
font-size: 10px;
}

.footerx {
margin: 14px 0px 0px 0px;
}

.geco:link, .geco:visited, .geco:active {
color: #686868;
text-decoration: none;
font-weight: bold;
font-size: 10px;
}
.geco:hover {
color: #FF0000;
text-decoration: none;
}

.popup {
background: url(../images/left_pop.jpg) left top no-repeat;
width: 560px;
padding-left: 90px;
height: 420px;
}

.form {
margin: 0px;
}

.contact_form {
width: 300px;
font-size: 11px;
padding: 1px;
}

.contact_submit {
width: 80px;
padding: 1px 1px;
float: left;
background:  #ffffff;
color: #FF6600;
border: 1px  #333333 solid;
display: block;
font-size: 11px;
font-weight: bold;
text-align: center;
}

/*start image */
#lightbox {
position: absolute;	
left: 0; width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}

#lightbox img {
width: auto; height: auto;
}
#lightbox a img {
border: none; 
}

#outerImageContainer { 
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto; 
}
#imageContainer {
padding: 10px; 
}

#loading {
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}
#hoverNav { 
position: absolute; 
top: 0; left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; 
}
#imageContainer>#hoverNav { 
left: 0;
}
#hoverNav a { 
outline: none;
}

#prevLink, #nextLink { 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}
#prevLink {
left: 0; 
float: left;
}
#nextLink { 
right: 0; 
float: right;}
#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer { 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%; 
}

#imageData {	
padding:0 10px; 
color: #666; 
}

#imageData #imageDetails { 
width: 70%; 
float: left; 
text-align: left; 
}
	
#imageData #caption { 
font-weight: bold;	
}

#imageData #numberDisplay { 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}	
		
#imageData #bottomNavClose { 
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay { 
position: absolute; 
top: 0; left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; }
/*end image*/