BODY, DIV, SPAN, P, BLOCKQUOTE, OL, UL, LI, TD {
font-family: 'Trebuchet MS', 'Lucida Grande', Arial,Verdana,sans-serif;
}
body {
	background-color:#C6CDE7;
	background-image: url(../images/bg_page1.jpg);
	background-repeat:repeat-x;
	padding: 0;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
a:link, a:visited, a:hover {
	color: #3366CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #888888;
}
.hidden {
height: 1px;
font-size: 1px;
line-height:1px;
margin:0;
padding:0;
border:0;
}
.clear { 
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
padding: 0px;
margin: 0px;
border: 0px;
}
#bannerPrint {
display:none;
}
#banner {
	width:100%;
	height:133px;
	background-color:#333333;
	background-image: url(../images/bg_banner.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin:0;
	padding:1px 0 0 0;
	text-align:left;
	position:relative;
	display:block;
}
#logo {
float:left;
width:553px;
margin:0 0 0 15px;
padding:30px 0 0 0;
position:relative;
display:block;
}
#bnrLnks {
float:left;
width:100%;
margin:-120px 15px 0 0;
padding:0;
position:relative;
display:block;
font-size:10px;
color:#444444;
font-weight:bold;
text-align:right;
}
#bnrLnks a {
color: #b6c1d3;
}
#container {
width:100%;
margin:0;
padding:0 0 15px 0;
text-align:center;
position:relative;
display:block;
}
#centered {
width:802px;
margin:0 auto 0 auto;
padding:0;
position:relative;
display:block;
}
/*#navBarBrdr {
width:800px;
height:28px;
background-color:#ffffff;
margin:20px 0 20px 0;
padding:1px 0 1px 0;
position:relative;
display:block;
}
#navBar {
width:797px;
background-color:#d8deee;
margin:01px 0 2px;
padding:0;
position:relative;
display:block;
text-align:left;
}*/
#contentTop {
width:799px;
height:1px;
font-size:1px;
line-height:1px;
background-image: url(../images/bg_body_top.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
position:relative;
display:block;
}
#contentBottom {
width:799px;
height:1px;
font-size:1px;
line-height:1px;
background-image: url(../images/bg_body_top.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
position:relative;
display:block;
}
#content {
width:799px;
background-image: url(../images/bg_body_mid.gif);
background-repeat: repeat-y;
margin:0;
padding:0;
position:relative;
display:block;
}
#colLeft {
float:left;
width:561px;
margin:0;
padding:0;
position:relative;
display:block;
text-align:left;
}
#padding {
width:511px;
margin:0 25px 0 25px;
padding:0;
position:relative;
display:block;
border:0;
}
#text {
width:511px;
margin:0 25px 0 25px;
padding:25px 0 25px 0;
position:relative;
display:block;
border:0;
}
#colRight {
float:left;
width:226px;
margin:0 0 0 10px;
padding:0;
position:relative;
display:block;
text-align:left;
}
#footer {
width:800px;
margin:0;
padding: 10px 0 0 0;
text-align:left;
display:block;
position:relative;
font-size:11px;
color:#333333;
}
#footer #icon {
float:left;
width:55px;
margin:0;
padding:0;
position:relative;
display:block;
}
#footer #text {
float:left;
width:300px;
margin:0;
padding:0;
position:relative;
display:block;
font-size:11px;
color:#333333;
line-height:30px;
}
#textRt {
width:200px;
margin:0 12px 0 14px;
padding:0 0 10px 0;
position:relative;
display:block;
text-align:left;
}
h1 {
padding: 0px 0 0 0;
margin: 0;
font-family: Verdana, sans-serif;
font-size: 107%;
color: #5566cc;
}
h2 {
padding: 2px 0 0 0;
margin: 0;
font-size: 95%;
color: #000000;
}
h3 {
padding: 20px 0 0;
margin: 0;
font-size: 90%;
color: #666666;
}
h4{
 padding: 2px 0 0 0;
 margin: 0;
 font-size: 85%;
 font-weight: normal;
 color: #6677aa;
}
label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
#text p {
padding: 20px 0 0 0;
margin: 0;
font-size: 12px;
line-height:15px;
color: #333333;
}
#textRt p {
padding: 35px 0 0 0;
margin: 0;
font-size: 12px;
line-height:15px;
color: #555b7f;
}
#textRt ul {
	padding: 35px 0 10px 15px;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
}
#textRt li {
	margin: 0;
	list-style-image: url(../images/arrowright.gif);
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	list-style-position: outside;
}

#textRtBlog p {
padding: 35px 0 0 0;
margin: 0;
font-size: 12px;
line-height:15px;
color: #555b7f;
}
#textRtBlog ul {
padding: 35px 0 10px 15px;
margin: 0;
font-size: 11px;
line-height: 15px;
list-style-type: none;
}
#textRtBlog li {
margin: 0;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}
.attribute {
color: #557fd1;
font-weight:bold;
}
#content ul {
padding: 0 0 10px 30px;
margin: 0;
font-size: 12px;
line-height: 15px;
}
#content ol {
padding: 0 0 10px 30px;
margin: 0;
font-size: 12px;
line-height: 15px;
}
#content li {
padding: 0 0 10px 0;
margin: 0;
}
#content .breadcrumb {
font-size: 11px;
margin: 0 0 0 10px;
padding:10px 0 20px 0;
}
#copyright {
width:770px;
margin: 0;
padding:5px 0 10px 0;
position:relative;
display:block;
text-align:left;
}
#copyright p {
font-size:11px;
margin: 0;
padding:0;
}
#menu {
margin:0;
padding:25px 0 0 0;
}
/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:23px;
	position:relative !important;
	}

/* link and list-item widths correspond with image widths */
#tech, #techButton, #techButton:visited {
	width:133px;
	}
#triometrik, #triometrikButton, #triometrikButton:visited {
	width:133px;
	}
#listen, #listenButton, #listenButton:visited {
	width:133px;
	}
#news, #newsButton, #newsButton:visited {
	width:133px;
	}
#beam, #beamButton, #beamButton:visited {
	width:134px;
	}
#contact, #contactButton, #contactButton:visited {
	width:134px;
	}
	
.navButton span, .navButton:visited span {
	display:block;
	height:23px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}
	/* button images are span background images */
#techButton span, #techButton:visited span {
	background-image:url(../images/nav_mapps.gif);
	}
#triometrikButton span, #triometrikButton:visited span {
	background-image:url(../images/nav_triometrik.gif);
	}
#listenButton span, #listenButton:visited span {
	background-image:url(../images/nav_listen.gif);
	}
#newsButton span, #newsButton:visited span {
	background-image:url(../images/nav_news.gif);
	}
#beamButton span, #beamButton:visited span {
	background-image:url(../images/nav_beam.gif);
	}
#contactButton span, #contactButton:visited span {
	background-image:url(../images/nav_contact.gif);
	}
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 -37px;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 0;
	}
.caption {
	font-size: 10px;
}

