@charset "utf-8";
/* CSS Document */

/* global */
body
{
   margin:0 auto;
   text-align: left;
   background: url(imgs/back01.gif) #fff repeat-x;

}
#container
{

text-align:left;
margin:0 auto;
width: 989px;
}
#logo
{
float:left;
margin:0 auto;
padding: 3px 310px 0px 10px;

}
#topmenu{
	float:left;
	margin:0 auto;
	padding:22px 0px 0px 260px;	
	}

#mail
{
float:left;
margin:0 auto;
font-family:Arial;
font-size:12px;
color: #000;
padding:0px 50px 0px 0px;
}

a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #f26916; text-decoration: none; }

a.mail:link { color: #747474; text-decoration: none; }
a.mail:visited { color: #747474; text-decoration: none; }
a.mail:hover { color: red; text-decoration: none; }


#tel
{
float:left;
margin:0 auto;
font-family:Arial;
font-size:12px;
width: 150px;
color: #fff;
padding:0px 0px 0px 0px;
}

#mainmenu
     {
	clear: both;
	margin:0 auto;
	width: 100%;
	padding:9px 0px 0px 118px;		
	 }
	 
ul#mainmenu1
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		text-transform: uppercase;
		float: left;		
		width: 100%;		
		
	}
	
	ul#mainmenu1 li { display: inline; }
	
	ul#mainmenu1 a
	{
		display: block;
		text-align: center;
		float: left;
		font-family:Arial;
		font-size:11px;		
		letter-spacing: 1px;		
		padding: 8px 19px 5px 19px;
		text-decoration: none;
		color: #000;
		
		
	}
		ul#mainmenu1 a.active
	{
	    background-color:#fff;		
		border-left:#cac6c6 1px solid;
		border-right:#cac6c6 1px solid;
		color: red;
		
	}
	ul#mainmenu1 a.active2
	{
	    color: red;
		
	}
	ul#mainmenu1 a:hover
	{
		color: red;
	}	
	
ul#mainmenu00
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		text-transform: uppercase;
		float: left;		
		width: 100%;		
		
	}
	
	ul#mainmenu00 li { display: inline; }
	
	ul#mainmenu00 a
	{
		display: block;
		text-align: center;
		float: left;
		font-family:Arial;
		font-size:11px;
		margin-left: 6px;
		letter-spacing: 1px;
		margin-right:6px;
		padding: 8px 13px 7px 13px;
		text-decoration: none;
		color: #000;
		
		
	}
		ul#mainmenu00 a.active
	{
	   
		color: red;
		
	}
	ul#mainmenu00 a.active2
	{
	    color:red;
		
	}
	ul#mainmenu00 a:hover
	{
		color: red;
	}		
	
#submenu
     {
	clear: both;
	margin:0 auto;
	width: 100%;
	padding:4px 0px 40px 138px;		
	 }
	 
	 
ul#submenu3d
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		float: left;
		padding: 0;
		width: 100%;		
	}
	
	ul#submenu3d li { display: inline; }
	
	ul#submenu3d a
	{
	display: block;
	float: left;
	font-family:Arial;
	font-size:10px;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 3px 22px 0px 0px;
	text-decoration: none;
	color: #000;		
	}
	
		ul#submenu3d a.active
	{
		text-decoration: none;
		color: red;
		
	}
	
	ul#submenu3d a:hover
	{
		color: red;
	}	
	
		
ul#submenu1
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		float: left;
		width: 100%;		
		
	}
	
	ul#submenu1 li { display: inline; }
	
	ul#submenu1 a
	{
	display: block;
	float: left;
	font-family:Arial;
	font-size:10px;
	text-transform: uppercase;	
	margin: 0 auto;
	padding: 3px 24px 0px 0px;
	text-decoration: none;
	color: #000;		
	}
	
		ul#submenu1 a.active
	{
		text-decoration: none;
		color: red;
		
	}
	
	ul#submenu1 a:hover
	{
		color: red;
	}		
	
 #image
 {
        text-align:left;
		clear:both;
        margin:0 auto;
        padding: 10px 0px 0px 130px;        
}

 #image2
 {
        text-align:left;
		clear:both;
        margin:0 auto;
        padding: 0px 0px 0px 130px;        
}

#thumbs_home
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 15px 0px 15px 130px;
}
#thumbimg_home
{
float:left;
text-align:left;
margin:0 auto;
width: 271px;
height:161px;
padding:0px 0px 0px 10px;
}
a.thumb_home
{
float:left;
display: block;
background: url(imgs/thumbs/back_home01.gif) no-repeat;
padding:6px 0px 5px 6px;
width: 271px;
height:161px;
line-height:16px;
font-family:arial;
font-size:11px;
text-align: left;
color:#9a9a9a;
text-decoration: none;
}
a:link.thumb_home{color:#9a9a9a;}
a:visited.thumb_home{color:#9a9a9a;}
a:hover.thumb_home
{
color:#fff;
background: url(imgs/thumbs/back_home02.gif) no-repeat;

}

#thumbs_home2
{
float:left;
text-align:left;
margin:0 auto;
padding: 0px 0px 15px 140px;
}

#thumbimg_home2
{
float:left;
text-align:left;
background: url(imgs/thumbs/back_big_home01.gif) no-repeat;
margin:0 auto;
width: 552px;
height:164px;
padding:0;
}

h1
{
float:left;
font-family:arial;
font-size:14px;
text-transform: uppercase;
font-weight:bold;
text-align: left;
color:#747474;
padding:15px 0px 10px 22px;
margin:0 auto;
}

h2
{
clear:both;
font-family:arial;
font-size:15px;
text-transform: uppercase;
font-weight:bold;
text-align: left;
color:#000;
padding:15px 0px 10px 0px;
margin:0 auto;
}

#thumbimg_home2_img
{
float:left;
padding:7px 0px 5px 6px;
}

#thumbs_home2_text
{
float:left;
margin:0 auto;
padding:0px 0px 0px 22px;
line-height:18px;
font-family:arial;
font-size:15px;
text-align:justify;
width: 350px;
height: 89px;
color:#9a9a9a;
}

#box_mailing
{
float:left;
text-align:left;
margin:0 auto;
padding: 2px 0px 15px 10px;
}

#box_mailing_in
{
float:left;
background: url(imgs/thumbs/back_home01.gif) no-repeat;
width: 271px;
height:161px;
margin:0 auto;
padding:0;
}

#tit_footer
{
clear:both;
margin:0 auto;
font-family:Arial;
font-weight:bold;
font-size:13px;
color: #8a8888;
padding:10px 0px 5px 145px;
}
/* footer */

#footer

{	
	padding:0;
	height: 230px;	
	clear:both;
	margin:0 auto;
	width:100%;
}

#footer_center
{
text-align:left;
margin:0 auto;
padding:10px 0px 0px 145px;
}


#footer_col1
{
    float:left;
	margin:0 auto;	
	padding:5px 8px 5px 0px;
	border-bottom:solid 1px #e1e1e1;
	border-top:solid 1px #e1e1e1;
	width:160px;
		
}
		
ul#footermenu
	{
        margin-left: 0;
		padding-left:0;
		list-style-type: none;
		
	}
	
	
	
ul#footermenu a
	{
		display: block;
		font-family:Arial;
		font-size:11px;	
		height: 20px;
		padding: 0px 0px 5px 0px;
		margin:0 auto;
		text-decoration: none;
		color: #8a8888;		
	}
	
ul#footermenu a:hover
	{
		text-decoration:underline;
		color: #8a8888;
	}
	
	
#bottommenu{
	float:left;
	margin:0 auto;
	padding:14px 0px 30px 0px;
	width:100%;
	
		}
ul#bottommenu1
	{
        margin: 0;
		padding:0;
		list-style-type: none;		
	}
	
	ul#bottommenu1 li { display: inline; }
	
	ul#bottommenu1 a
	{
		display: block;
		float: left;
		font-family:Arial;
		font-size:12px;
		padding: 0px 30px 0px 0px;
		text-decoration: none;
		color: #000;
		
		
	}
		ul#bottommenu1 a.active
	{
		color: #000;
		
	}
	ul#bottommenu1 a:hover
	{
	
		color: red;
	}	

/* workpages */

#thumbs
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 10px 0px 20px 125px;
}

#thumbs_visual
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 10px 0px 0px 140px;
}

#thumbs_pro
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 20px 0px 20px 125px;
}

#thumbs_web
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 0px 0px 15px 131px;
}

#thumbimg
{
float:left;
text-align:left;
margin:0 auto;
width: 162px;
height:125px;
padding:2px 0px 8px 10px;
}
a.thumb
{
float:left;
display: block;
background: url(imgs/thumbs/back01.gif) no-repeat;
padding:2px 0px 2px 2px;
width: 162px;
height: 125px;
line-height:18px;
font-family:arial;
font-size:10px;
text-align: left;
color:red;
text-decoration: none;
}
a:link.thumb{color:#9a9a9a;}
a:visited.thumb{color:#9a9a9a;}
a:hover.thumb
{
color:#fff;
background: url(imgs/thumbs/back02.gif) no-repeat;

}

#image_web
 {
        text-align:left;
		clear:both;
        margin:0 auto;
        padding: 0px 0px 20px 140px;        
}

#box_project
{
text-align:left;
clear:both;
width: 846px;
height: 169px;
margin: 0 0 20px 137px;
border:solid 1px #dbd7d7;
padding: 0;
background-color: #f2f2f2;
}

#box_project2
{
text-align:left;
clear:both;
width: 846px;
height: 169px;
margin: 50px 0 20px 137px;
border:solid 1px #dbd7d7;
padding: 0;
background-color: #f2f2f2;
}

#box_design
{
text-align:left;
clear:both;
width: 820px;
height: 169px;
margin-left: 142px;
margin-bottom: 20px;
margin-top: 12px;
border:solid 1px #dbd7d7;
padding: 0;
background-color: #f2f2f2;
}

#box_design_textarea
{
text-align:left;
float:left;
width: 634px;
height: 169px;
padding: 8px 0px 0px 22px;
}


#box_project_textarea
{
text-align:left;
float:left;
width: 654px;
height: 169px;
padding: 8px 0px 0px 22px;
}

#box_project_img
{
text-align:left;
float:left;
margin: 0;
padding: 8px 0px 0px 8px;
}

#box_testimonial
{
	background: url(imgs/back_testimonial.gif) no-repeat #FFFFFF;
	text-align:left;
	clear:both;
	width: 846px;
	height: 244px;
	margin-left: 110px;
	margin-bottom: 13px;
	margin-left: 140px;
	padding:0;
}

#box_testimonial_textarea
{
text-align:left;
float:left;
width: 590px;
height: 169px;
padding: 28px 0px 0px 22px;
}

#box_testimonial_img
{
text-align:left;
float:left;
margin: 0;
padding: 11px 0px 0px 12px;
}

#box_testimonial_text01
{
float:left;
margin:0 auto;
padding:0px 25px 0px 0px;
line-height:18px;
font-family:arial;
font-size:13px;
text-align: left;
width: 275px;
height: 130px;
color:#9a9a9a;
}

#box_testimonial_text02
{
float:left;
margin:0 auto;
padding:0;
line-height:18px;
font-family:arial;
font-size:13px;
text-align: left;
width: 275px;
color:#9a9a9a;
}

#box_testimonial_sign
{
float:left;
margin:0 auto;
padding:0;
line-height:18px;
font-family:arial;
font-weight:bold;
font-size:12px;
text-align: left;
width: 265px;
padding:10px 0px 0px 0px;
color:#707070;
}

#title
{
float:left;
font-family:arial;
font-size:17px;
font-weight:bold;
color:#575656;
width: 630px;
padding:0px 0px 5px 0px;
}

#box_project_text01
{
float:left;
margin:0 auto;
padding:0px 25px 0px 0px;
line-height:18px;
font-family:arial;
font-size:13px;
text-align:justify;
width: 304px;
color:#9a9a9a;
}

#box_project_text02
{
float:left;
margin:0 auto;
padding:0;
line-height:18px;
font-family:arial;
font-size:13px;
text-align:justify;
width: 304px;
color:#9a9a9a;
}

#box_project_haka
{
text-align:left;
clear:both;
width: 846px;
height: 280px;
margin-left: 135px;
margin-bottom: 20px;
border:solid 1px #dbd7d7;
padding: 0;
background-color: #f2f2f2;
}

#box_project_textarea_haka
{
text-align:justify;
float:left;
width: 364px;
height: 220px;
padding: 8px 0px 0px 22px;
}

#box_project_img_haka
{
text-align:left;
float:left;
margin: 0;
padding: 8px 0px 0px 8px;
}

#box_project_text01_haka
{
float:left;
margin:0 auto;
padding:0;
line-height:18px;
font-family:arial;
font-size:13px;
text-align:justify;
width: 330px;
height: 220px;
color:#9a9a9a;
}

#title_haka
{
float:left;
font-family:arial;
font-size:17px;
font-weight:bold;
color:#575656;
width: 330px;
padding:0px 0px 5px 0px;
}

	
 #box_thecompany
 {
	text-align:left;
	clear:both;
	background:url(imgs/back_about.gif);
	width: 835px;
	height: 429px;
	margin-left: 140px;
	margin-bottom: 20px;
	padding: 0;
}
#about1

   {

      float: left;
	  color:#747474;
      margin: 0 auto;
	  line-height: 19px;
	  font-family:Arial;
	  padding: 30px 0px 0px 60px;
	  font-size:12px;
	  width: 140px;

   }

      #about2

   {

      float: left;
	  color:#747474;
      margin: 0 auto;
	  line-height: 19px;
	  font-family:Arial;
	  padding: 30px 0px 30px 30px;
	  font-size:12px;
	  width: 170px;

   }
/* visual */    
   
#box_project_visual
{
text-align:left;
clear:both;
width: 840px;
height: 169px;
margin: 0 0 20px 150px;
border:solid 1px #626161;
padding: 0;
background-color: #fff;
}   

#back_visual
{		
      clear:both;
	  text-align:left;
	  padding: 0 0 0 140px ;  
	  margin: 0 auto;
	  font-family:Arial;
	  font-size:14px;
	  width: 940px;
			
 }   
   
	   
   
   
 #visual_image
{
       float: left;
       width: 270px;
	   padding: 40px 0px 0px 0px;
       
}	
	  
#texto_visual
{
      float: left;
      margin: 0 auto;
	  line-height: 20px;
	  font-family:Arial;
	  text-align:justify;
	  padding: 40px 0 20px 20px;
	  font-size:12px;
	  width: 550px;
	  
	  }	
	  
   
/* contact */   
   
#box_map
{
background: url(imgs/map.jpg) no-repeat #FFFFFF;
text-align:left;
clear:both;
width: 835px;
height: 429px;
margin-bottom: 13px;
margin-left: 138px;
padding:0;
}
#tit_about
{
text-align:left;
clear:both;
width: 835px;
height: 5px;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#000000;
margin-left: 138px;
padding:10px 0 20px 0;
}

  #details

{

       clear:both;
       margin:0 auto;
	   line-height: 22px;
	   font-family:Arial;
	   font-size:14px;
	   color:#747474;
       padding: 30px 0px 0px 580px;       

}	

/* jobs */

#back_jobs
{		
      clear:both;
	  text-align:left;
	  padding: 0 0 0 140px ;  
	  margin: 0 auto;
	  font-family:Arial;
	  font-size:14px;
	  width: 940px;
			
 }   
   
	   
   
   
 #tio
{
       float: left;
       width: 270px;
	   padding: 40px 0px 0px 0px;
       
}	
	  
#texto_jobs
{
      float: left;
      margin: 0 auto;
	  line-height: 20px;
	  font-family:Arial;
	  padding: 40px 10px 20px 0px;
	  font-size:12px;
	  width: 510px;
	  
	  }	
	  
/* sitemap */

#sitemap
{
float:left;
text-align:left;
margin:0 auto;
width:960px;
padding: 20px 0px 20px 135px;
}	  

a.map:link {
font-family:Arial;
font-size:12px;
clear:both;
color: #828282;
text-decoration: none;
border: 1px solid #d2d2d2;
background-color:#fff;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
}

a.map:visited { 
font-family:Arial;
font-size:12px;
color: #828282;
text-decoration: none;
border: 1px solid #d2d2d2;
background-color:#fff;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
} 

a.map:hover {
font-family:Arial;
font-size:12px;
color: #fff;
text-decoration: none;
border: 1px solid #828282;
background-color:#000;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
} 

a.map2:link {
font-family:Arial;
font-size:12px;
clear:both;
color: #fff;
text-decoration: none;
border: 1px solid #d2d2d2;
background-color:#8f8e8e;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
}

a.map2:visited { 
font-family:Arial;
font-size:12px;
color: #fff;
text-decoration: none;
border: 1px solid #d2d2d2;
background-color:#8f8e8e;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
} 

a.map2:hover {
font-family:Arial;
font-size:12px;
color: #fff;
text-decoration: none;
border: 1px solid #828282;
background-color:#000;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
} 

/* lightbox */

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

#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: transparent url(images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 600px;
	}