/***************************************
****************************************
    LAYOUT AND STYLES
****************************************
***************************************/


/***************************************
****************************************
    LAYOUT
    ------------------------------------
    DO NOT ADD FORMATTING STYLES TO
    THIS SECTION - IT IS FOR *LAYOUT*
    INFORMATION ONLY. MARGIN AND PADDING
    INFORMATION *SHOULD* GO IN HERE.
****************************************
***************************************/

.grid_7 {overflow:hidden;}

#outer {
margin-bottom:-48px;}

::-moz-selection{background:#ee810c;color:#fff;text-shadow:none;!important} 

::selection {background: #ee810c;color:#fff;text-shadow:none;!important}

div#container
{
    margin:0 auto;
    text-align:left;
 
}
#content {
	  position:relative;zoom:1;}


#aspnetForm {clear:both;display:block;}

div#header
{
    background:url(../images/ezeklogo.gif) left 14px no-repeat;
      height:auto !important;
      height:126px;
      min-height:126px;
	  position:relative;
}

div#main
{
    
}

div#wrap
{    
 
    height:100%;
    /*float:right; for LHS layouts*/
    margin-bottom:20px;
}

div#content_inside
{    
  	
}

.container_12 .grid_7 ,.container_12 .grid_5{
margin:0 20px 0 0;
width:540px;

}

#page ul#navlist

{
color:#EE7B0F;
display:inline;
font-family:"Vegur",Arial,Sans-Serif;
font-weight:bold;
list-style-type:none;
text-transform:uppercase;
display:block;
padding:0 30px;

	

}

#page h3 a {background:none;padding:0px;color:#EE7B0F;cursor:default}

#page h3 a:hover {background:none;padding:0px;color:#EE7B0F !important;}


#page ul#navlist li {
background:transparent url(../images/ebullet.jpg) no-repeat scroll left 6px;
padding:9px 31px;
}


#page ul#navlist li a
{

			color:#EE7B0F;
			text-decoration:none;
			text-decoration:none;
			background:none;
			font-size:146%;
			


}

html ul#navlist a:hover { color:#999!important;   }

.grid_5 h3 {color:#999;font-size:124%;}

/**************************************/



/* RHS LHS / EXTRA INFO */
div#rhs
{    
  
}

div#lhs
{    
  
}

div#rhs:hover {background:#fff;}

/**************************************/



/* FOOTER */
div#footer
{   
    clear:both;
}

/***************************************
    END
***************************************/


/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

****************************************
***************************************/



/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.hidetext{text-indent:-9000px; overflow:hidden;}
.center img {display: block;margin: 0 auto; /* margin-left and margin-right auto */}
.center p {width: 50px;margin: 0 auto;} /*



/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
@font-face {
	font-family: 'Vegur';
	src: url('../Vegur.eot');
	src: local('../Vegur'), local('../Vegur-Regular'), url('../Vegur.woff') format('woff'), url('../Vegur.otf') format('opentype');
}

@font-face {
	font-family: 'Vegur-Light';
	src: url('../VegurR.eot');
	src: local('../VegurR'), local('../Vegur-Regular'), url('../VegurR.woff') format('woff'), url('../VegurR.otf') format('opentype');
}





*
{
    
}

html 
{
    
    height:auto;
    min-height:100%; /*for full body background images amd sticking them to the bottom*/
  
}

body
{
    background:#FFFFFF url(../images/mainbg.jpg) repeat-x scroll left -11px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color:#333333;    
    
}

p {margin:12px 0px;font-size:75%;color:#404040;}

em {font-style:italic;}

strong{font-weight:bold;}

ul {margin:10px 0px;padding:0px;}

#content ul li 
{
    background:transparent url(../images/bullet.gif) no-repeat scroll left 4px;
    color:#404040;
    display:block;
    font-size:75%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:5px 0;
    padding:0 0 0 30px;
        
}

#content ul.left {float:left;margin:0px;padding:0px;width:465px;margin:15px 0px;}
#content ul.right {float:right;width:465px;margin:0px;padding:0px;}

ol 
{

    color:#666666;
    display:block;
    font-size:100%;
    font-weight:bold; 
       
    
}
ol li {list-style: outside upper-roman;}

h1,h2,h3,h4,h5,h6 {font-family: "Vegur", Arial, Sans-Serif;letter-spacing:-0.2px} 

h1
{
    font-size:145%; 
    margin:8px 0px 0px 0px;
    font-weight:bold;
    color:#999999;
    text-shadow: 1px 1px 1px #fcfaf1;  
    text-transform:uppercase;  
}

h2
{
    font-family: "Vegur-Light", Arial, Sans-Serif;letter-spacing:-0.2px;
    font-size:110%; 
    margin:10px 0px 10px 0px;
    color:#ee770b;
    text-shadow: 1px 1px 1px #fcfaf1; 
     
}

h3
{
    font-size:100%; 
    margin:0;
    font-weight:bold;
    color:#ee770b;
}


h4{font-size:120%; font-weight:bold; margin:5px 0px 5px 0px;}
h5{font-size:100%; font-weight:bold; margin:5px 0px 5px 0px;}




a{color:#363636;text-decoration:underline;}

/*correct order of psudeo classes*/
        a:link{color:#363636;}
        a:visited{color:#363636;}
        a:hover{color:#999;cursor:pointer;}
        a:active {color:#363636;}
        
        
        
 #page a
 {
     color:#363636;
     text-decoration:none;
     background:#ffe6b5;
     padding:1px 6px;
     -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
     
 }

/*correct order of psudeo classes*/
       
        #page a:link{color:#363636;}
        
        #page a:visited{color:#363636;}
        
        #page a:hover
        {
           background:#ee810c;
           color:#fff !important;  
           text-shadow:none;
        }
        
        #page a:active {color:#ffac53;}



address
{
  margin:0;
padding:0;
font-style:normal;
font-size:80%;
}


/*
.transparent
{

		opacity: 0.7; /* Firefox and Opera 
		-moz-opacity: 0.7; /* Old Mozilla (Netscape) 
		-webkit-opacity: 0.7; /* Webkit engines 
		-khtml-opacity: 0.7; /* KHTML engines 
		filter: alpha(opacity=7); /* Internet Explorer 

}
*/


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


.float-l {float:left;margin:10px 20px 10px 0px}
.float-r {float:right;margin:10px 20px 0px 5px}

/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
    
}


		#logo
	{
		display:block;
height:68px;
position:absolute;
text-indent:-9999em;
top:15px;
width:245px;
z-index:3;
    }

    
    #header #contact
       {
		color:#fff;
        float:right;
        font-size:15px;
        margin:63px 0 0 0;
        clear:right;
		text-align:right;

    }   
	
	#header #contact a
	{
		font-family: "Vegur", Arial, Sans-Serif; 
		text-shadow: 1px 1px 1px #fcfaf1;
		color:#EE7B0F;
		display:block;
		text-decoration:none;
	}
	
	#header #contact a:hover
	{
		color:#ccc;
	}
	
	#header #contact a:active
	{
		position:relative;
		top:1px;
	}
	
	
	#header #contact a.callto
	{
		font-size:185%;
		margin:0px;
		line-height:20px;
		font-weight:bold;
		
	}
	
	#header #contact a.mailto
	{
		font-size:110%;
		letter-spacing: -0.7px;
	}
               
     

/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
***************************************/
    
#globalnav
{
      height:auto !important;
	  padding:0px;
	  position:relative;
      zoom:1;

	  
	  
}

	#globalnav ul
	{
      margin:-13px 0 0 -18px;
      padding:0px;
      overflow:hidden;
      zoom:1;
	  height:18px;
    }
    
	    #globalnav ul li
	    {
	color:#EE7B0F;
display:inline;
float:left;
font-family:"Vegur",Arial,Sans-Serif;
font-size:105%;
font-weight:bold;
list-style-type:none;
margin:0 0 0 0px;
padding-right:0;
text-align:left;
text-transform:uppercase;
border-right:1px solid;
						   
            }
			
			
			#globalnav li:last-child {border:0;}

			
			#globalnav a 
			{
			
			color:#EE7B0F;
			text-decoration:none;
			color:#EE7B0F;
			padding:0 15px;
			text-decoration:none;
			
			}
			
			#globalnav a:hover 
			{
			
			color:#ccc;
			text-shadow: 1px 1px 1px #fcfaf1;
			
			}
			
			#globalnav a:active
			{
			
			position:relative;
		    top:1px;
			
			}
			
			#localnav  ul {margin:0 0 0 0;padding:0px;}
			
			/*#globalnav ul .selected ul ,			
			#globalnav ul .childselected ul 
			{display:block;position:absolute; left:0;top:24px;}*/
			

			#localnav li
			
			{
			
			    float:left;
			    display: inline;
			    background:none;
			    list-style:none;
			    list-style-type:none;
			    margin:47px 10px 0 0;
			    padding:0px;
			}
			
			#localnav a
			{
			    font-family:Arial;
			    font-style:normal;
			    font-size:65%;
			    text-transform:uppercase;
                background:#ef820d url(../images/button_overlay.png) top left repeat-x;
                display: inline-block;
                padding:0px 20px;
                height:34px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
                line-height: 1;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border: 1px solid #ee830c;
                position: relative;
                cursor: pointer;     
                line-height:34px;
                
			    
			}
			
			#localnav  a:hover
			{
			    color:#fff;
			    background:#ef820d url(../images/button_overlay_h.png) top left repeat-x;
			    text-shadow: none;
			    
			}
			
			#localnav ul ul li a:active
			{
			  position:relative;
		      top:1px;  
			}
			
			#globalnav .selected {color:#d65719}
			
			#globalnav ul ul li a.selected {color:#814e17}
			
         .parent {} 
         .childselected  {}
		 
		 
		 #topmenu 
		 {
		 
			float:right;
			color:#EE7B0F;
display:inline;
font-family:"Vegur",Arial,Sans-Serif;
font-size:95%;
font-weight:bold;
margin:23px 0 0;
list-style-type:none;
padding-right:0;
text-transform:uppercase;
		 
		 }
		 
		  #topmenu  a {color:#EE7B0F;
text-decoration:none;padding:0px 5px 0px 5px}

#topmenu  a:hover {color:#ccc;}

span.o {}

#homepage {}

#homepage p {font-size:90%;color:#404040;line-height:17px;}
#homepage h1 {margin-top:10px;}
     

/***************************************
    HEADER FEATURE AREA STYLES: #headfeature
    ------------------------------------
***************************************/
	    
   #headfeature 
   
   {
      height:auto !important;
      height:35px;
      min-height:35px;
      background:#d1d1d1;
   } 
	    
            
    
/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/
#breadcrumb
{
background:transparent url(../images/homeicon.gif) no-repeat scroll left 11px;
display:block;
font-size:70%;
font-weight:bold;
line-height:33px;
padding:0 0 0 18px;
width:100%; 
}

#page #breadcrumb a,
#breadcrumb span
{
    color:#666666;
    text-decoration:none;
    font-weight:normal;
    background:none;
    padding:0;
}

#page #breadcrumb .seperator
{
    
}

#page #breadcrumb a:hover 
{
  color:#111 !important;
  background:none;
}


/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{    
    
}
    #main .something
    {
        
    }
    
    
    #mapezek
    {
margin-top:16px;
overflow:hidden;
width:505px;

}



    
    iframe 
    {
       
        border:1px solid #999999;width:503px;margin-bottom:10px;
       }
       
        #mapezek  iframe   {
        _border:0;
       }
        
        #contactpage
        {
            width:300px;
            float:left;
        }
        
        #list2form_GeneralForm 
        {
			margin:162px 0 0;
            width:335px;
            height:450px;
            zoom:1;
            
        }
        
        #page label
        {
            padding:0px;
            display:block;
            font-weight:bold;
            font-size:80%;
            height:20px;
            margin:5px 0;
			color:#EE770B;
        }
        
        #page input,#page textarea
        {
            font-family: "Helvetica Neue", Arial, sans-serif;
            display:block;
            padding:5px;
            width:100%;
            border:1px solid #ccc;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            outline: none;
            margin:0;
        }
        
        #page textarea 
        {
            height:150px;
        }
        
        #page input:focus ,#page textarea:focus 
        {
            border:1px solid #f8bd19;
        }
        
        
        #page  .buttons input
			{
			    font-family:Arial;
			    font-size:85%;
			    text-transform:uppercase;
                background:url(../images/button_overlay.png) top left repeat-x;
                display: inline-block;
                padding:0px;
                height:34px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border: 1px solid #ee830c !important;
                position: relative;
                cursor: pointer;     
                line-height:33px;
                width:160px;
                float:right;
                right:-12px;
                top:19px;
                
			    
			}
			
			#page #ctl00_ctl00_Main_Body_ctl01_btnOK:hover
			{
			    color:#fff;
			    background:url(../images/button_overlay_h.png) top left repeat-x;
			    text-shadow: none;
			    
			}
			
			#globalnav ul ul li a:active
			{
			  position:relative;
		      top:1px;  
			}
			
			.validation
			{
			    background:#ffeda6;
			    border:1px solid #ffc75c;
			    padding:10px;
			    font-size:80%;
			     -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                color:#ccc;
			}
			
			.success {font-weight:bold;}
			
			#sitemap ul li
			{
			    list-style:none;
			    list-style-type:none;
			    background:none;
			}
			
			
    
/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{



}
		


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    
    margin:25px 0px 30px 0px    
}
	
	

	
ul#resourcing{
display: block;
width: 600px;
height: 445px;
background:transparent url(../images/resourcemenu.jpg) repeat scroll 0 15px;
margin:0px;
padding:0px;
float:left;
overflow:hidden;
}

ul#resourcing li{
display: block;
float: left;
margin:0p;
padding:0px;
background:none;
}

ul#resourcing li a{
display: block;
height:445px;
text-indent:-9999px;
background-color:Transparent;
_filter: expression(document.execCommand("BackgroundImageCache", false, true));
}



ul#resourcing li.prog a,
ul#resourcing li.prog a:hover{
width:93px;
background-position:-0px -435px;
}

ul#resourcing li.sour a,
ul#resourcing li.sour a:hover{
background-position:-109px -435px;
width:102px;
}

ul#resourcing li.ass a,
ul#resourcing li.ass a:hover{
width:122px;
background-position:-227px -435px;
}

ul#resourcing li.off a,
ul#resourcing li.off a:hover{
width:169px;
background-position:-365px -435px;
}

ul#resourcing li.none a,
ul#resourcing li.none a:hover{
width:100px;
background-position:-500px -445px;
}

ul#resourcing li a:hover,
ul#resourcing li a.on{
background-image: url(../images/resourcemenu.jpg);
}










/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}
	
/* Tables */
#content table
{
    
}
    #content table caption
    {
        caption-side:bottom;
    }
    
    #content table thead
    {
        
    }
    
    #content table tbody
    {
        
    }

    #content table td
    {
    }

    #content table th
    {
        
    }

    #content table .odd
    {
        
    }
    
    
/* Lists */
#content ol
{
}
#content ul
{
    zoom:1;
}   
    #content li
    {
    }


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/

/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
background:#FFFFFF url(../images/footer.gif) repeat-x scroll left top;
color:#999999;
display:block;
font-size:75%;
height:6px;
padding:35px 0 0;
text-align:center;
    

}

#footer .content
{  
 border-top:1px solid #CCCCCC;
margin:20px auto;
padding:10px 0 30px;
width:960px;
}

#footer span 
{

color:#EE7B0F;
font-weight:bold;

}

#footer span a
{

color:#EE7B0F;

}

	#footer .left
	{
	    width:300px;
	    float:left;
		text-align:left;
		
	}
	
	#footer .left a:hover {color:#404040;}

	#footer .right
	{
	  
	    float:right;
	    text-align:right; 
		width:335px;
		
	    
    }
	
	#footer .right p
	{
	
	font-size:90%;	
	
	}
    
    #footer a
    {  
        color:#999;
        text-decoration:none;
    }
    
      #footer a:hover
    {  
        color:#ccc;
    }
    
    #footer p
    {
     
     float:left;
     padding:0px;
     margin:0px;        
    }
    
    #footer a.mgz 
    {
            
            background:transparent url(../images/mgzlogo.gif) repeat scroll left top;
            color:transparent;
            display:block;
            float:right;
            height:22px;
            margin-left:8px;
            text-indent:-9999em;
            width:95px;
            margin-top:-4px; 
            text-align:left;      
    }
    
    #footer a.mgz:active
	{
		position:relative;
		top:1px;
	}
	
	#footer a:hover
	{
	
	opacity:0.5
	
	
	}

	

/***************************************
    WIDGET STYLES: content and rhs
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/



/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/






/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/

.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;} /* Rounded Corners */
/* Drop Shadow On Text.textshadow {text-shadow: 1px 2px #333;} Currently only Safari Supports This */





/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    
}


@media print 
{
   
}



/***************************************
    END
***************************************/


/*Ezek people*/

ul#our_people,.person
{
    width:745px;
    float:right;
}

ul#our_people li
{
    list-style:none;
    list-style-type:none;
    background:none;
    padding:0px;
    margin:0 10px 0 0;
    float:left;
    text-align:center;
    width:237px;
    height:259px;
}

html ul#our_people li a
{
    background-color:transparent;
    padding:0;
}

ul#our_people li img
{
    background-color:transparent;
    background:url(../images/people_bg.gif) -8px -1px;
    padding: 30px;
    height:177px;
    width:177px;
}

html ul#our_people h3 a:link,html ul#our_people h3 a:visited
{
    font-family:Arial;
    font-size:16px;
    color:#ee7b10;
    position:relative;
    top:-10px;
}

html ul#our_people h3 a:hover
{
    color:#ccc;
}

ul#our_people li a img
{
    background-color:none;
    
}

ul#our_people li img:hover
{
    background-color:transparent;
    background:url(../images/people_bg.gif) -260px -1px;
}

#people_descp
{
    width:175px;
    float:left;
}

#people_descp h2,.person h3
{
 font-family: Vegur, Arial, sans-serif;
 font-weight:bold;
 font-size:40px;
 line-height: 41px;
 padding-top:20px;
}

#content #people_descp h2 a
{
    background:none;
    padding:0px;
    color:#ee7b10;
}

#page #people_descp h2 a:hover
{
color:#ccc !important;  

}

.person h3
{
    padding-top:23px;
}

ul#our_people li.person_2
{
 position: relative;
top: 22px;   
}

ul#our_people li.person_4
{
 position: relative;
left: 10px;   
}

ul#our_people li.person_5
{
 position: relative;
top: 30px; 
left:5px;  
}

ul#our_people li.person_6
{
 position: relative;
right:-10px;  
}


ul#our_people li.person_7
{
position: relative;
left: 120px;
top: 23px;
}

ul#our_people li.person_8
{
left: 150px;
position: relative;
top: 25px;
}


.person img
{
    float:left;
}

.person img
{
    background-color:transparent;
    background:transparent url(../images/person_bg.gif) no-repeat scroll 7px 11px;
    padding: 30px;
    height:430px;
    width:390px;
}

.person p
{
    color:#666666;
}

#content ul.sidemenu li
{
    background:none;
    padding:5px 0px;
    margin:0px;
    border-top:solid 1px #ccc;
}

#content ul.sidemenu li:last-child 
{
    border-bottom:solid 1px #ccc;
}

#content ul.sidemenu li a:link,#content ul.sidemenu li a:visited
{
   background:none;
   padding:0px;
   font-size:17px;
   color:#ee7b10;
   font-weight:bold;
}

#page ul.sidemenu li a:hover
{
    color:#ccc !important;  
}