/* v1.0 | 20080212 */
*{
font-family: Arial, Helvetica, sans-serif;
}

/*
ol, ul, li,
*/
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,  tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
 caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  --------------------------END RESET ----------------------------------------------- */



/*  --------------------------CUSTOM TAG GLOBALS ----------------------------------------------- */
body, td, div, p {font-size:11px;}

a{color:#003d7d;}
a:hover{text-decoration:none;}
.pagination a, .pagination strong{
     display:block;
     margin-right:5px;
     padding:5px 10px;
     float:left;
     border:1px solid #003d7d;
}
.pagination strong{
     background-color:#003d7d;
     color:#fff;
}

h1, h2, h3, h3{
     line-height:normal;
     padding:10px 0px;
}
h2,h3{

     color:#003d7d;

}
h1 {
     font-weight:bold;
     font-size:30px;
     color:#003d7d;
} 
h2 {
     font-size:26px;

}
h3 {
     font-size:20px;

}

h4 {
     font-size:16px;
}
/*
h3.hdr{
     display:block;
     width:100%;
     margin-bottom:20px;
     padding:5px 0px;
     border-bottom:1px solid #494949;
     font-size:1em;
     line-height:1em;
}*/
/*  -------------------------- OFFICIAL COLORS GLOBALS ----------------------------------------------- */
.blue{color:#003399;}
.red{color:#cc0000;}


/********************************************************************************************************************************/
.clear{position:relative; clear:both; line-height:2px; width:1px; height:1px; font-size:2px;}
html>body .clear{clear:both; line-height:0px; width:1px; }
.hide{display:none;}

.right { float: right; }
.left{ float: left; }
.left-conf{ 
     float: left;
     display:block;
     width:144px;
     margin:20px;
     text-align:center;
 }

.inside10 {
padding:0px 10px;
}
.inside-t3 {
padding: 3px 0px 0px 0px;
}
.inside-t28 {
padding: 28px 0px 0px 0px;
}

.spv10{padding: 10px 0px;}

.sp5{line-height:5px;}
.sp10{line-height:10px;}
.sp12{line-height:12px;}
.sp15{line-height:15px;}
.sp20{line-height:20px;}
.sp28{line-height:28px;}

.twovert{line-height:2px;}
.fivevert{line-height:5px;}
.tenvert{line-height:10px;}
.fifteenvert{line-height:15px;}
.twentyvert{line-height:20px;}

.size10{font-size:10px;}
.size10e{font-size:0.75em;}

table.size10 tr td{
       font-size:10px;
       line-height:normal;
       padding:3px;
}

.up{text-transform:uppercase;}
/* graphics */
/*
.inv-arrow{background: url(http://www.fiber-optics.info/images/07_icon_blue_arrow.gif) 0px 0px no-repeat;
*/
.inv-arrow{
     font-size:10px;
     line-height:12px;
     background:url(http://www.fiber-optics.info/images/07_icon_blue_arrow.gif) 0px 2px no-repeat;	
}
/********************************************************************************************************************************/

#wrap { 

		width:844px;
		height:100%;
		float:none;
		margin:0px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
		color:#494949;
		background:#fff url(http://www.fiber-optics.info/images/08_foi_bkg_site.jpg) 0px 0px repeat-x;
		background-image:url(http://www.fiber-optics.info/images/08_foi_bkg_site.jpg);
		background-repeat:repeat-x;

 }

#maincontent { width: 824px; 
margin-left:10px; 
background: transparent; 
padding-top: 15px;
line-height:1.5em;
font-size:1em;
 }
/*
          #maincontent h2{
                 padding-bottom:10px;
                 text-align:center;
           }		
*/
#title { display:block; padding-left:10px; width: 236px; height:62px;  }
	#title h1 { font: bold 2.0em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #fffffe; padding-top: 21px; }
	#title h1 img{ border:none;}



#menu {
	display:block;
	float:right;
	/*padding-top:28px;*/
	padding-right:10px;
	line-height: 34px;
	width: 543px;
	height: 34px;
}
#menu-base {
	clear:both;
	display:block;
	margin-left:10px;
	line-height: 2px;
	width: 824px;
	height: 2px;
	background-color:#6e99d4;
}
/*  -------------------------- navigations----------------------------------------------- */

/*  -------------------------- navigation: #nav----------------------------------------------- */
		#nav, #nav * { margin: 0px; padding: 0px; }
		
		#nav {
			background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) no-repeat;	
			float:left;
			width:543px;
			height:34px;
			}
		
		#nav span { display:none }
		
		#nav li, #nav a { height: 34px; display: block; }
		
		#nav li { float: left; list-style: none; }
		
		#nav-01 { width:107px; }/* 0  */
		#nav-02 { width:109px; }/*107   */
		#nav-03 { width:109px; }/* 216  */
		#nav-04 { width:109px; }/*  325 */
		#nav-05 { width:109px; }/* 434  */
		#nav-06 { width:109px; }/* 543  */
		#nav-07 { width:109px; }/* 652  */
		
		#nav-08 { width:109px; }/* 758  */
		#nav-09 { width:109px; }/* 879  */
		
		#nav-01 a:hover, #nav-01.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) 0px -34px  no-repeat; }
		#nav-02 a:hover, #nav-02.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -107px -34px  no-repeat; }
		#nav-03 a:hover, #nav-03.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -216px -34px  no-repeat; }/*  */
		#nav-04 a:hover, #nav-04.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -325px -34px  no-repeat; }/*  */
		#nav-05 a:hover, #nav-05.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -434px -34px  no-repeat; }/*78  */
		#nav-06 a:hover, #nav-06.over { background:url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -543px -34px  no-repeat; }/*  */
		#nav-07 a:hover, #nav-07.over{ background: url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -652px -34px no-repeat;}/*  */
		#nav-08 a:hover, #nav-08.over{ background: url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -758px -34px no-repeat;}/*  */
		#nav-09 a:hover, #nav-09.over{ background: url(http://www.fiber-optics.info/images/08_foi_nav_bkg_main.jpg) -879px -34px no-repeat;}/*  */

/*  -------------------------- nav sub - interior pages ----------------------------------------------- */
.nav-sub{
display:block;
width:100%;
height:21px;
font-size:13px;
color:#003d7d;
}
 .nav-sub a{
display:block;
float:left;
width:13px;
margin-right:5px;
font-size:13px;
}
.nav-sub a:hover{
font-weight:bold;
color:#c00;
}
.nav-sub-right{
display:block;
float:right;
}
.nav-sub-right a{
display:inline;
width:auto;
font-size:13px;
font-weight:bold;
}



/*  -------------------------- navigations----------------------------------------------- */


	#left-side {display:block; float:left; width: 625px; background: transparent; margin-bottom: 20px;}
		#left-side ul {
			list-style:square;
			margin-left:2em;
			line-height: 1.5em;
		}
		#left-side ul li{
			list-style:square;
		}


	#right-side { display:block; float:right; width: 160px; background: transparent; float: right; }
		#right-side h3 { 
			height: 22px;
			background: transparent url(http://www.fiber-optics.info/images/h3bg.gif) repeat-x;
			color: #FFF;
			border: 0;
			font: bold 1.2em "Arial", Sans-Serif;
			padding: 0px 0 0 5px;
			line-height: 22px;
		}
		#right-side .lcontent { background: #f8f8f8; border: 0px solid #e5e5e5; margin-bottom: 15px;	color: #888; }
		#right-side .lcontent p { padding: 8px; color: #777; background: inherit; }

		#right-side img { border: 1px solid #B6D6BB; }

#footer {
	bottom:0;
	clear:both;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 15px;
	color: #888;
	background: #FFF;
}

#footer, footer a{
font-size:0.80em;
}
/********************************************
Google Classes
********************************************/
.google-block{
     display:block;
     width:100%;
     border-top:1px solid #ccc;
     background-color:#fff;
}


.google-article{
     display:block;
     margin:20px;
     float:right;
     width:250px;
     height:250px;
     border:1px solid #ccc;
     background-color:#fff;
}
/********************************************
History Classes
********************************************/
.hist-img-right{
       float:right;
       display:block;
       padding:10px;
       margin-left:30px;
       margin-bottom:30px;
       border:1px solid #ccc;
       font-size:10px;
       font-weight:bold;
}

.hist-img-left{
       float:left;
       display:block;
       padding:10px;
       margin-right:30px;
       margin-bottom:30px;
       border:1px solid #ccc;
       font-size:10px;
       font-weight:bold;
}

.hist-img-right img{
       margin-bottom:25px;
}



/********************************************
Article Classes
********************************************/
.acol-left h4,.acol-right h4{ padding-bottom:5px; margin-bottom:10px; }
.acol-left h4 a,.acol-right h4 a{display:inline;}
.acol-left a, .acol-right a {display:block; padding:5px 0px; line-height:normal;}/**/

.right-all{float:right; display:block; width:60px; text-align:right;}
.right-all a{display:inline;}
.right-all a{display:inline; text-decoration:none;}
.right-all a:hover{ text-decoration:underline;}
/**/
.acol-left h4 div, .acol-right h4 div { font-size:10px;}
.acol-left{
       float:left;
       display:block;
       width:270px;
}
.acol-right{
       float:right;
       display:block;
       width:270px;
}

.art-right{
       float:right;
       display:block;
       padding:10px;
       margin-left:30px;
       margin-bottom:30px;
       border:1px solid #ccc;
       font-size:10px;
       font-weight:bold;
}

.art-left{
       float:left;
       display:block;
       padding:10px;
       margin-right:30px;
       margin-bottom:30px;
       border:1px solid #ccc;
       font-size:10px;
       font-weight:bold;
}
.art-center{
       
       padding:10px;
       margin-right:30px;
       margin-bottom:30px;
       border:1px solid #ccc;
       font-size:10px;
       font-weight:bold;
       text-align:center;
}


/********************************************
Glossary Classes
********************************************/
.glos-col{
display:block;
float:left;
width:48%;
}
.gl-row{
       display:block;
       width:100%;
       border-top:1px solid #ccc;
background: transparent url(http://www.fiber-optics.info/images/bkg_glos_row.gif) repeat-y;

}
.gl-row a{
       font-size:1em;
}

.gld{
       float:left;
       display:block;
       width:430px;
       font-size:0.75em;
}

.gli{
       float:right;
       display:block;
       width:370px;
       text-align:center;
}


/********************************************
Community Classes
********************************************/
.comm-right{
       float:right;
       display:block;
       width:45%;
}

.comm-left{
       float:left;
       display:block;
       width:45%;
}

.comm-left,.comm-right, .comm-left a, .comm-right a{
      line-height:normal;
      font-size:11px;
}




/************************************************************************************************************************/





#catblk-1, #catblk-3 {
	display:block;
	float:left;
	width:49%;
	background-color:#ddd;
}
#catblk-2, #catblk-4 {
	display:block;
	float:right;
	width:49%;
	background-color:#ddd;
}
#catblk-1 ul li a, #catblk-2 ul li a, #catblk-3 ul li a, #catblk-4 ul li a {
	font-size:11px;
	color:#3366CC;
}
#catblk-1 ul li a:hover, #catblk-2 ul li a:hover, #catblk-3 ul li a:hover, #catblk-4 ul li a:hover{
	text-decoration:none;
}