/* ---------------------------
Author: Barry G. White
Author URL: http://www.creativebridge.co.uk
Website: http://www.optocap.com
Version: 1
------------------------------ */

/* Eric Meyer's CSS Reset */
/* (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {list-style: none; margin-bottom: 1em;}
/* tables still need 'cellspacing="0"' in the markup */
table {border: 0; border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Global Styles
------------------------------ */
body {
	font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #000;
	}

/* Classes */
.gutter {padding: 0 25px;}
.clear {clear: both;}
.float-l {float: left;}
.float-r {float: right;}
.em {font-weight: bold;}
.small {clear: both; font-size: 0.9em; text-align: left;}
.large {font-size: 1.8em;}

/* Typography
------------------------------ */
p {font-size: 1.2em; margin-bottom: 1.5em; line-height: 1.5em;}

em {font-weight: bold; font-style: normal; color: #c6222b;}
address {font-style: normal; font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em;}
cite {font-style: italic;}
sub {vertical-align: sub; font-size: 0.8em;}

ul.list {list-style-type: disc;}

/* links */
a:link, a:visited {color: #c6222b; text-decoration: underline;}
a:hover {text-decoration: none;}

/* headings */
h1 {font-size: 4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 25px 25px 10px 25px; text-indent: -999em; background-repeat: no-repeat; background-position: top left;}
h2 {font-size: 2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; clear: both; margin-bottom: 0.4em;}
h3 {font-size: 1.6em; margin-bottom: 0.5em; background-repeat: no-repeat; clear: both; color: #eee;}
h4 {font-size: 1.4em;}
	/* image replacement */
	/* h1 */
	#home-page h1 {background-image: url(img/headings/home.png); width: 141px; height: 42px;}

	#corporate-page h1 {background-image: url(img/headings/corporate.png); width: 159px; height: 43px;}
		#corporate-about-page h1 {background-image: url(img/headings/corporate-about.png); width: 159px; height: 67px;}
		#corporate-value-page h1 {background-image: url(img/headings/corporate-value.png); width: 159px; height: 67px;}
		#corporate-team-page h1 {background-image: url(img/headings/corporate-team.png); width: 159px; height: 67px;}
		#corporate-news-page h1 {background-image: url(img/headings/corporate-news.png); width: 159px; height: 67px;}
		#corporate-events-page h1 {background-image: url(img/headings/corporate-events.png); width: 159px; height: 67px;}
		#corporate-literature-page h1 {background-image: url(img/headings/corporate-literature.png); width: 159px; height: 67px;}
		
	#servcap-page h1 {background-image: url(img/headings/servcap.png); width: 352px; height: 43px;}
		#servcap-serv-page h1 {background-image: url(img/headings/servcap-serv.png); width: 352px; height: 68px;}
		#servcap-cap-page h1 {background-image: url(img/headings/servcap-cap.png); width: 352px; height: 68px;}
			#servcap-cap-assembly-page h1 {background-image: url(img/headings/servcap-cap-assembly.png); width: 352px; height: 68px;}
			#servcap-cap-design-page h1 {background-image: url(img/headings/servcap-cap-design.png); width: 352px; height: 68px;}
			#servcap-cap-enviro-page h1 {background-image: url(img/headings/servcap-cap-enviro.png); width: 352px; height: 68px;}
			#servcap-cap-function-page h1 {background-image: url(img/headings/servcap-cap-function.png); width: 352px; height: 68px;}
			#servcap-cap-failure-page h1 {background-image: url(img/headings/servcap-cap-failure.png); width: 352px; height: 68px;}
		#servcap-equip-page h1 {background-image: url(img/headings/servcap-equip.png); width: 352px; height: 68px;}
		#servcap-literature-page h1 {background-image: url(img/headings/servcap-literature.png); width: 352px; height: 68px;}
		
	#technology-page h1 {background-image: url(img/headings/technology.png); width: 360px; height: 43px;}
		#technology-opto-page h1 {background-image: url(img/headings/technology-opto.png); width: 360px; height: 68px;}
			#technology-opto-laser-page h1 {background-image: url(img/headings/technology-opto-laser.png); width: 360px; height: 68px;}
			#technology-opto-fiber-page h1 {background-image: url(img/headings/technology-opto-fiber.png); width: 360px; height: 68px;}
			#technology-opto-tosarosa-page h1 {background-image: url(img/headings/technology-opto-tosarosa.png); width: 360px; height: 68px;}
			#technology-opto-sensors-page h1 {background-image: url(img/headings/technology-opto-sensors.png); width: 360px; height: 68px;}
			#technology-opto-led-page h1 {background-image: url(img/headings/technology-opto-led.png); width: 360px; height: 68px;}
		#technology-micro-page h1 {background-image: url(img/headings/technology-micro.png); width: 360px; height: 42px;}
			#technology-micro-flip-page h1 {background-image: url(img/headings/technology-micro-flip.png); width: 360px; height: 68px;}
			#technology-micro-system-page h1 {background-image: url(img/headings/technology-micro-system.png); width: 360px; height: 68px;}
			#technology-micro-rfmmic-page h1 {background-image: url(img/headings/technology-micro-rfmmic.png); width: 360px; height: 68px;}
			#technology-micro-fastturn-page h1 {background-image: url(img/headings/technology-micro-fastturn.png); width: 360px; height: 68px;}
			#technology-micro-cmos-page h1 {background-image: url(img/headings/technology-micro-cmos.png); width: 360px; height: 68px;}
			#technology-micro-mems-page h1 {background-image: url(img/headings/technology-micro-mems.png); width: 360px; height: 68px;}
		#technology-custom-page h1 {background-image: url(img/headings/technology-custom.png); width: 360px; height: 68px;}
		
	#partners-page h1 {background-image: url(img/headings/partners.png); width: 140px; height: 42px;}
	#gallery-page h1 {background-image: url(img/headings/gallery.png); width: 264px; height: 42px;}
	#contact-page h1 {background-image: url(img/headings/contact.png); width: 173px; height: 42px;}
	
	/* h2 */
	#sidebar h2 {background: transparent url(img/headings/whatsnew.png) no-repeat top left; width: 141px; height: 42px; text-indent: -999em;}

/* Layout
------------------------------ */
#wrap {width: 920px; margin: 0 auto; background: #a7a9ac; border: 20px solid #fff;}

#header { 
}
.header1{
	position:relative;
}
.headerlinks{
	position:absolute;
	bottom:20px;
	right:50px;
	color:#e72428;
	font-size:14px;
}
.headerlinks a{
	color:#e72428;
	text-decoration:none;
}
.headerlinks a:hover{
	color:#fff;
}
#nav, #nav ul {
	float: left;
	width: 920px;
	list-style: none;
	line-height: 1;
	font-size: 11px;
	height: 40px; 
	margin: 0; 
	padding: 0; 
	border:10px solid #fff;
	border-width:3px 0 10px;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0;
}

#nav li {
	float: left;
	padding: 0;
	line-height:40px;
	text-transform: uppercase; 
	font-weight: bold;
}	
#nav li a {color: #fff;
	display:block;
	border-right:1px solid #7f7f7f;
	background: #ebeced url(img/navbg.jpg) repeat-x top center;
	text-align:center;
	width:130px;

}

#nav #nav-corporate a { }
#nav #nav-home a{
	width:80px;
}

#nav #nav-services a, #nav #nav-platforms a{
	width:170px;
}


#nav #nav-contact a{
	border:none;
	background: #ebeced url(img/navhover.jpg) repeat-x top center;
	width:101px;
	text-align:center;
	border-left:3px solid #fff;
}
#nav li a:hover {color: #fff;
	background: #ebeced url(img/navhover.jpg) repeat-x top center;
	display:block;
}
#nav #nav-contact a:hover{
	border:none;
	background: #ebeced url(img/navbg.jpg) repeat-x top center; 
	border-left:3px solid #fff;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15.5em;
	font-weight: normal;
	margin: 0;
	text-indent: 5px;
	border-top: none;
	background:#7e0d0a url(img/navddm.jpg) repeat top center;
	border:none;
}/*-ddm ul style--*/
#nav li ul li a{
	text-align:left;
}
#nav #nav-corporate li a ,#nav #nav-services li a ,#nav #nav-platforms li a { 
padding:0 15px; 
background:none; 
border:none;	
background: url(img/dot.png) no-repeat center left; 
float:none;
height:25px; 
line-height:25px; 
margin-left:10px; 
display:block;
width:200px;

}/*-ddm li style   corporate style--*/




#nav #nav-services ul {
	width:174px;
}/*--ddm3 services style--------*/

#nav #nav-platforms ul {
	width:175px;
}/*--ddm4 platforms style--------*/
#nav #nav-platforms li ul {
	width:200px;
}




#nav li li a:hover {color: #000; text-decoration: none;}

#nav li ul ul {
	margin: -2em 0 0 15em;
	width:200px;;
}/*--ddm3 style--------*/
#nav li ul ul li a{
	width:200px;;
}/*--ddm3 style--------*/

#nav li ul ul li {width: 16em;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {background: none;}
#nav-2-capabilities, #nav-2-opto, #nav-2-microelectronics { width:159px;background:url(img/arrow.gif) no-repeat 14em 8px;}
		
		
		
		
		
		
		
		
		
#content {float: left; clear: both; width: 920px;}
	#content ul {font-size: 1.2em; list-style-type: disc; line-height: 1.5em; margin-bottom: 1.5em; margin-left: 1em;}
	#content ul ul {list-style-type: circle; margin-left: 2em; font-size: 1em; margin-bottom: 0;}
	#content ul ul ul {margin-left: 2em; list-style-type: square;}

#main {width: 558px; float: left;}
	.leftcol {float: left; width: 240px;}
	.rightcol {float: right; width: 240px;}
#main .lead {color: #000; font-weight: bold;}
	#gallery-page #main .gutter {padding-right: 50px;}

#servcap-serv-page #main li {line-height: 4.4em;}

#sidebar {width: 360px; float: left; margin: 0 0 1.5em 0; border-left: 2px solid #333;}
	#sidebar .gutter {padding: 0 16px;}
	#sidebar img {float: left; padding: 0 16px 16px 0;}
		#sidebar img.alt {padding-right: 0;}
	#sidebar p {clear: both;}
		#sidebar #images {text-align: center;}
			#sidebar #images img {float: none;}
				#sidebar #images img.small {float: left; padding: 0 5px 0 3px;}
	#sidebar.contactus {color: #000;}
	
		

#footer {clear: both; width: 920px; font-size: 0.8em; padding: 80px 0 0 0;}
#footer p {margin-left: 25px;}

/* Contact Form */
#contactform {width: 240px; float: left;}
#contactform p {margin-bottom: 0.5em;}

fieldset {border: none;}
legend {display: none;}
label {display: block;}
input {line-height: 1.6em;}
input.type, textarea {width: 250px;}
#submit {width: 6em; cursor: pointer;}

p.interest label {display: inline; color: #666;}
p.interest input {margin-right: 15px;}

#gmap {width: 325px; height: 225px; background: #666; margin-bottom: 4em;}