/* LECTRONICS.NET CSS */
/* A different file contains IE hacks ie.css */

body {
	background: #8C8C8C;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.6em;
	font-size: small
}

#container {
	background: #fff url(../images/common_images/bkg_tile.gif) repeat-x;
	border-bottom: 1px solid #ececec;
}

.minwidth {
	width: 100%;
	min-width: 800px;
	margin: 0 auto;
	padding: 0;
}

.layout {
	width: 80%;
	min-width: 800px;
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #ececec;
	text-align: left;
}

/*  REGULAR STYLES  */

#gutter {
	font: 10px Arial;
	color: #006699;
	padding: 4px 10px 6px 30px;
	text-align: right;
	letter-spacing: 1px;
	clear:both;
}

#gutter a {
	text-decoration: none;
}

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

.graybox {
	background-color: #d2d2d2;
}

.blackbkg {
	background: #000 url(../images/index_main_pic.jpg) -2px -2px no-repeat;
}

	
/* Self-Clearing Float */

.graybox:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* Self-Clearing Float */

.blackbkg:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/****  UNIVERSAL CLASSES  ***/

.floatleft {
	float: left;
}

.floatright {
	float: right;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin: 0 0 5px 10px;
}

.blue {
	color: #006699;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

.red {
	color: #990000;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}


/* styles to add icons to links  */
.pdf { 
	background: url(../images/common_images/icon_tiny_pdf.gif) no-repeat 0 50%;
	padding-left: 18px;
}


/****  UNIVERSAL LIST STYLE  ***/

ul {
	list-style: square;
}



/**** SITE NAVIGATION ****/

#nav {
	
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	border-bottom: 1px solid #8C8C8C;
	}
	
#nav li {
	font-size: 88%;
	font-weight: bold;
	margin: 0; 
	padding: 0;
	float: left;
	background: #8F8F8F;
	}

#nav a {
	float: left;
	display: block;
	padding: 70px 0 10px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}
	
#nav a:hover {
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
	text-decoration: underline;
	}

#nav a:active, #nav a.selected {
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
	}
	
#tab1 a  {
	width: 105px;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}

#tab2 a  {
	width: 105px;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}

#tab3 a  {
	width: 105px;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}

#tab4 a  {
	width: 105px;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}
	
#tab5 a  {
	width: 105px;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}

/*-----( KEEP TABS LIT )-----*/

body#capabilities #nav #tab1 a,
body#services #nav #tab2 a,
body#industry #nav #tab3 a,
body#press #nav #tab4 a,
body#aboutus #nav #tab5 a,
body#quote #rfq a {
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
}

/****  TOP BUTTONS ON HOME PAGE ****/

#topbuttons {
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	list-style: none;
	}
	
#topbuttons li {
	display: inline; /*  FIX IE Double margin bug */
	font-size: 90%;
	margin: 0; 
	padding: 0;
	min-height: 80px; 
	}

#topbuttons a {
	display: block;
	color: #000;
	text-decoration: none;
/*	text-align: center; */
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}
	
#topbuttons a:hover {
	color: #fff;
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
	}

#topbuttons a:active, #topbuttons a.selected {
	color: #fff;
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
	}

#rfq a {
	background: #005035 url(../images/nav/btn_rfq_green.jpg) bottom left repeat-x;   
	padding: 9px 12px; 
	border-top: 1px solid #ececec;
	color: #fff;
}

#msg a {
	padding: 9px 12px;
}

#titlebar {
	border-top: 1px solid #ffffff;
	color: #fff;
	background-color: #8f8f8f;
	margin: 0;
	padding: 25px 20px 10px 20px;
	clear: both; 
}

#content {
	color: #333333;
	margin-top: 20px;
}

#sidebar {
	width: 260px;
	float: left;
	padding: 0;
	margin: 0 20px 10px 0;
	background-color: #f4f4f4;
}

#sidebar img {
	border: 1px solid #8f8f8f;
}

#sidebar .caption {
	background-color: #8F8F8F;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	padding: 2px 5px 2px 20px;
	display: block;
}

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3 {
	padding: 10px 20px 0 20px;
}

/****  TECHNOLOGIES BUTTONS ON HOME PAGE ****/

#technologies {
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	list-style: none;
	}
	
#technologies li {
	display: inline; /*  FIX IE Double margin bug */
	font-size: 88%;
	font-weight: bold;
	margin: 0;
	padding: 0;  
	}

#technologies a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #8f8f8f url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}
	
#technologies a:hover {
	color: #fff;
	background: #206f8f url(../images/nav/nav_on.jpg) bottom left repeat-x; 
	}	
	
.spacing {
	padding-left: 20px;
	}

/***  MAIN BODY STYLES ***/

#maintext {
	padding: 0 20px 0 0;
	margin: 0 0 0 280px;
}

body#home #maintext,
body#glossary #maintext,
body#sitemap #maintext, 
body#certpage #maintext {
	padding: 0 20px 0 0;
	margin: 0 0 0 20px; /* Allow text to wrap image on homepage  */
}

#pressrelease {
	clear: both;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 0 0;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
}

/****  INDUSTRIES NAV ON HOME PAGE ****/

#industries {
	font-size: 88%;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
	}
	
#industries li {
	float: left;	
	margin: 0; 
	padding: 0;
	display: block;
	}

#industries a {
	float: left;
	display: block;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}

#industries a:link {
	color: #ffffff;
}

#industries a:hover {
	color: #fff;
	background: #206F8F url(../images/nav/nav_on.jpg) bottom left repeat-x;
	text-decoration: none;
	background-color: #206F8F;
	}
	
	
/****  CUSTOM LIST (sub page navigation) ****/

.customlist {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	}
	
.customlist li { 
	background: url(../images/sidebar/bullet.gif) no-repeat top left;
	padding-left: 24px;	
	margin-left: 0;
	}
	
.sitemaplist li {
	list-style: none;
	background: url(../images/bullet_sitemaplist.gif) no-repeat top left;
	padding-left: 20px;
	margin-left: 0;
	}

.sitemaplist li ul li {
	background: url(../images/sidebar/bullet.gif) no-repeat top left;	
	margin-left: 0;
	border-left: 1px solid #ececec;
	}

/*****  BOTTOM BOX  *****/

#bottombox {
	clear: both;
	background-color: #f4f4f4;
	margin-top: 1px;
	padding: 0;	
}

#leftbox {
	width: 46%;
	float: left;
	padding: 10px 0 0 20px;
	margin: 0;
	height: 100%;
}

#rightbox {
	width: 46%;
	float: right;
	padding: 10px 20px 0px 20px;
	margin: 0;
	height: 100%;
}

#certs {
	clear: both;
	padding: 0;
}

/**** GRID - Certifications Page ****/

#grid {
	width: 46%; /* 380 */
	padding: 10px 0;
	}
	
#grid dl {
	float: left;
	width: 100%; /* 360 */
	margin: 10px 0;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	}

#grid dt {
	float: right; 
	width: 100%; /* 242px */
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #006699;
	}
	
#grid dd {
	padding: 0;
	margin: 0;s
	}

#grid dd.img img {
	float: left;
	margin: 4px 8px 0 0;
	padding: 4px;
	border: 1px solid #cecece;
	}
	
#grid dl dd.img {
	margin: 0;
	}

/****  FOOTER (bottom of all pages)  ****/

.footerborders {
	border-top: 1px solid #ececec;
/*	border-bottom: 10px solid #00638A; */
}

#footer {
	clear: both;
	padding: 10px 0 10px 20px;
}

.footerfix {   /* forces firefox to make layout line on right to full height */
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/****  FOOTER CERTIFICATIONS ****/

#certs #certifications {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	}
	
#certifications li {
	font-size: 85%;
	float: left;	
	margin: 0; 
	padding: 0;
	display: block;
	}

#certifications a {
	float: left;
	margin: 5px 20px 0 0;
	padding: 0;
	text-decoration: none;
	}
	
/****  FOOTER LOGOS ****/

#certlogos {
	clear: both;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
	list-style: none;
	}
	
#certlogos li {
	float: left;
	width: 14%;	
	margin: 0; 
	padding: 0;
	display: block;
	}

#certlogos a {
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
#certlogos img {
	border: 0;
}

/****    FORM STYLES ****/

form {
	margin: 20px 0 0 0;
}

dl {
	margin: 0;
	border: 0;
}

form dt {
	font-weight: normal !important;
	}

form dd, form select {
	padding: 0;
	margin: 0 0 10px 0;
	}
	
fieldset {
	margin: 10px 0;
	padding: 20px;
	border: 1px solid #ececec;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;   
}	
	
legend {
	color: #00638A;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #d2d2d2;
}

input, select, textarea {
	width: 300px;
	border: 1px solid #d2d2d2;
	padding: 2px;
	color: #444;
	cursor: pointer;
}

.inlineform dt {
	float: left;
	padding-right: 6px;
}

form #submit, form #reset {
	color: #fff;
	font-weight: bold;
	background: #8F8F8F url(../images/nav/nav_off.jpg) bottom left repeat-x;
}

/****   TEXT STYLES   ****/

h1 {
	font-size: 150%; 
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #006699;
}

h2 {
	font-size: 120%; 
	letter-spacing: 1px;
	color: #006699;
	text-transform: uppercase;
}

h3 {
	font-size: 100%;
	letter-spacing: 1px;
	color: #006699;
}

#titlebar h1 {
	font-weight: normal;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

#titlebar p {
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

.small {
	font-size: 85%;
}

blockquote {
	padding: 20px 30px;
	margin: 20px;
	color:#8c8c8c;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	line-height: 1.8em;
	font-style: italic;
	font-weight: bold;
}

/****	GENERAL LINK STYLES    ****/

a:link {
	color: #006699;
	}
	
a:visited {
	color: #660099;
	}