@charset "utf-8";
html,body 
{
	margin: 0px;
	font: 12px "tahoma";
	height:100%;	width:100%;
	background-color: #FFFFFF;  direction:ltr;
}
/*WebFont_family---------------------*/
@font-face {
 font-family: tahoma;
 src: url("fonts/tahoma.ttf") ;
}


@font-face {
 font-family: tahoma;
 src: url("fonts/tahoma.eot") ;
}

/*WebFont_family---------------------*/
#Wrapper_Body
{
	height:100%;	width:100%;
	z-index:15;text-align:left;
}
#blackout
{
	position:absolute;
	z-index:4001;
	margin-top:82px; 
	right:50%;	margin-right:-490px;
	height: 500px;
	width: 980px; color:#000000;
}
#black_bg{
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	background-image:url(images/bg_intro.jpg); background-position:center; background-repeat:no-repeat;  
	position:fixed;
	float:right;
	top:0px;
	z-index:4000;
	display:block;
}
#top_Menu
{
	width:100%;
	height:50px;
	
}
#content-holder
{
	left:50%; margin-left:-490px;  	height:auto; width:auto; top:90px;
/*	background-image:url(Images/content_bg.jpg); background-position:top left; background-repeat:repeat-x;*/
	z-index:20; position:absolute; direction:ltr; text-align:left; padding-bottom:40px;
}
#gallery_Div
{
	z-index:10;	position:absolute; background:#FFFFFF;
	width:980px;	height:580px; text-align:right;
	left:50%; margin-left:-490px;top:90px;
}
/* -------------#footer*/
#footer
{
	width:100%;	height:30px;
	z-index:100;
	bottom:0px;
	position:fixed;
	background-color:#ffffff;
	border-top:solid; border-top-color:#999999; border-top-width:0px;
	text-align:center;
	color:#333333;
	border-top:#CCCCCC 1px solid;
}
.footer_text
{
	font: 12px "tahoma";
	text-align:center;
	color:#333333;
}

 .footer_text a:link, .footer_text a:active, .footer_text a:visited, .footer_text a:hover 
{
	font: 12px "tahoma";
	text-align:center;
	color:#333333;
}
.footer_credit
{
	font: 12px "tahoma";
	text-align:center;
	color:#333333;

}
#Show_DIv
{
	float:left; margin-left:5px; cursor:pointer; background-repeat:no-repeat; background-position:top right; background-image:url(Images/open.png); width:20px;display:none; height:500px;
}
#Hide_DIv
{
	float:left; margin-left:5px; cursor:pointer;background-repeat:no-repeat; background-position:top right; background-image:url(Images/close.png);width:20px;height:20px;
}
#List_Div
{
	width: 240px; background-color:#ffffff; float:right; height:500px; display:none;z-index:11;border-left:solid #666666 0px;position:relative;
}
#List_Div h2
{
	font: 14px "tahoma";	
	font-weight:bold;	color: #333333;
	margin-bottom: 0px;	margin-top:5px;
}
.List_Div_Title ,.Groups_Div_Title
{
	width:210px; padding-left:5px;
}
#Text_Div
{
	width: 300px; padding:0px;height:500px;z-index:1; background:#ffffff; border-left:solid #666666 0px;top:0px; margin:0px; position:relative; float:right;
}
.TD_Title_Article
{
	width:290px; padding-left:10px;
}

.Art_links
{
	color:#000000;
	text-align:left;	
	font: 14px "tahoma";
	height:20px;	padding:5px;
}
.Art_links a:link, .Art_links a:active, .Art_links a:visited ,.Art_links a:hover 
{
	font: 14px "tahoma";
	color: #000000;	text-decoration: none;
}
.Table_Projects
{
	width:240px;  background-color:#ffffff; /*border-right:dotted 1px #cccccc;height:500px;*/

}
.TD_Title_Group
{
	padding:5px;

}
.Projects_links
{
	color:#000000; background-color:#E9E9E9;
	
	background-image:url(Images/gallery_view_arrow.jpg); background-position:left; background-repeat:no-repeat;
	font: 12px "tahoma";
	height:10px;	padding:2px 5px 5px 25px;
}
.Projects_links  a:link, .Projects_links a:active, .Projects_links a:visited ,.Projects_links a:hover 
{
	font: 12px "tahoma";	
	color: #000000;	text-decoration: none;
}
/* #######------------GENERAL CLASSES*/
.TD_General,.Td_General
{
	text-align:left; direction:ltr; vertical-align:top;
}
.TD_General_E
{
	text-align:left; direction:ltr; vertical-align:top; 
}

a:link,a:visited,a:active 
{
	font-size: 12px;	color: #333333;	text-decoration: none;
}
a:hover 
{
	font-size: 12px;	color: #003366;	text-decoration: underline;
}
h3 
{
	font-size: 12px;	color: #333333;
	margin-bottom: 5px;	margin-top:0px;
}
h2 
{
	font-size: 14px;	color: #333333;
	margin-bottom: 5px;	margin-top:0px;
}
h1 
{
	font-size: 16px;	color: #333333;
	margin-bottom: 5px;	margin-top:0px;
}
br 
{
	margin-bottom: -5px;
}
img 
{
	border:#FFFFFF solid 0px; margin:0px; padding:0px;
}
p
{
	text-align:justify;
	font: "tahoma";
	margin:0px;


}
table,div
{
	font: 12px "tahoma";
}
hr
{
	color: #cccccc;
	background-color: #ffffff;
	height: 1px;
	padding-bottom: 10px;
	width: 98%;
}

/* ---------------    SCROLLBAR CLASSES        */
#Content_Div
{
	width: 260px; height: 490px;
	overflow:hidden;
	direction:ltr;
	padding-left:4px; margin-top:5px;
	color:#000000;
}
#Div_Inside_Content
{
	width: 250px;
	overflow:hidden;
	direction:ltr; text-align:left; vertical-align:top; padding:5px;
}
#Content_Div2
{
	width: 220px; height: 45px;
	overflow:hidden;
	direction:ltr;
	padding-left:4px; margin-top:5px;
	color:#000000;
}
#Div_Inside_Content2
{
	width: 200px;
	overflow:hidden;
	direction:ltr; text-align:left; vertical-align:top; padding:5px;
}
.scrollbar-vert
{
/*	background-image:url(images/scrollbar_bg.png);
	background-repeat:repeat-y;*/
	WIDTH: 10px;	FLOAT:right;	HEIGHT: 465px;
	top:0px;	left:0px;	position:relative;	display:none;
}
.handle-vert
{
	WIDTH: 10px;	HEIGHT: 40px;
	background: url(images/track.png);
	background-repeat:no-repeat; 	display:none;

}
/* ---------------  END  SCROLLBAR CLASSES        */

/*########### GALLERY CLASSESS ----------------*/
/*########### GALLERY CLASSESS ----------------*/

#gallery{  padding: 0px; }
.ad-gallery {  width: 970px; height:620px;}
.ad-gallery, .ad-gallery * 
{
  margin: 0;  padding: 0;
}
.ad-image-wrapper
{
   height: 500px; text-align:right; background-color:#f4f4f4;
    margin-bottom: 15px;    position: relative;    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader 
{
      position: absolute;      z-index: 10;      top: 48%;      left: 48%;
}
.ad-gallery .ad-image-wrapper .ad-next 
{
      position: absolute;
      right: 10px;      top: 0;      width: 25%;      height: 100%;      cursor: pointer;      display: block;      z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;      left: 400px;      top: 0;      width: 25%;      height: 100%;      cursor: pointer;      display: block;      z-index: 100;
}
/* --------------ARROWS CLASES*/
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image 
{
	background: url(Images/ad_prev.gif); background-repeat:no-repeat;	width: 20px;        height: 20px;	position: absolute;        top: 40%;        left: 540px;	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image 
{
	background: url(Images/ad_next.gif);   background-repeat:no-repeat;     width: 20px;        height: 20px;        right: 0px;        left: auto;top: 47%;
}
.ad-gallery .ad-image-wrapper .ad-image 
{
	position: absolute;
	overflow: hidden;	top: 0;	left: 0;	z-index: 9;
}
.ad-image-description 
{
	position: absolute;
	bottom: 0px;        leftt: 0px; height:20px;
	padding: 5px;        text-align:left;	width: 100%;	z-index: 20000;		color: #000000;background: url(Images/opa75.png);
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title 
{
  display: block;
}
.ad-gallery .ad-controls 
{
	height: 20px;
}
.ad-gallery .ad-info 
{
	float: left;
}
.ad-gallery .ad-slideshow-controls 
{
	float: right;text-align:right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop 
{
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;text-align:right; direction:rtl;
	font-size: 0.9em; display:none;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
/*------------THUMBS*/	
.ad-nav
{
	width: 970px; padding:0px 5px 5px 5px;position: relative; 
}
.ad-gallery .ad-forward, .ad-gallery .ad-back
{
  position: absolute;
  top: 0;  height: 100%;
  z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back
{
  height: 30px;
}
/* --------------ARROWS THUMBS CLASES*/
.ad-gallery .ad-back 
{
  cursor: pointer; right: 60px; top:10px; width: 20px; display: block;  background: url(https://www.maxiagmon.com/Images/ad_prev_btm.gif)  0px 0px no-repeat; height:20px;
}
.ad-gallery .ad-forward 
{
  cursor: pointer; right:0px; top:10px; width: 20px; display: block;  background: url(https://www.maxiagmon.com/Images/ad_next_btm.gif) 0px 0px no-repeat;
}
.ad-thumbs {
	overflow: hidden;width: 100%;
}
.ad-thumb-list
{
	float: left;	width: 9000px; margin-left:20px; padding-right:40px;	list-style: none; 
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
  border: 0px solid #CCC;
  display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
  border: 0px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/*########### END FOR GALLERY CLASSESS ----------------*/
/*########### SLIDESHOW CLASSESS ----------------*/
#fadeshow1
{
	position:relative; z-index:100; top:0px; left:-6px;
}
/*########### END FOR SLIDESHOW CLASSESS ----------------*/
.Top_Title
{
	text-align:center;
	height: 30px;
	border-bottom:0px solid #ffffff;
	text-align: left;	vertical-align: middle;
	cursor:pointer;
	font: 22px "tahoma";
	cursor:pointer;	font-weight:bold;
	color:#333333;
}
.Top_Title a:link, .Top_Title a:active, .Top_Title a:visited ,.Top_Title a:hover
{
	text-align:center;
	height: 30px;
	border-bottom:0px solid #ffffff;
	text-align: left;	vertical-align: middle;
	cursor:pointer;
	font: 22px "tahoma";
	cursor:pointer;	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.Top_Categories_TD
{
	text-align:center;
	height: 30px;
	border-bottom:0px solid #ffffff;
	text-align: center;	vertical-align: middle;
	cursor:pointer;
	font: 16px "tahoma";
	cursor:pointer;	font-weight:bold;
	color:#333333;
}
.Top_Categories_TD a:link, .Top_Categories_TD a:active, .Top_Categories_TD a:visited ,.Top_Categories_TD a:hover 
{
	text-align:center;
	height: 30px;
	border-bottom:0px solid #ffffff;
	text-align: center;	vertical-align: middle;
	cursor:pointer;
	font: 16px "tahoma";
	cursor:pointer;	font-weight:bold;
	color:#333333; text-decoration:none;
}
.Hover_Top_Categories_TD 
{
	text-align:center;
	height: 30px;
	border-bottom:0px solid #ffffff;
	text-align: center;	vertical-align: middle;
	font: 16px "tahoma";
	cursor:pointer;	font-weight:bold;
	color: #333333;	
}
.Top_Categories_TD_Choosen
{
	text-align:center;
	height: 30px
	text-align: center;	vertical-align: middle;
	font: 16px "tahoma"; 
	cursor:pointer;	font-weight:bold;		
	border-bottom:0px solid #ffffff;
	color: #333333;	
	
}
.Top_Categories_TD_sep
{
height:30; width:10px; color:#666666;

}
/*STYLE FOR THE DYNAMIC FORM -------------------------------------------------------------*/

#scroll_Div
{
	overflow:hidden;	
	color:#000000;direction:ltr;
	scrollbar-face-color :#000000;	scrollbar-highlight-color : #ffffff; 		scrollbar-3dlight-color : #ffffff;	
	scrollbar-shadow-color : #ffffff;		scrollbar-darkshadow-color : #ffffff;	scrollbar-track-color : #ffffff;		scrollbar-arrow-color : #000000;
	height:auto;
	width: auto;
}
.Forms_Table_Dyn_Container
{
	width:100%;  text-align:left; vertical-align:top;   

}
.Forms_Table_Dyn_Outer
{
	width:100%;
}
.Forms_Table_Dyn
{
	width:100%; text-align:left;  vertical-align:top;  
}
.Form_Sub_Dyn
{
	font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333;padding-left:20px;

}
.Form_Text_Dyn
{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; direction:ltr; color:#333333; width:100%; padding-left:10px;
}
.Form_TD_Text_Dyn
{
	 font-family:Arial, Helvetica, sans-serif; font-size:14px; height:26px;	vertical-align:middle; TEXT-ALIGN: left;	COLOR: #000000; border-bottom:#FFFFFF 10px solid;
}
.Form_TD_Field_Dyn
{
	 font-family:Arial, Helvetica, sans-serif; font-size:14px;height:26px;	vertical-align:middle; TEXT-ALIGN: left;	COLOR: #000000; border-bottom:#FFFFFF 10px solid;

}
.Form_Input_Dyn
{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; height:26px;	padding-left:10px;	TEXT-ALIGN: left;	COLOR: #000000; border:#cccccc 1px solid; direction:ltr; width:100%;

}

.Form_TextArea_Dyn
{
	 font-family:Arial, Helvetica, sans-serif; font-size:14px;height:80px;	padding-left:10px;	TEXT-ALIGN: left;direction:ltr;	COLOR: #000000; border:#cccccc 1px solid;  overflow:auto; 	width:100%;resize: none;
}
.Form_Select_Dyn
{
	 font-family:Arial, Helvetica, sans-serif; font-size:14px;height:26px;	padding-left:10px;	TEXT-ALIGN: left;direction:ltr;	COLOR: #000000; border:#cccccc 1px solid; 
}
.Confirm_M_TD
{
	text-align:center; direction:ltr; vertical-align:top; font-size:18px; color:#333333;

}
.Submit_Btns_form
{font-family:Arial, Helvetica, sans-serif; font-size:14px;
	width:60px;
	height:20px;
	background-color: #ffffff;
	text-align:center;
	vertical-align:top;
	font-size:100%;
	padding: 0px 0px 0px 0px;
	border:solid; border-width:1px;border-color:#CCCCCC;
	cursor:pointer;
	
}
a:focus { 
    outline: none; 
}
/*ENDS HERE-------------------------------------------------------------*/