html {
background: transparent url(images/grid-bg.gif) top center repeat;
}

body {
background: transparent url(images/bg-gradient.png) top left repeat-x;
min-height: 500px;
margin: 0;
}

.contact-form-table {
  padding: 0;
  margin: 0;
  border-spacing: 0;
}

.contact-form-table td {
  vertical-align: top;
  padding: 0 0 0 8px;
  margin: 0;
}
.contact-form-table th {
  vertical-align: top;
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-align: left;
}
.contact-form-table p {
  padding: 0;
  margin: 0;
}

#container-outer {
width: 960px;
background: transparent url(images/container-bg.png) top left repeat-y; 
margin: 0 auto;
padding: 0 5px;
}

#container-outer #container-inner {
background: transparent url(images/bg-image.png) bottom left no-repeat;
}

.default #container-outer #container-inner {
background: transparent url(images/bg-image-default.png) bottom left no-repeat;
}

#header-container {
background: transparent url(images/header-bg.png) top left no-repeat;
width: 960px;
height: 136px;
padding: 1px 0 0 0;
position: relative;
z-index: 100;
}

#header-container h1 a{
display: block;
width: 142px;
height: 0;
padding: 32px 0 0 0;
background: transparent; 
overflow: hidden;
margin: 26px 0 0 30px;
}

#header-container h1 {
display: block;
margin: 0;
}

#header-container h2 {
display: block;
height: 0px;
padding: 20px 0 0 0;
overflow: hidden;

}

span#products-menu {
float: right;
display: block;
color: white;
margin: 0 12px 0 0;
}

span#products-menu a {
color: white;

}

#top-menu {
background: transparent;
float: right;
list-style: none;
position: absolute;
top: 81px;
right: 0;
margin: 0 11px 0 0;
padding: 0;
}

#top-menu ul {
display: none;
background: #082F72 repeat top left;
position: absolute;
list-style: none;
padding: 4px;
margin: 0;
}

#top-menu ul li {
margin: 0;
padding: 0;
float: none;
font-family: arial, sans-serif;
color: white;
font-size: 12px;
}




#top-menu li {
float: left;
margin: 0 20px 0 0;
}

#top-menu li:hover ul{
display: block;

}

#top-menu li a {
font-family: verdana, sans-serif;
font-size: 12px;
color: white;
text-decoration: none;
display: block;
height: 19px;
padding: 5px 4px 0 4px;
}

#top-menu li:hover a {
background: #DAE2EC;
color: #0D4188;
}

#top-menu li:hover li a {
background: transparent;
}

#top-menu li:hover li:hover {
background: white;
text-decoration: underline;
color: #ffffff;
}

#top-menu li a.selected-item {
background: #DAE2EC;
color: #0D4188;
} 

#top-menu li ul {
width: 120px;
background: #DAE2EC; 
}

#image-banner {
width: 960px;
height: 144px;
/*
background: transparent url(images/image-banner-placeholder.jpg) top left no-repeat;
*/
position: relative;
overflow: hidden;
}


#image-banner .ss-dropshadow {
position: absolute;
bottom: 0;
left: 0;
}
#image-banner .img1,
#image-banner .img2,
#image-banner .img3,
#image-banner .img4,
#image-banner .img5,
#image-banner .img6,
#image-banner .img7,
#image-banner .img8,
#image-banner .img9
{
position: absolute;
  top: 0;
  left: 0;
}
#image-banner .img2 {
  left: 240px;
}
#image-banner .img3 {
  left: 480px;
}
#image-banner .img4 {
  left: 720px;
}
#image-banner .img5,
#image-banner .img6,
#image-banner .img7,
#image-banner .img8,
#image-banner .img9 {
  display: none;
}


#title-bar {
background: transparent url(images/title-bar-bg.gif) top left repeat-x;
width: 960px;
height: 28px;
}

.default #title-bar {
margin: 0 0 0 -20px;
background: #0D4188 repeat-x top left;
width: 668px;
}

#title-bar h2 {
margin: 0 0 0 48px;
font-family: arial, sans-serif;
color: white;
font-size: 18px;
font-weight: bold;
padding: 2px 0 0 0;
float: left;
}

.default #title-bar h2 {
margin: -7px 0 0 21px;
display: block;
}

#title-bar p.tel-number {
color: white;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
float: right;
margin: 6px 31px 0 0;
}     

.default p.tel-number {
position: absolute;
top: 30px;
right: 36px;
font-family: arial, sans-serif;
color: #09448b;
font-weight: bold;
font-size: 14px;
}

#content-container {
background: transparent url(images/content-container-outer-bg.png) top left repeat-y;
min-height: 100px;
width: 960px;
}

h3 {
font-size: 15px;
}

h4 {
font-size: 12px;
}

.default #content-container {
background: transparent;
}


#content {
float: left;
width: 618px;
background: transparent url(images/content-bg.png) top left repeat-y;
margin: 21px;
padding: 0 0 0 26px;
font-family: arial, sans-serif;
color: #09448b;
font-size: 12px;
line-height: 2; 
position: relative;
}

#content.people {
float: left;
width: 618px;
background: transparent url(images/content-bg.png) top left repeat-y;
margin: 21px;
padding: 0 0 0 26px;
font-family: arial, sans-serif;
color: #09448b;
font-size: 12px;
line-height: 1.74; 
position: relative;
} 

#content p {
margin-bottom: 20px;
}

#content #photonics-banner {
margin: 15px;

}

#content #graph {
	float: left;
	margin: 0 10px 10px -4px;
	border: 2px outset #CCC;
}



#content ul.amps {
display: block;
padding: 0 0 0 344px;
}

#content a.pdf-download {
background: transparent url(images/pdf-icon.gif) left no-repeat;
padding: 0 0 0 24px;
display: block; 
height: 18px;
margin: 0;
}

#content #contact-form {
width: 310px;
float: right;
padding: 0 16px 16px 16px;
background: transparent url(images/form-bg.png) top left repeat;
margin: 18px -22px 10px 0;
height: 334px;
}

#content #contact-form input.field {
float: right;
width: 230px;
}

#content #contact-form input.field#submit {
/*background: transparent url(images/submit.png) top right no-repeat;*/
border: none;
height: 26px;
padding: 0;
overflow: hidden;
cursor: pointer;
width: 236px;
margin: 5px 0 0 0;
}
#content #contact-form textarea.field{
float: right;
width: 230px;
}

#contact-form h3 span {
font-size: 10px;
font-weight: normal;
}



.default #content {
margin-top: 0;
padding-bottom: 10px;
width: 626px
}

#content a{
color: #09448b;

}

#content a:hover {
color: #FB8916;
}



#sidebar {
width: 200px;
float: right;
background: transparent;
margin: 0 21px 0 0;
padding: 15px 0 15px 0;
font-family: arial, sans-serif;
font-size: 12px;
color: #09448b;
}

#sidebar h2 {
font-size: 16px;
padding: 0 0 0 4px;
}

#sidebar p.news-item {
background: transparent;
margin: 0 0 10px 0 ;
padding: 4px;
}

#sidebar p.news-item:hover {
background: transparent url(images/news-bg.png) top left repeat;
}

#sidebar p a.read-more {
display: block;
background: #09448b;
margin: 8px 0 0 0;
color: white;
font-weight: bold;
padding: 0 0 0 4px;
text-decoration: none;
font-style: italic;
}

#sidebar span.news-item-title {
font-weight: bold;
font-style: italic;
display: block;
margin: 0 0 5px 0;
}

#image-sidebar {
width: 211px;
float: right;
background: transparent;
margin: -8px 36px 0 0;
padding: 0 0 21px 0;
font-family: arial, sans-serif;
font-size: 12px;
color: #09448b;
}

.default #content-container #image-sidebar img {
margin: 8px 0 0 0;
padding: 0;
font-size: 0px;
display: block;
}

#footer {
clear: both;
background: transparent url(images/footer-bg.png) top left no-repeat;
width: 970px;
margin: 0 auto 20px auto;
height: 70px;
}

#footer-menu {
list-style: none;
margin: 1px 0 0 0;
float: right;
}

#footer-menu li {
float: left;
margin: 0 31px 0 10px;
}

#footer-menu li a {
color: white;
font-family: verdana, sans-serif;
font-size: 10px;
text-decoration: none;
}

#footer-menu li a:hover {
text-decoration: underline;
}

#footer p {
clear: right;
text-align: right;
margin: 0 31px 0 0;
padding: 20px 0 0 0;
color: #09448b;
font-family: verdana, sans-serif;
font-size: 10px;
}

#footer a {
text-decoration: none;
color: #09448b;
}

#footer a:hover {
text-decoration: underline;
}

#content.news {
padding-bottom: 20px;
}

#content .news-item {
border-bottom: 1px solid #BFBFBF;
}

#content .news-item h3 {
line-height: 1.2;
}

#content .news-item p {
line-height: 1.2;
}

#content .news-item p.date {
font-size: 10px;
font-style: italic;
}