/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dadadc;
}



div#vertical-repeat-bg
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/vertical-repeat-bg.gif);
	background-position: center;
	background-repeat: repeat-y;
}

div#detailed-bg
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/container-nav-bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 20px;
}

div#container
{
	position: relative;
	width: 882px;
	margin-left: auto;
	margin-right: auto;
}

div#footer-center-bg
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/footer-center-bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

div#footer-container
{
	position: relative;
	width: 882px;
	margin-left: auto;
	margin-right: auto;
}

div#footer-container-inner
{
	display: block;
	float: left;
	width: 100%;
	height: 195px;
}

div#footer-container-inner p.groove
{
	color: #FFFFFF;
	font-size: 11px;
	display: inline;
	float: left;
	width: 470px;
	background-image: url(/images/common/footer-groove.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 5px 0 5px 0;
	text-align: center;
}

div#footer-links a:link,
div#footer-links a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

div#footer-links a:active,
div#footer-links a:hover
{
	text-decoration: underline;
}

div#footer-links
{
	display: inline;
	float: left;
	width: 480px;
	margin: 38px 0 0 220px;
}

h1#logo a:link,
h1#logo a:visited
{
	display: inline;
	float: left;
	width: 232px;

	background-image: url(/images/common/bytec_systems.gif);
	background-position: top left;
	background-repeat: no-repeat;

    padding: 90px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 90px;
	
	margin: 0 0 0 2px;
}

div#straplines
{
	display: inline;
	float: left;
	padding-left: 20px;
	height: 97px;
}

div#straplines-flash
{
	display: inline;
	float: left;
	position: absolute;
	top: 18px;
}

div#content
{
	display: inline;
	float: left;
	margin-top: 20px;
	width: 615px;
	margin-left: 16px;
	padding-bottom: 0px;
}

div#nav
{
	display: inline;
	float: left;
	width: 236px;
	background-image: url(/images/common/nav-main.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

div#nav ul,
div#nav ul li
{
	list-style-type: none;
}

div#nav ul
{
	display: inline;
	float: left;
	width: 234px;
	overflow: hidden;
	margin-left: 1px;
	font-weight: bold;
	padding-top: 30px;
}

div#nav ul li
{
	display: inline;
	float: left;
	width: 234px;
	overflow: hidden;
}

div#nav ul li ul
{
	margin-left: 0px;
	padding-top: 0px;
}

div#nav ul li a:link,
div#nav ul li a:visited
{
	display: block;
	float: left;
	clear: left;
	width: 234px;
	background-image: url(/images/common/nav-bg-default.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-indent: 10px;
	font-size: 11px;
	text-decoration: none;
	color: #3D3F47;
}

/* ------------------------------------------------ arrow */
div#nav ul li.arrow a:link,
div#nav ul li.arrow a:visited
{
	background-image: url(/images/common/nav-bg-downarrow.png);
}
div#nav ul li.arrow a:active,
div#nav ul li.arrow a:hover
{
	background-image: url(/images/common/nav-bg-downarrow-hover.png);
}
/* ------------------------------------------------ selected */
div#nav ul li.selected a:link,
div#nav ul li.selected a:visited
{
	background-image: url(/images/common/nav-selected.png);
	color: #FFFFFF;
}
div#nav ul li.selected a:active,
div#nav ul li.selected a:hover
{
	background-image: url(/images/common/nav-selected-hover.png);
}
/* ------------------------------------------------ selected-arrow */
div#nav ul li.selected-arrow a:link,
div#nav ul li.selected-arrow a:visited
{
	background-image: url(/images/common/nav-selected-arrow.png);
	color: #FFFFFF;
}
div#nav ul li.selected-arrow a:active,
div#nav ul li.selected-arrow a:hover
{
	background-image: url(/images/common/nav-selected-arrow-hover.png);
	color: #FFFFFF;
}
/* ------------------------------------------------ nested arrow */
div#nav ul li.selected-arrow ul li.nested-arrow a:link,
div#nav ul li.selected-arrow ul li.nested-arrow a:visited,
div#nav ul li.selected-arrow ul li.selected-nested-arrow a:link,
div#nav ul li.selected-arrow ul li.selected-nested-arrow a:visited
{
	background-image: url(/images/common/nav-bg-nested-downarrow.png);
}
/* ---------------- not those nested below though */
div#nav ul li.selected-arrow ul li.selected-nested-arrow ul li a:link,
div#nav ul li.selected-arrow ul li.selected-nested-arrow ul li a:visited
{
	background-image: url(/images/common/nav-bg-nested-nested.png);
}

div#nav ul li.selected-arrow ul li.nested-arrow a:active,
div#nav ul li.selected-arrow ul li.nested-arrow a:hover,
div#nav ul li.selected-arrow ul li.selected-nested-arrow a:active,
div#nav ul li.selected-arrow ul li.selected-nested-arrow a:hover
{
	background-image: url(/images/common/nav-bg-nested-downarrow-hover.png);
}
/* ------------------- not those nester below though */
div#nav ul li.selected-arrow ul li.selected-nested-arrow ul li a:active,
div#nav ul li.selected-arrow ul li.selected-nested-arrow ul li a:hover
{
	background-image: url(/images/common/nav-bg-nested-nested-hover.png);
}

/*---------------------------------------- nested under selected */

div#nav ul li.selected ul li a:link,
div#nav ul li.selected ul li a:visited,
div#nav ul li.selected-arrow ul li a:link,
div#nav ul li.selected-arrow ul li a:visited
{
	color: #1D486A;
	text-indent: 25px;
	height: 28px;
	line-height: 28px;
	background-image: url(/images/common/nav-bg-nested.png);
}

div#nav ul li.selected ul li a:active,
div#nav ul li.selected ul li a:hover,
div#nav ul li.selected-arrow ul li a:active,
div#nav ul li.selected-arrow ul li a:hover
{
	background-image: url(/images/common/nav-bg-nested-hover.png);
}



div#nav ul li a:active,
div#nav ul li a:hover
{
	background-image: url(/images/common/nav-bg-default-hover.png);
}



div#nav ul li ul li ul li a:active,
div#nav ul li ul li ul li a:hover
{
	text-indent: 50px;
}

div#nav ul li a:link span,
div#nav ul li a:visited span
{
	color: #FFFFFF;
}

div#nav ul li a:link.selected,
div#nav ul li a:visited.selected
{
	background-color: #546f84;
	color: #FFFFFF;
}

/* --------------------- selected subpages based on Template property Page ID and list item ID */
body#company-history div#nav ul li li#sn-company-history a:link,
body#company-history div#nav ul li li#sn-company-history a:visited,
body#why-choose-bytec div#nav ul li li#sn-why-choose-bytec a:link,
body#why-choose-bytec div#nav ul li li#sn-why-choose-bytec a:visited,
body#markets div#nav ul li li#sn-markets a:link,
body#markets div#nav ul li li#sn-markets a:visited,
body#careers div#nav ul li li#sn-careers a:link,
body#careers div#nav ul li li#sn-careers a:visited,
body#latest-news div#nav ul li li#sn-latest-news a:link,
body#latest-news div#nav ul li li#sn-latest-news a:visited,
body#visit-us div#nav ul li li#sn-visit-us a:link,
body#visit-us div#nav ul li li#sn-visit-us a:visited,
body#electronics-assembly div#nav ul li li#sn-electronics-assembly a:link,
body#electronics-assembly div#nav ul li li#sn-electronics-assembly a:visited,
body#support-and-servicing div#nav ul li li#sn-support-and-servicing a:link,
body#support-and-servicing div#nav ul li li#sn-support-and-servicing a:visited,
body#electronics-design div#nav ul li li#sn-electronics-design a:link,
body#electronics-design div#nav ul li li#sn-electronics-design a:visited,
body#project-management div#nav ul li li#sn-project-management a:link,
body#project-management div#nav ul li li#sn-project-management a:visited,
body#overseas-outsourcing div#nav ul li li#sn-overseas-outsourcing a:link,
body#overseas-outsourcing div#nav ul li li#sn-overseas-outsourcing a:visited,
body#concept-design div#nav ul li li#sn-concept-design a:link,
body#concept-design div#nav ul li li#sn-concept-design a:visited,
body#proof-of-concept div#nav ul li li#sn-proof-of-concept a:link,
body#proof-of-concept div#nav ul li li#sn-proof-of-concept a:visited,
body#detailed-design div#nav ul li li#sn-detailed-design a:link,
body#detailed-design div#nav ul li li#sn-detailed-design a:visited,
body#validation div#nav ul li li#sn-validation a:link,
body#validation div#nav ul li li#sn-validation a:visited,
body#pre-production div#nav ul li li#sn-pre-production a:link,
body#pre-production div#nav ul li li#sn-pre-production a:visited,
body#production div#nav ul li li#sn-production a:link,
body#production div#nav ul li li#sn-production a:visited,
body#maps-directions div#nav ul li li#sn-maps-directions a:link,
body#maps-directions div#nav ul li li#sn-maps-directions a:visited,
body#request-info div#nav ul li li#sn-request-info a:link,
body#request-info div#nav ul li li#sn-request-info a:visited
{
	background-image: url(/images/common/nav-bg-nested-selected.png);
}


body#company-history div#nav ul li li#sn-company-history a:active,
body#company-history div#nav ul li li#sn-company-history a:hover,
body#why-choose-bytec div#nav ul li li#sn-why-choose-bytec a:active,
body#why-choose-bytec div#nav ul li li#sn-why-choose-bytec a:hover,
body#markets div#nav ul li li#sn-markets a:active,
body#markets div#nav ul li li#sn-markets a:hover,
body#careers div#nav ul li li#sn-careers a:active,
body#careers div#nav ul li li#sn-careers a:hover,
body#latest-news div#nav ul li li#sn-latest-news a:active,
body#latest-news div#nav ul li li#sn-latest-news a:hover,
body#visit-us div#nav ul li li#sn-visit-us a:active,
body#visit-us div#nav ul li li#sn-visit-us a:hover,
body#electronics-assembly div#nav ul li li#sn-electronics-assembly a:active,
body#electronics-assembly div#nav ul li li#sn-electronics-assembly a:hover,
body#support-and-servicing div#nav ul li li#sn-support-and-servicing a:active,
body#support-and-servicing div#nav ul li li#sn-support-and-servicing a:hover,
body#electronics-design div#nav ul li li#sn-electronics-design a:active,
body#electronics-design div#nav ul li li#sn-electronics-design a:hover,
body#project-management div#nav ul li li#sn-project-management a:active,
body#project-management div#nav ul li li#sn-project-management a:hover,
body#overseas-outsourcing div#nav ul li li#sn-overseas-outsourcing a:active,
body#overseas-outsourcing div#nav ul li li#sn-overseas-outsourcing a:hover,
body#concept-design div#nav ul li li#sn-concept-design a:active,
body#concept-design div#nav ul li li#sn-concept-design a:hover,
body#proof-of-concept div#nav ul li li#sn-proof-of-concept a:active,
body#proof-of-concept div#nav ul li li#sn-proof-of-concept a:hover,
body#detailed-design div#nav ul li li#sn-detailed-design a:active,
body#detailed-design div#nav ul li li#sn-detailed-design a:hover,
body#validation div#nav ul li li#sn-validation a:active,
body#validation div#nav ul li li#sn-validation a:hover,
body#pre-production div#nav ul li li#sn-pre-production a:active,
body#pre-production div#nav ul li li#sn-pre-production a:hover,
body#production div#nav ul li li#sn-production a:active,
body#production div#nav ul li li#sn-production a:hover,
body#maps-directions div#nav ul li li#sn-maps-directions a:active,
body#maps-directions div#nav ul li li#sn-maps-directions a:hover,
body#request-info div#nav ul li li#sn-request-info a:active,
body#request-info div#nav ul li li#sn-request-info a:hover
{
	background-image: url(/images/common/nav-bg-nested-selected-hover.png);
}

/* ------------------------------- do not hightlight nested nav when level above is selected */ 
div#nav ul li.selected-arrow ul li ul li a:link,
div#nav ul li.selected-arrow ul li ul li a:visited,
body#electronics-assembly div#nav ul li ul li#sn-electronics-assembly ul li a:link,
body#electronics-assembly div#nav ul li ul li#sn-electronics-assembly ul li a:visited
{
	background-image: url(/images/common/nav-bg-nested-nested.png);
	text-indent: 45px;
}

/* ------------------------------- add hover state for nested nav when level above is selected */ 
div#nav ul li.selected-arrow ul li ul li a:active,
div#nav ul li.selected-arrow ul li ul li a:hover,
body#electronics-assembly div#nav ul li ul li#sn-electronics-assembly ul li a:active,
body#electronics-assembly div#nav ul li ul li#sn-electronics-assembly ul li a:hover
{
	text-indent: 45px;
	background-image: url(/images/common/nav-bg-nested-nested-hover.png);
}

/* ------------------------------- nested nested selected items */
body#facility1 li#sn-facility1 a:link,
body#facility1 li#sn-facility1 a:visited,
body#facility2 li#sn-facility2 a:link,
body#facility2 li#sn-facility2 a:visited,
body#facility3 li#sn-facility3 a:link,
body#facility3 li#sn-facility3 a:visited,
body#facility4 li#sn-facility4 a:link,
body#facility4 li#sn-facility4 a:visited
{
	background-image: url(/images/common/nav-bg-nested-nested-selected.png);
}
/* ------------------------------- nested nested selected items hover */
body#facility1 li#sn-facility1 a:active,
body#facility1 li#sn-facility1 a:hover,
body#facility2 li#sn-facility2 a:active,
body#facility2 li#sn-facility2 a:hover,
body#facility3 li#sn-facility3 a:active,
body#facility3 li#sn-facility3 a:hover,
body#facility4 li#sn-facility4 a:active,
body#facility4 li#sn-facility4 a:hover
{
	background-image: url(/images/common/nav-bg-nested-nested-selected-hover.png);
}



/* ------------------------------------------------- END NAV */

div#nav p
{
	padding: 0 10px 20px 20px;
	font-size: 12px;
	color: #312A2E;
}

div#nav p a:link,
div#nav p a:visited
{
	color: #312A2E;
	text-decoration: none;
}

div#nav p a:active,
div#nav p a:hover
{
	text-decoration: underline;
}

div#fixed-buttons
{
	display: inline;
	float: left;
	width: 32px;
	height: 300px;
	position: absolute;
	position: fixed;
	left: 50%;
	margin-left: 442px;
	top: 180px;
}

div#fixed-buttons a:link,
div#fixed-buttons a:visited
{

}

div#phone-number
{
	display: inline;
	float: left;
	width: 100%;
	height: 85px;
	position: absolute;
	position: fixed;
	bottom: 0;
	
	background-color: #a7d100;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	background-image: url(/images/common/phone-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid #999999;
	
	padding: 0;
	margin: 0;
	cursor: pointer;
}

div#phone-number p
{
	background-image: url(/images/common/phone-close.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
}

div#phone-number span
{
	font-size: 16px;
}


div#under-second-nav
{
	display: inline;
	float: left;
	clear: left;
	width: 190px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 30px;
	padding-bottom: 50px;
}

/* ------------------------------- TYPOGRAPHY ------------------------------- */

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#under-second-nav h1,
div#under-second-nav h2,
div#under-second-nav h3,
div#under-second-nav h4,
div#under-second-nav h5,
div#under-second-nav h6
{
	color: #546F84;
	padding-top: 20px;
	padding-bottom: 10px;
}

div#content h2,
div#content h3,
div#content h4,
div#under-second-nav h2,
div#under-second-nav h3,
div#under-second-nav h4
{
	font-weight: normal;
}

div#content h5,
div#content h6
div#under-second-nav h5,
div#under-second-nav h6
{
	font-weight: bold;
}

div#content h1, div#under-second-nav h1 { font-size: 20px; }
div#content h2, div#under-second-nav h2 { font-size: 18px; }
div#content h3, div#under-second-nav h3 { font-size: 16px; }
div#content h4, div#under-second-nav h4 { font-size: 14px; }
div#content h5, div#under-second-nav h5 { font-size: 12px; }
div#content h6, div#under-second-nav h6 { font-size: 10px; }

div#content p,
div#under-second-nav p
{
	font-size: 12px;
	line-height: 1.3;
	padding-bottom: 20px;
	color: #2B2428;
	padding-left: 0;
}

div#content a:link,
div#nav div#under-second-nav a:link
{
	color: #3c6e8f;
	text-decoration: underline;
}

div#content a:visited,
div#nav div#under-second-nav a:visited
{
	color: #01395a;
	text-decoration: underline;
}

div#content a:active,
div#content a:hover,
div#under-second-nav a:active,
div#under-second-nav a:hover
{
}


div#content li
{
	padding-bottom: 2px;
}

div#content ul
{
	padding-left: 40px;
	font-size: 12px;
	padding-bottom: 30px;
}

div#content ul ul
{
	padding-bottom: 5px;
}

div#content ol
{
	padding-left: 40px;
	font-size: 12px;
	padding-bottom: 30px;
}

.float-right
{
	display: inline;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.float-left
{
	display: inline;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#main-flash-image
{
	position: relative;
}

/*-------------------------------- SECONDARY CONTENT ---------------------------- */
div#secondary-content
{
	display: inline;
	float: right;
	width: 200px;
	padding-left: 20px;
	border-left: 1px solid #ebebeb;
	margin-top: 30px;
	margin-left: 20px;
}

div#secondary-content-left
{
	display: inline;
	float: left;
	width: 200px;
	padding-right: 20px;
	border-right: 1px solid #ebebeb;
	margin-top: 30px;
	margin-right: 20px;
}

/* ------------------------------- TESTIMONIAL ---------------------------------- */
div.testimonial div.top
{
	display: inline;
	float: left;
	width: 190px;
	background-image: url(/images/common/testimonials-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 10px;
}

div.testimonial div.bottom
{
	display: inline;
	float: left;
	width: 190px;
	background-image: url(/images/common/testimonials-footer-right.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 35px;
}

div#content div.testimonial div.top p
{
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 10px 10px 10px;
}

div#content div.testimonial p.name
{
	padding: 0 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #003a5a;
	font-size: 13px;
}

div#content div.testimonial p.company
{
	padding: 0 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #ff7c00;
	font-size: 11px;
}

/* --------------------------------- FORMS ------------------------------ */
div#content form
{
}
div#content fieldset
{
	border: 1px solid #CCCCCC;
	padding: 20px;
}
div#content legend
{
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
}
div#content form label
{
	display: inline;
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 5px;
	font-size: 12px;
}
div#content form input
{
	display: inline;
	float: left;
	width: 240px;
	margin-bottom: 5px;
}

div#content form div.checkboxes 
{
padding-left: 180px;
}

div#content form div#meeting
{
padding-left: 222px;
}

div#content form div.checkboxes input
{
	width: auto;
}
div#content form br
{
	clear: left;
}

div#content form textarea
{
	display: inline;
	float: left;
	width: 240px;
	margin-bottom: 15px;
	height: 100px;
}

div#content form select
{
	margin-bottom: 15px;
}

div#content form #submit
{
	width: 100px;
	text-align: center;
	margin-left: 220px;
}

div#content form #send
{
	width: 140px;
	text-align: center;
	margin-left: 220px;
}

/* ------------------------------- LIGHTBOX INFO --------------------------------- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}