
/* @group Globals
------------------------------------------------------*/
body { font:62.5% tahoma, sans-serif; background:#deeff3 url(../images/bg-body.gif) left top repeat-x; color:#000; }
.right { float:right; }
.left { float:left; }
.hidden { display:none !important; }
.more { overflow:hidden; text-align:right; }
.more a { text-decoration:none; color:#000; text-transform:lowercase; }
.more a:hover { text-decoration:underline; }
/* @end */




/* @group Containers
------------------------------------------------------*/
#site { width:909px; margin:0 auto; }
#content { background:url(../images/bg-content-shadow.png) left top repeat-y; }
#page { background:url(../images/bg-content-top.gif) left top no-repeat; }
#container { background:url(../images/bg-content-gradient.gif) left bottom repeat-x; margin:0 4px 0 2px; }
#container .inner { padding:15px 10px 15px 10px; overflow:hidden; min-height:400px; }
#stock_left { width:319px; height:388px; float:left; }
#stock_right { width:319px; height:388px; float:right; }

#content_right { width:553px; float:right; background:url(../images/bg-content-middle-right.gif) left top repeat-y; }
#content_right.wide { width:580px !important; background:url(../images/bg-content-middle-wide-right.gif) left top repeat-y; }
#content_right #content_help_1 { background:url(../images/bg-content-bottom-right.gif) left bottom no-repeat; }
#content_right #content_help_2 { background:url(../images/bg-content-top-right.gif) left top no-repeat; }
#content_right.wide #content_help_1 { background:url(../images/bg-content-bottom-wide-right.gif) left bottom no-repeat; }
#content_right.wide #content_help_2 { background:url(../images/bg-content-top-wide-right.gif) left top no-repeat; }

#content_left { width:553px; float:left; background:url(../images/bg-content-middle-left.gif) left top repeat-y; }
#content_left.wide { width:580px !important; background:url(../images/bg-content-middle-wide-left.gif) left top repeat-y; }
#content_left #content_help_1 { background:url(../images/bg-content-bottom-left.gif) left bottom no-repeat; }
#content_left #content_help_2 { background:url(../images/bg-content-top-left.gif) left top no-repeat; }
#content_left.wide #content_help_1 { background:url(../images/bg-content-bottom-wide-left.gif) left bottom no-repeat; }
#content_left.wide #content_help_2 { background:url(../images/bg-content-top-wide-left.gif) left top no-repeat; }


#content_help_1 { padding-bottom:3px; }
#content_help_2 { padding-top:10px; }
#content_help_2 .inner { min-height:268px; height:auto !important; height:268px; }
.wide #content_help_2 .inner { min-height:348px; height:auto !important; height:348px; }

#pageheading { padding:0 30px; border-bottom:1px solid #e1dfdf; }
/* @end */




/* @group Sidebar
------------------------------------------------------*/
.sidebar { width:287px; overflow:hidden; }
.sidebar .sidebartitle { display:block; overflow:hidden; text-indent:-9999px; }
.sb_wrap_1 { background:#fff url(../images/bg-sidebar-repeat.gif) left top repeat-y; }
.sb_wrap_2 { background:url(../images/bg-sidebar-bottom.gif) left bottom no-repeat; padding-bottom:3px; }
.sb_wrap_3 { background:url(../images/bg-sidebar-top.gif) left top no-repeat; min-height:100px; height:auto !important; height:100px; overflow:hidden; padding:20px; }
.sidebar.left .sb_wrap_1 { background:#fff url(../images/bg-sidebar-repeat-alt.gif) left top repeat-y; }
.sidebar.left .sb_wrap_2 { background:url(../images/bg-sidebar-bottom-alt.gif) left bottom no-repeat; }
.sidebar.left .sb_wrap_3 { background:url(../images/bg-sidebar-top-alt.gif) left top no-repeat; }
/* @end */




/* @group Header
------------------------------------------------------*/
#header { height:115px; background:url(../images/bg-header.gif) no-repeat; }
#linkhome { width:300px; float:left; height:115px; }
#linkhome a { display:block; width:250px; height:115px; overflow:hidden; text-indent:-9999px; }

	#nav { width:525px; float:right; overflow:hidden; padding:50px 0 0 0; }
	#nav ul li { float:left; width:72px; }
	#nav ul a { display:block; text-align:center; text-decoration:none; padding:30px 0 4px 0; text-decoration:none; font:10px tahoma, sans-serif; color:#2296b3; text-transform:uppercase; background:url(../images/bg-nav-li.gif) bottom right no-repeat; }
	#nav ul a:hover { text-decoration:underline; }
	#nav ul li#last a { background-image:none; }
	
/* @end */




/* @group HTML Area
------------------------------------------------------*/
.inner .htmlarea { padding:0 20px; }
.htmlarea { color:#737373; line-height:1.4em; font-size:11px; }
.htmlarea h1 { font-size:16px; margin:0.3em 0 0.4em 0; }
.htmlarea h2 { font-size:14px; margin:0.3em 0 0.4em 0; }
.htmlarea h3 { font-size:12px; margin:0.3em 0 0.4em 0; }
.htmlarea h4,.htmlarea h5,.htmlarea h6 { font-size:12px; margin:0.3em 0 1em 0; }
.htmlarea p { margin-bottom:1.4em; }
.htmlarea p.alternate { color:#2296b3; font-size:14px; line-height:1.6em; }
.htmlarea ul { margin:0 0 2em 2em; list-style:disc; }
.htmlarea ol { margin:0 0 2em 2em; list-style:decimal; }
.htmlarea li { margin-bottom:0.4em; }
.htmlarea table { width:100%; }
.htmlarea th { font-weight:bold; text-align:left; }
.htmlarea a { color:#2296b3; }
/* @end */




/* @group Subnav
------------------------------------------------------*/
#subnav { clear:both; background:url(../images/bg-subnav.gif) left top repeat-x; height:26px; padding-top:12px; }
#subnav li { display:inline; }
#subnav a { text-decoration:none; padding:0 10px; text-decoration:none; font:10px tahoma, sans-serif; color:#2296b3; text-transform:uppercase; }
#subnav a:hover { text-decoration:underline; }
/* @end */




/* @group Footer
------------------------------------------------------*/
#footer { padding:50px 30px 100px 30px; background:url(../images/bg-content-bottom.png) 0 -13px no-repeat; color:#2899b5; font-size:11px; }
#copyright { float:left; width:35%; }
#address { float:right:width:60%; float:right; text-align:right; }
/* @end */






/* @group Specific Pages
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */


	/* @group Home
	------------------------------------------------------*/
	#homeflash { width:582px; height:390px; float:left; background:url(../images/placeholder_home_flash.jpg) left -1px no-repeat; }
	#investor { height:109px; }
	#investor a { display:block; height:109px; background:url(../images/adbox-become-investor.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:13px; }
	#recentnews { min-height:344px; height:auto !important; height:344px; }
	#recentnews .sidebartitle { background:url(../images/heading-sidebar-recent-news.gif) no-repeat; height:32px; }
	.newspiece { overflow:hidden; padding-bottom:15px; color:#686868; }
	.newspiece  h4.date a { font-size:12px; color:#2296b3; text-transform:uppercase; padding-left:15px; background:url(../images/plus.gif) 0 3px no-repeat; font-weight:normal; margin-bottom:4px; text-decoration:none; }
	.newspiece h4.headline a { display:block; text-decoration:underline; margin-bottom:3px; font-size:12px; font-weight:normal; padding-left:15px; color:#686868; }
	.newspiece p { line-height:1.6em; font-size:11px; padding-left:15px; }
	/* @end */
	
	
	/* @group About
	------------------------------------------------------*/
	#aboutpg #stock_left { background:url(../images/stock_about.jpg) no-repeat; }
	#directionspg #stock_left { background:url(../images/stock_about.gif) no-repeat; }
	#contactpg #stock_left { background:url(../images/stock_about.gif) no-repeat; }
	#map { height:242px; border:1px solid #ccc; }
	.aboutgp #subnav { text-align:right; }
	/* @end */
	
	
	/* @group Products
	------------------------------------------------------*/
	#productspg #stock_right { background:url(../images/stock_products.jpg) no-repeat; }
	#tech_overviewpg #stock_right { background:url(../images/stock_tech_overview.jpg) no-repeat; }
	#leds_rfqpg #stock_right { background:url(../images/stock_products.jpg) no-repeat; }
	#leds_specspg #stock_right { background:url(../images/stock_led.jpg) no-repeat; }
	#substrate_specspg #stock_right { background:url(../images/stock_substrate.jpg) no-repeat; }
	#substrate_rfqpg #stock_right { background:url(../images/stock_products.jpg) no-repeat; }
	/* @end */
	
	
	/* @group Press
	------------------------------------------------------*/
	#news_archive { height:109px; }
	#news_archive a { display:block; height:109px; background:url(../images/adbox-news-archive.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:13px; }
	#presspg .newspiece h4.headline a { display:block; text-decoration:none; }
	/* @end */
	

	/* @group Careers
	------------------------------------------------------*/
	#contact_hr { height:172px; }
	#contact_hr a { display:block; height:172px; background:url(../images/adbox-contact-hr.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin-top:13px; }
	#careerslist { min-height:162px; height:auto !important; height:162px; }
	#careerslist .sidebartitle { background:url(../images/heading-sidebar-job-openings.gif) 0 -4px no-repeat; height:32px; }
	#careerslist li a { display:block; font-size:12px; color:#2296b3; text-transform:uppercase; padding-left:15px; background:url(../images/plus.gif) 0 3px no-repeat; font-weight:normal; margin-bottom:9px; text-decoration:none; }
	/* @end */
	

	/* @group Investors
	------------------------------------------------------*/
	#investorspg #stock_left { background:url(../images/stock_about.gif) no-repeat; }
	#investornav li { margin-bottom:8px; }
	#investornav li a { font-size:12px; color:#2296b3; text-transform:uppercase; padding-left:15px; background:url(../images/plus.gif) 0 3px no-repeat; font-weight:normal; margin-bottom:4px; text-decoration:none; }
	/* @end */

	/* @group Contact
	------------------------------------------------------*/
	#contactpg #stock_left { background:url(../images/stock_about.gif) no-repeat; }
	/* @end */
	
	/* @group Management Team
	------------------------------------------------------*/
	.member { overflow:hidden; padding-bottom:2em; }
	.member img { display:block; float:right; margin:0 0 2em 2em; }
	/* @end */


/* @end */


#viewmore { float:right; width:110px; position:relative; z-index:999; margin:0 0 20px 0; }
#btnviewmore a { width:60px; height:15px; background:url(../images/btnviewmore.jpg) no-repeat; overflow:hidden; text-indent:-9999px; float:right; }
#viewmore ul { position:absolute; right:0; top:auto; margin:0; padding:0; list-style:none; background:#fff; width:100px; border:1px solid #ccc; padding:10px; }

.boardmember { overflow:hidden; padding:0 0 20px 0; }
.boardmember .logo { width:100px; height:100px; float:left; }
.boardmember .boardcopy { width:400px; float:left; }
