* {padding : 0; margin : 0}

html {
min-height: 100%;
margin-bottom: 1px;

}

p {
padding-bottom:12px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	background-color:#9e9fa4;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	background-position:top center;
	background-attachment:fixed;
	
	
	}
	
	h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #f99c34;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight:bold;
	
	}
	
	h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #d98729;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	
	}
	
	.tease-mid h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #f99c34;
	line-height: 100%;
	margin: 0;
	margin-top:0px;
	margin-bottom:10px;
	}
	

	
	h3	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #bf5063;
	margin-bottom:10px;
	margin-top:0px;
	
	}
	
	
	  
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
.latest {
margin-top:2px; 
padding: 0px 0px 0px 40px; 
background-image:url(../images/news.gif); 
background-repeat:no-repeat;
width:140px;
} 

.projects {
margin-top:2px; 
padding: 0px 0px 0px 40px; 
background-image:url(../images/project.jpg); 
background-repeat:no-repeat;
width:140px;
} 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
    #mid-section ul {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

 #mid-section li {
margin-bottom:8px;
}

 #mid-section ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
   
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	width: 755px;
	
	padding-left:20px;
	padding-right:0px;
	border:none;
	background-image:url(../images/cont-bck-mid.png);
	background-position: top center;
	background-repeat:repeat-y;
	z-index:5;
    
}

#container-bot {

    position:relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:14px;
	border: none;
    width:775px;
  	height:19px;
	overflow:hidden;
	background-image:url(../images/cont-bck-bot.png);
	background-position: top center;
	background-repeat:no-repeat;
	
		
	}
	
#container-top {

    position:relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:0px;
	border: none;
   width:775px;
  	height:24px;
	overflow:hidden;
	background-image:url(../images/cont-bck-top.png);
	background-position: top center;
	background-repeat:no-repeat;
	
		
	}
	
	
	#top-section {
  
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left:21px;
	display:inline;
   
   
  }
  
    
  #menu-section {
 
 position:absolute;
 top:4px;
 left:212px;
 background-color: transparent;
 
    }
  
   
  
  #mid-section {
   position:relative;
  width:740px;
 background-color:#fff;
 
 padding-left:0px;
 
 
	margin:0;
	 padding-top:30px;
    }
	
	
#mid-top {
  margin:0; 
  padding:0;
  width:735px;
  height:22px;
  overflow:hidden; 
  background-image:url(../images/mid-top.gif); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
#mid-mid {
  font-size:100%; 
  font-weight:normal; 
  width:690px;
 
  background-image:url(../images/mid-mid.gif);  
  background-repeat:repeat-y; 
  padding:5px 15px 5px 30px;
  }
  
#mid-bot {
width:735px;
  height:22px;
  overflow:hidden; 
  background-image:url(../images/mid-bot.gif); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }

	
#left-col-1 {
float:left; 
padding-left:0px; 
padding-right:0px;
margin-top: 0px; 
margin-bottom:10px;
width:420px;



 
}

#left-col-2 {
float:left; 
padding-left:30px; 
margin-top: 8px; 
width:220px;

}




  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
  
  margin:0;
  
 
  }
  #bottom-section2 {
   position:relative;
   width:710px;
  left:0;
  top:0px;
   margin:0px;
  margin-top:0px;
  border:none;
  padding-top:0px;
  padding-left: 15px;
  padding-right:20px;
  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
 table.res {
 	margin-left:20px;
	
	width: 90%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table.res th {
	background: #E0E7F1;
	} 
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
 
   
  }

.right {
  float: right;
  text-align: right;
 
  }
  
  .h1-big {
  color:#64c3f0; 
  font-size:110%;
  }
  
  .strong-col {
  color:#64c3f0; 
  font-size:110%;
  font-weight:bold;}
  
  .recent {
  width:100%;
  border-top:4px solid #bfbfbf; 
  background-color:#d8cae5;
  }
  
  .recent-band {
  width:100%; 
  height:2px; 
  background-color:#fff; 
  overflow:hidden;
  }
  
  .recent-body {
  padding:8px 8px 8px 10px;
  }
  
  .recent-body a { 
  color:#444 !important;
  }
  
  .legaltext {
   font-size:70%; 
  color:#7f7f7f; 
  font-family:Arial, Helvetica, sans-serif;
  margin:0 !important;
   padding:0 !important;
   display:inline;
  }
  
  .cleardiv {
  height:1px; 
  overflow:hidden; 
  clear:both;
  }

 

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
.teaser {
padding-left:0px;
width:217px;
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser-box.jpg); 
  height:18px;
  overflow:hidden;
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:100%;
  width:100%; 
  font-weight:normal; 
  background-image:url(../images/teaser-mid.jpg);  
  background-repeat:repeat-y; 
  padding:0px 5px 0px 18px;
   }
  
  .tease-bottom {
   height:16px;
  overflow:hidden;
  background-image:url(../images/teaser-box.jpg); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }



.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}




tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

 #nav1{
margin-top: 7px;
margin-bottom: 0px;
margin-left:0px;
padding-bottom:0px;
height:30px;
width:500px;
float:left;
display:inline;
overflow:hidden;



}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display: inline;
}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 1px 0px 0px;
float:left;
margin-bottom: 0;
overflow:hidden;
display: inline;


}

#nav1 a {
	float: left;
	padding: 30px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -30px;
	
	}
	
#nav1 a.selected     {  cursor: default !important; } 
	
#thome a  {
	width: 70px;
	background: url(../images/nav-home.png) top left no-repeat;
	}	

#tcompany a  {
	width: 70px;
	background: url(../images/nav-company.png) top left no-repeat;
	}	
	
#tprojects a  {
	width: 70px;
	background: url(../images/nav-projects.png) top left no-repeat;
	}	

#tnews a  {
	width: 70px;
	background: url(../images/nav-news.png) top left no-repeat;
	}	
	
#tclients a  {
	width: 70px;
	background: url(../images/nav-clients.png) top left no-repeat;
	}
	
#tvacancies a  {
	width: 70px;
	background: url(../images/nav-vacancies.png) top left no-repeat;
	}	
	
#tcontact a  {
	width: 70px;
	background: url(../images/nav-contact.png) top left no-repeat;
	}	
	

	
A:link,  A:visited, A:active   { color:#634780; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold; letter-spacing:normal;} 
A:hover     { color: #888; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold;} 

#nav1 a:link, #nav1 a:visited, #nav1 a:active {    color: #f0e1ff; line-height:130%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 90%;  font-weight: bold; letter-spacing:.025em;} 
#nav1 a:hover    { color: #fbff94; line-height:130%; text-decoration: none; font-family:  Arial, Helvetica,  sans-serif;font-size: 90%; font-weight: bold;letter-spacing:.025em; } 






A.legal:link, A.legal:visited, A.legal:active      { color: #7f7f7f; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
A.legal:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

A.tlink:link, A.tlink:visited, A.tlink:active    { color: #333; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 110%;  font-weight: bold} 
A.tlink:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:110%; font-weight: bold} 

A.tlinkm:link, A.tlinkm:visited, A.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


A.more:link, A.more:visited, A.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color:#990000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #990000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #990000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal}