/* CSS Document */

body{ background-image: url("../images/texture-background.jpg");

	background-repeat: repeat;
	background-color: transparent;
	font-family: verdana, sans;
	font-weight: normal;
	color:#2a4da1;
	font-size: 13px;
	
}

h1{font-size: 18px; font-weight: bold; line-height: 1.5em;}
	
h2{font-size: 16px; font-weight: bold;line-height: 1.5em;}

h3{font-size: 18px; line-height: 2em; color:#fff;}

h4{font-size: 18px; line-height: 2em; color:#fff;}


a{color:#fff; text-decoration: none;}


p{font-size: 15px; line-height: 1.4em; color:#b1c9ec;}


#header-text h1{color:#fff;line-height: 1.5em;}




/* Header */

#header{ height:150px; margin:0 auto; width:100%; background:  transparent url("../images/header.jpg") repeat-x;}
	
#header-content{margin:0 auto; width:1025px; height:150px;  background-image:url("../images/header-cloud.jpg"); background-repeat: no-repeat;}
	
#title{	height: 116px; width:188px; padding: 0px 0px 0px 0px;	float:left; margin: 0px 65px 0px 47px;} 


#header-text{ margin-top: 25px;  float:left; height: 90px; width: 650px;}


#header-text h1{color:#fff;line-height: 1.5em;}


ul#choice-nav{float:left; margin-left:30px; margin-top:5px; font-size: 12px;}
ul#choice-nav li{float:left; height:20px; width:102px; background-image: url("../images/small-buttons.png"); margin-left: 5px;}
ul#choice-nav li:hover{background-position: 0px -20px;}
ul#choice-nav li:active{background-position: 0px -40px;}
ul#choice-nav li a{display:block; text-align:center; line-height: 1.4em;}

ul#choice-nav li#commercial{background-position: 0px 0px;}
ul#choice-nav li#commercial:hover{background-position: 0px -20px;}
ul#choice-nav li#commercial:active{background-position: 0px -40px;}

ul#header-nav{float:left; margin: 0px 0px 0px 50px;}
ul#header-nav li{float:left;height:24px; width:111px; background-image: url("../images/large-buttons.png"); margin-left: 5px;}
ul#header-nav li:hover{background-position: 0px -24px;}
ul#header-nav li:active{background-position: 0px -48px;}
ul#header-nav li a{display:block; text-align:center; line-height: 1.7em;}

ul#header{float:left;}

br{clear:both;}

#tel{ float:right;  font-size: 17px; right:30px; width: 300px; font-weight: bold;}	
/* Header end */


#wrap{	height: 100%; margin: 0 auto; background-color: transparent; width: 1005px; padding: 0px 0px 0px 15px;}


.shadow{ float:left; background: transparent url("../images/shadow.png") no-repeat; height:200px; width:240px; }



.sub-title{padding-top:3px;color:#fff; width:190px; height: 47px; background-image: url("../images/transparent.png"); background-repeat:repeat; position: relative; bottom:-61px; font-size: 14px; font-weight:bold;  cursor:pointer; }
.sub-title a{text-align:center; position: relative;display:block;}

.oneline{padding-top:15px; color:#fff; width:190px; height: 35px; background-image: url("../images/transparent.png"); background-repeat:repeat; position: relative; bottom:-61px; font-size: 14px; font-weight:bold; cursor:pointer; }
.oneline a{text-align: center; display:block; width:190px;}

.twolines{padding-top:10px;color:#fff; width:190px; height: 40px; background-image: url("../images/transparent.png"); background-repeat:repeat; position: relative; bottom:-61px; font-size: 14px; font-weight:bold; cursor:pointer; }
.twolines a{text-align: center;}

.sub-title span{font-size: 14px; font-weight:normal; cursor:pointer;}



.box{width:220px; height:151px; background: transparent url("../images/box.jpg") no-repeat; overflow: hidden; margin: 20px 0px 0px 13px; padding: 1px 0px 0px 0px; position:relative; z-index: 20;}
.box:hover{overflow: visible; background-position: 0px -152px; z-index: 20;}

.box a{display: block; width:100%; height:100%; position: absolute; z-index:20;}

.picture{height:124px; width:190px; background: url("../images/anechoic.jpg") no-repeat; position:relative; top: 12px; left: 15px;}
.picture2{height:124px; width:190px; background: url("../images/chamberpic.jpg") no-repeat; position:relative; top: 12px; left: 15px;}
.picture3{height:124px; width:190px; background: url("../images/anechoic-elements.jpg") no-repeat; position:relative; top: 12px; left: 15px;}
.picture4{height:124px; width:190px; background: url("../images/shielding.jpg") no-repeat;position:relative; top: 12px; left: 15px; }


.dropdown{   width: 210px; background: transparent url("../images/dropdownback.jpg"); background-repeat: repeat; 
            position:relative; left:5px; top:27px; z-index:20;}

.dropdown-bottom{ height:10px; width:210px; background: transparent url("../images/dropdownbottom.png") no-repeat; position:relative; left:5px; top:26px; z-index: 20;}

.dropdown ul{color:#dae1ef; }

.dropdown ul li {width: 204px; height: 40px; border-bottom: 1px dashed #6174ac; margin:0px 0px 0px 3px; }
.dropdown ul li a{width: 203px; display:block; padding: 5px 0px 2px 0px; text-align:center; line-height: 1.2em; position:relative;}

.dropdown ul li.dropdown2 {width: 204px; height: 25px; border-bottom: 1px dashed #6174ac;  margin:0px 0px 0px 3px; 
                          }
.dropdown ul li.dropdown2 a{ width: 203px; display:block; padding: 0px 0px 2px 0px; line-height:2em; position:relative;} 

.dropdown ul li.dropdown3 {width: 204px; height: 55px; border-bottom: 1px dashed #6174ac;  margin:0px 0px 0px 3px; }
.dropdown ul li.dropdown3 a{ width: 203px;display:block; padding: 3px 0px 2px 0px; line-height: 1.2em; }

.dropdown ul li:hover{  background-color: #7496c5; }




/* body text */

#topleft{width: 350px; height: 200px; float:left; margin: 0px 0px 10px 20px;}
#topright{width: 350px; height: 200px; float:left;margin: 0px 0px 10px 30px;}
#bottomleft{width: 350px; height: 200px; float:left;margin: 0px 0px 10px 20px;}
#bottomright{width: 350px; height: 200px; float:left;margin: 0px 0px 10px 30px;}

#topleft a {color: #b1c9ec;}
#topleft a:hover {color: #fff;}

#topright a {color: #b1c9ec;}
#topright a:hover {color: #fff;}

#bottomleft a {color: #b1c9ec;}
#bottomleft a:hover {color: #fff;}

#bottomright a {color: #b1c9ec;}
#bottomright a:hover {color: #fff;}

.quote{width:180px; height: 140px; float:left; margin: 15px 0px 0px 10px; border: 1px dashed #b1c9ec; 
      background-image:url("../images/quote.png");background-repeat: no-repeat; color: #fff; font-size: 17px; text-align: center; padding-top: 5px;
      line-height: 1.5em;}

.quote span{font-size: 14px; z-index: 1;}
.quote a:hover{color:#7496c5;}
 a#click{height:24px; width:111px; background-image: url("../images/large-buttons.png"); font-size: 13px; display:block;  margin-left: 33px;
          position:relative; z-index: 1; text-align: center; }

 a#click:hover{background-position: 0px -24px;}
 a#click:active{background-position: 0px -48px;}
 
  #holder{text-align:left; width:180px;}

#news{ width: 100%; height: 100%;background: transparent url("../images/dropdownback.jpg"); background-repeat: repeat; float:left; color: #fff;}
#news-content{margin:0 auto; width:960px; height:100%; }
#news-title{width:960px; height: 40px; float:left; margin: 10px 0px 10px 0px; }
.news-pic{float: left; width: 200px; height: 200px;  margin: 0px 0px 20px 10px;}
.news-desc{float: left; width: 230px; height: 200px;  color:#e3dc1c; margin: 0px 10px 20px 20px; font-size: 13px; color:#b1c9ec; line-height:1.4em;}
.news-desc a {  text-decoration: underline;}
.news-desc a:hover {  color:#0c1746;}

a.headline{font-size: 15px; font-weight:bold;  display:block; text-decoration: none;}

#footer{width: 100%; height: 100px;  background-image: url("../images/texture-background2.jpg"); float:left;}

#footer-content {margin:0 auto; width:1025px; }

#footer-content img{margin: 15px 0px 0px 20px;  float:left;}

#details{height: 50px; width:820px; float:left; margin: 30px 0px 0px 20px; color:#667b99; line-height: 1.3em; font-size: 10px;}

.tab{width:220px; height: 70px; background-image: url("../images/tab.png"); float:left; margin: 0px 2px 0px 17px;
    overflow:hidden; position:relative; z-index:11;  }

.tab:hover{background-position: 0px -70px;}