/* Style Sheet
Created by W.Paoli
12-12-06
for
SA Photonics
Launch Date: 1/9/07

This document flows in the order of the page in general.
questions: email - wpaoli@gmail.com
*/

#wrapper { min-height: 100%; }
* html #wrapper { height: 100%; }
a {outline:  none;}

body
{
margin: 0;
padding: 0;
background-image:url(images/background.jpg);
font-family:Arial, Helvetica, sans-serif;
}

a:link {
color:#1D387E;
}

a:hover {
color:#E10A49;
}


#logo h1 a{
	display:block;
	height:50px;
	width:452px;
}


h4
{
margin-bottom: 0;
}

/*p{text-indent: 15pt;}*/

caption
{
margin: 0 auto; 
padding: 6px;
color: #192463;
font-weight:bold;
}
#wrapper
{
width: 775px;
position:relative; 

margin: 15px auto;
background: #fff;
}

#content p, #content-product p {
line-height: 21px
}

#logo
{
background:url(images/logo-tab.jpg) no-repeat;
height:59px;
margin:0;
padding:0;
}

#logo h1{
margin: 0px;
text-indent: -10000px;
}

#contact
{
margin: 0;
position: absolute;
top: 38px;
left: 470px;
}

#contact a{
text-decoration:none;

}

#contact img
{
border:none;
}

#contact h2
{

display: inline;
font-size: 8pt;
font-weight: bold;
color: #3F4561;
position: relative;
bottom: 1px;
padding-right: 15px;

}

#phone
{
position: relative;
top:1px;
}

#mainNav
{
margin: 0;
padding: 0;
height:30px;
background:url(images/nav-bg.jpg) repeat-x;
} 

#mainNav ul
{

margin: 0;
padding-left: 10px;
_padding-left: 0px;

list-style:none;
width: 775px;

position: relative;
top: 3px;
}

#siteNav ul, #siteNav li
{
float: left;
margin-left: 10px;
}


#siteNav ul, #siteNav a
{
display:block;
padding-top:0;
float: left;
line-height: 2em;
width: 141px;
text-decoration:none;
text-align: center;
padding-bottom: 15px;
background:url(images/horiz-button.gif) no-repeat;
color: #fff;
font-size: 11px;
}

#siteNav a:hover
{
color:#E53950;
}

#siteNav a.active {
	color:#E21350;
}

#home #banner
{
background:url(images/banner.jpg) no-repeat;
height: 182px;
position: relative;
top: -3px;
}

#banner
{
background:url(images/banner_wp.jpg) no-repeat;
height: 102px;
position: relative;
top: -3px;
}
/*Breadcrumbs */
p#breadcrumbs {
/*margin-top: -10px;		
position:absolute;*/	
font-size: 10pt;
/*left:0;*/
margin:5px 0 15px 15px;
}

p#breadcrumbs a {
	background: url(images/bread_arrow.gif) no-repeat right 2px;
	padding:0 15px 0 6px;
	
}

p#breadcrumbs a.bc_first {
	padding-left: 0;
}

p#breadcrumbs span {
	padding-left: 6px;
}

#news.story p#breadcrumbs {
	margin-top: 1px;
	margin-left: 15px;
}

#news.story p {
	text-indent: 0;
	padding-left: 0;
}

#news.story #content-product h1 {
	font-size: 21px;
	color: #192463;
	margin: 0;
}

#news.story #content-product h2 {
	font-size: 18px;
	margin: 0;
	padding-bottom: 10px;
}


#news.story #content-product h3 {
	font-size: 15px;
	margin: 5px 0;
	padding-left: 0;
}


#news.story p {
	margin: 0 10px 0 0;
	width: 100%;
	padding-bottom: 10px;
}

#sideCol
{
width: 305px;
float:left;
color:#000;
margin-top: 15px;
background-color:#fff;
}

#home #sideCol {
	margin-top: 0;
}

#technology #sideCol, #products #sideCol
{
	margin-top: 8px;
}

#sideNav
{

margin-left: 10px;
position:relative;
bottom: 20px;
}

#productsBanner
{
background:url(images/products-nav.jpg) no-repeat;
height: 36px;
width: 274px;
position: relative;
top: 10px;
left: 5px;
}

#techBanner
{
background:url(images/technologies.jpg) no-repeat;
height: 36px;
width: 274px;
position: relative;
top: 10px;
left: 5px;
}

#sideNav h2
{
text-indent:-10000px;
}

#productsTechBanner
{
background:url(images/products.jpg) no-repeat;
height: 36px;
width: 274px;
position: relative;
top: 10px;
left: 5px;
}

ul#productsTech
{
line-height: 1.6em;
margin: 0;
padding-left:0pt;
}

#productsTech li
{
background:url(images/product-button.jpg) bottom no-repeat;
list-style: none;
/*margin-left:-40px;
*/text-indent: 15px;
font-size: 11px;
font-family: Arial;
color:#fff;
}

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

#productsTech a:hover
{
color: #174895;
}

#goldTop
{
background:url(images/top-goldBox.jpg) no-repeat;
float: left;
position:relative;
width:284px;
}

#goldMiddle
{
background:url(images/middle-goldBox.jpg) repeat-y;
width:284px;
}


#goldBottom
{
background:url(images/bottom-goldBox.jpg) no-repeat;

float:left;
width:284px;

}

#content
{
width: 470px;
float:right;

color:#000;
background-color:#FFFFFF;

}

#products #content, #technology #content {
	margin-top: 5px;
}

#news.story #content-product {
	width: 90%;
	float: none;

}

#news.story #content-product p{margin-top: 0;}

#hideHead
{
text-indent: -10000px;
}

#welcome
{
background:url(images/welcome.jpg) no-repeat;
text-indent: -10000px;
margin-bottom: 8px;
height: 35px;
position:relative;
bottom: 19px;
}

#modulated
{
background:url(images/modulated.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#multifunction
{
background:url(images/multifunction.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#press-releases
{
background:url(images/pressreleases.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#tunable-laser
{
background:url(images/tunable_laser.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#framer
{
background:url(images/framer.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#steering
{
background:url(images/steering.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#beamformers
{
background:url(images/beamformers.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 5px;
}

#lasercom
{
background:url(images/lasercom.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#wearable
{
background:url(images/wearable.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#contact-us
{
background:url(images/contact-us.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
margin-bottom: 0;
margin-left: 15px;
}

#about-us
{
background:url(images/about-us.jpg) no-repeat;
text-indent: -10000px;
width: 450px;
height: 35px;
position:relative;
bottom: 10px;
}

#home #content {
	margin: 0px 0 30px 0;
}

#content p
{
margin: 0 0 5px 0;
padding-left: 5px;
width: 90%;
}

#content-product img
{
padding: 7px;


}

#content-product{

padding: 0px 10px 0px 15px;

}

#content-product #contact-us-wrapper p {
	padding-left:  0;
	margin:  0;
	width:  auto;
	text-indent:  0;
}

#content-product p, h3{
/*padding-left: 10px;*/
margin-top: -17px;
width: 70%;
}

/*#content-product ul {
list-style-image: url(images/bread_arrow.gif);
}*/

/*Light Source Page Table*/
#lt_src
{

border-collapse:collapse;
border: 1px solid #000;
}


#mfpmTable
{


}


th, td
{
padding: 0.1em 1em;
}

th
{
background:#192463;
color:#fff;
}

.odd
{
background:#DBDBDB;
}

.right{float:right; width:48%;}
.left{float:left; padding-left: 1em;}
.center{text-align:center;}

#footer
{

color:#000;
background:white;
clear: both;
} 


#footer hr
{
border: solid #174895;
width: 775px;
}

#footerNav
{

padding-left: 8px;
font-size: 12px;
background: #FFF;
}

/*#footerNav ul, #footerNav li
{
float: left;
display:inline;
list-style:none;
background: #FFF;
}*/

#footerNav a
{
text-decoration: none;
color: #000;

}

#copyright
{

margin-left: 660px;
position:relative;
bottom: 16px;
font-size: 12px;

}

#office
{
position: relative;
bottom: 10px;
}

#MFPMfeatures ul
{

list-style-type:square;

width: 46%;
position:relative;
bottom: 23px;


}

#MFPMfeatures li
{
padding-bottom:5px;
}


#spaceFeatures{
list-style-type:square;
display: table;
width: 43%;
position:relative;
}


#spaceFeatures li
{
padding-bottom:5px;
}

#news table{
	font-size: .9em;
	border-collapse: collapse;
}

#news table th{
	font-size: .9em;
	font-weight: normal;
border-bottom: 1px solid black;
background:#192463;
color:#fff;
}

#news table td {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
border-left: 1px solid #ccc;
}

#news table td.date {
font-weight: bold;	
border-left: 1px solid #fff;

}

#news table tr.last td  {
	padding-bottom:10px;
}

#news th.title {
	border-left: solid 1px #ccc;
	text-align: left;
}
#news #release-table {
	border-bottom: solid 1px #ccc;
}

* html #technology #sideCol, * html #products #sideCol
{
	margin-top: 12px;
}


.map {
	margin: 1em 0;
}

#contact-page #content-product {
	padding:  0;
}