/* Photonic Innovations CSS 2008 */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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; }



body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000000;
	margin: 0em;
	padding: 0em;
	min-width: 72.0em;
	background-image: url(../gfx/template/background.jpg);
	background-repeat: repeat-y;
	background-color: #edecec;
}
	

#wrap { width: 1001px; margin: 0; padding: 0;  }





/***** NAVIGATION *****/


#navigation { float: left; width: 200px;  }

#navigation img { margin: 0em 0em 3.0em 0em; padding: 0; border: none 0; }

#navigation ul { margin: 0em 0em 0em 50px; }
#navigation ul li { font-size: 1.0em ; line-height: 1.25em; list-style-type: none; margin: 0em 0em 1.0em 0em; }
#navigation ul li a { color: #333333; text-decoration: none; font-weight: bold; }
#navigation ul li a:hover { color: #ff0000; text-decoration: none; }



#navigation #contacts { font-size: 0.85em; margin: 3.0em 0em 0em 50px; color: #666666; }
#navigation #contacts h3 { font-weight: bold; margin: 0em 0em 1.0em 0em; }
#navigation #contacts p { margin: 0em 0em 0.5em 0em; }
#navigation #contacts p a { color: #666666; text-decoration: underline; }
#navigation #contacts p a:hover { color: #000000; text-decoration: none; }





/**** CONTENT ****/

#content { width: 701px; margin: 0; padding: 0; float: left; }

#content #banner { }
#content #banner img { margin: 0; padding: 0; border: none 0; }

#contentinner { margin: 0em 0em 0em 7.0em; }


#content strong { font-weight: bold; }
#content em { font-style: italic; }


#content h1 { font-family: "Times New Roman", Times,serif; font-size: 3.5em; line-height: 1.0em; padding: 0em; margin: 1.5em 0em 0.5em 0em; font-weight: normal; clear: both; }
#content h2 { font-size: 2.0em; line-height: 1.1em; padding: 0; margin: 1.0em 0em 0.6em 0em; font-weight: normal; }
#content h3 { font-size: 1.5em; line-height: 1.1em; padding: 0; margin: 0.75em 0em 0.25em 0em; font-weight: bold;  text-transform: uppercase; }
#content h4 { font-size: 1.4em; line-height: 1.1em; padding: 0; margin: 0.75em 0em 0.25em 0em; font-weight: normal; color: #333333; }
#content h5 { font-size: 1.2em; line-height: 1.0em; padding: 0; margin: 0; font-weight: bold; }
#content h6 { font-size: 1.0em; line-height: 1.0em; padding: 0; margin: 0; font-weight: normal; text-transform: uppercase;  }

#content p { font-size: 1.0em; line-height: 1.5em; padding: 0.5em 1.8em 0.5em 0em; margin: 0em; }

#content ul { padding: 0em 0em 0em 1.5em; margin: 0.5em 1.0em 1.0em 1.0em; list-style-type: circle; }
#content ol { padding: 0em 0em 0em 1.5em; margin: 0.5em 1.0em 1.0em 1.0em; list-style-type: decimal; }
#content li { font-size: 1.0em; line-height: 1.3em; padding: 0em 0em 0.5em 0em; list-style-position: outside; }


#content blockquote { margin: 0em 0em 0em 3.0em; font-size: 1.0em; }

#content a { color: #003399; text-decoration: underline; }
#content a:hover { color: #ff0000; text-decoration: none; }



/* content table */

#content table { font-size: 1.0em; line-height: 1.5em; border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.0em 2.0em 1.0em 0em; padding: 0em; width: 90%; }

#content table tr { }

#content table th { text-align: left; vertical-align: top; padding: 0.5em; border: 1px solid #cccccc; background-color: #000000; color: #ffffff; font-weight: bold; }

#content table td { color: #333333; border-bottom: 1px solid #dce9ef; border-right: 1px solid #dce9ef; padding: 0.5em; vertical-align: top; text-align: left; }
#content table td h1 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h2 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h3 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h4 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h5 { font-size: 1.2em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.2em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td p { padding: 0em; margin: 0em 0em 0.5em 0em; color: #333333; }
#content table td ul { list-style-type: disc; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td ol { list-style-type: decimal; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td li {  }

#content table.tablenoborder { border: none; }
#content table.tablenoborder tr { border: none; }
#content table.tablenoborder th { border: none; }
#content table.tablenoborder td { border: none; }


#content img { margin: 0.5em 1.0em 1.0em 1.0em; }




/* Content classes */


#content .topofpage { font-weight: bold; color: #CC6600; text-align: right; margin: 3.0em 0em 3.0em 0em; clear: both; }
#content .topofpage a { font-weight: normal; }
#content .topofpage a:hover { color: #003366; text-decoration: none; }

#content p span.topofpage { color: #FF00FF; font-size: 2.0em; text-align: center; }
#content p span.topofpage a { color:#66FF00; }



#content .smalltag { font-style: italic; color: #666666; }


#content ul.pagesubnav { font-size: 1.0em; line-height: 1.3em; border-bottom: 1px dotted #cccccc; margin: 0em 0em 5.0em 2.0em; padding: 0em 0em 3.0em 0em; }
#content ul.pagesubnav li { color: #999999; padding: 0em 0em 0.5em 0em; margin: 0; list-style-position: outside; }










/**** FOOTER ****/

#footer { font-size: 1.0em; line-height: 1.5em; clear: both; margin: 0em; padding: 10.0em 0em 0em 0em; }

#footer img { margin: 0; padding: 0; border: none 0; }


/***** REUSABLE CLASSES *****/


.clearall { clear: both; }