/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border:1px solid #000000; border-spacing: 0}
table td{border:1px solid #000000}
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity:1;
}

a.specialeffects:hover {
  color: yellow ;
  background-color: #FFFF00 ;
}

/*#######################
  Element Styles 
#######################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#000; background:#fff url(../images/blue_fade_bg.jpg) left top repeat-x}
h1 {margin-bottom:25px; font-size:2.0em; color:#fff}
h2, h3, h4, h5, p, ul, ol, dl {margin:5px; text-align:left}
h1, h2, h3, h4, h5 {font-weight:bold; text-transform:uppercase; font-family:"Arial Black", Arial, Verdana, sans-serif}
h2 {clear:both; margin-top:5px; font-size:1.5em; color:#545454}
h3 {font-size:1.25em; color:#868888}
h4 {font-size:1.15em; color:#868888}
h5 {font-size:1em; font-style:italic; color:#868888}
a {color:#2b89a8; outline:none}
	a:hover {text-decoration:none}
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

/*#######################
  Layout Styles 
#######################*/

#wrapper {width:960px; margin:0 auto; padding:5px 0}

#header {width:930px; padding:0px}

#content {clear:both; float:left; width:100%; background-color:#fff; border:0px solid #e9e8e8}	

	#content #navigation {float:left; margin:0 0 15px 0; width:100%; height:53px; background:url(../images/navigation_bg.jpg) left top repeat-x}
	#homepage #content #navigation {margin:0}
		#content #navigation li {float:left; display:inline; margin:0; font-size:1.15em; text-transform:uppercase; font-family:"Arial Black", Arial, Verdana, sans-serif; border-right:1px solid #e4e3e3}
			#content #navigation li a {display:block; padding:15px 20px; width:135px; height:23px; text-align:center; text-decoration:none; color:#989797}
				#content #navigation li a:hover {color:#2b89a8}
				
	#hero {clear:both; float:left; width:100%; margin-bottom:30px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#hero img {float:left; border-right:2px solid #747474}
		#hero p {width:525px; float:left; margin:0; padding:40px 25px; font-size:1.5em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}
        
    #home {clear:both; float:left; width:100%; margin-bottom:30px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#home img {float:left; border-right:2px solid #747474}
		#home p {width:525px; float:left; margin:0; padding:40px 25px; font-size:1.5em; color:blue; font-family:Georgia, Times, "Times New Roman", serif}    
    
    #product {clear:both; float:left; width:100%; margin-bottom:0px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#product img {float:left; border-right:2px solid #747474}
		#product p {width:525px; float:left; margin:0; padding:40px 25px; font-size:1.5em; color:#fff; font-family:Verdana}
        
        #product2 {clear:both; float:left; width:100%; margin-bottom:0px; background:url(../images/white.gif) left top repeat-x}
		#product2 img {float:middle; border-right:0px solid #747474}
		#product2 p {width:525px; float:left; margin:0; padding:10px 25px; font-size:1.0em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}    
      
    #table {clear:both; float:middle; width:100%; margin-bottom:0px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#table img {float:middle; border-right:0px solid #747474}
		#table p {width:525px; float:middle; margin:0; padding:0px 0px; font-size:1.0em; color:#fff; font-family:Arial}   
        
    #eric {clear:both; float:left; width:100%; margin-bottom:10px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#eric img {float:left; border-right:2px solid #747474}
		#eric p {width:525px; float:left; margin:0; padding:20px 25px; font-size:1.03em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}    

   #techf {clear:both; float:left; width:100%; margin-bottom:10px; background:url(../images/white.jpg) left top repeat-x}
		#techf img {float:left; border:4px solid #0000FF}
		#techf p {width:525px; float:left; margin:0; padding:20px 25px; font-size:1.03em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}

    #globe {clear:both; float:left; width:100%; margin-bottom:2px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#globe img {float:left; border-right:0px solid #747474}
		#globe p {width:900px; float:left; margin:0; padding:20px 25px; font-size:1.03em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}    
    
    #spm {clear:both; float:left; width:80%; margin-bottom:10px; background:url(../images/hero_bg.jpg) left top repeat-x}
		#spm img {float:left; border-right:2px solid #747474}
		#spm p {width:525px; float:left; margin:0; padding:20px 25px; font-size:1.03em; color:#fff; font-family:Georgia, Times, "Times New Roman", serif}
            
	#content p {line-height:1.5em}
	#content ul {margin-left:20px; list-style-type:disc}
		#content li {margin:0}	
	#content .two_columns {float:left; display:inline; width:450px; margin-right:15px;}
    #content .one_column {float:left; border: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .three_column {float:left; border-top: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
	#content .four_column {float:left; border-top: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .five_column {float:left; border-top: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .six_column {float:left; border: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .seven_column {float:left; display:inline; width:450px; margin-right:0px;}
    #content .eight_column {float:left; display:inline; width:450px; margin-right:0px;}
    #content .nine_column {float:left; display:inline; width:450px; margin-right:0px;}
    #content .ten_column {float:left; border: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .eleven_column {float:left;  font-size:0.8em; display:inline; width:450px; margin-right:0px; font-family:Arial}
    #content .twelve_column {float:left; border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .thirteen_column {float:left; border-top: 2px solid #000000; border-bottom: 2px solid #000000; display:inline; width:450px; margin-right:0px;}
    #content .fourteen_column {float:left; padding:4px; border: 2px solid #000000; background-color:#8B0000 ;font-size:1.0em; ;dispaly:inline; width:450px; font-family:sans-serif; line-height:15pt}
    #content .fifteen_column {float:left; padding:4px; border: 2px solid #000000; background-color:#8B0000 ;font-size:.9em; ;dispaly:inline; width:450px; font-family:sans-serif; line-height:15pt}
    #content .banner_column {float:left; padding:4px; border: 2px solid #000000; background-color:#8B0000 ;font-size:1.5em; ;dispaly:inline; width:450px; font-family:sans-serif; line-height:15pt}
    #content .sixteen_columns {float:left; display:inline; width:450px; margin-right:15px;}
    
#navbar {list-style:  none; float:right; background:url(../images/black.jpg); width: 420px; border: 0px solid #333}
#navbar li {display: inline; margin-right: 20px; }
#navbar li a:hover {color: yellow}
#navbar li a {color: white}

#nav {width: 20.5em; height: 1.9em; margin: 0em auto 0; font-size: 1.0em; list-style:  none; width: 956px; border: 2px solid #fff}
#nav li {position: relative; float: left;width: 11.26em; padding: .4em 0 0 0; height: 1.5em; background-color: #00001C; border-right: 2px solid #FFFFFF; display: inline;}
#nav li a:hover {color: #F5F5DC}
#nav li a {text-decoration: none; font-weight:bold; text-align: center; backgroundtext-decoration: none; color: white}
#nav li.noBorder {border-right: none;}
#nav li:hover {background-color: #00001C;}
#nav li a {display: block; float: left; width: 100%;}

/* Second Tier */
#nav li ul {display: none;}
#nav li:hover ul {display: inline; float:left; width: 12.2em; height: auto; margin-top: .6em; padding: 0; text-align: left; font-size: .9em;}
#nav li:hover ul li {width: 100%; height: 1.5em; background-color: #F5F5DC; border: none; border-bottom: 1px solid #000000; overflow: hidden;}
#nav li:hover ul li a {display: block; margin: 0; text-align: left; padding: .5em 0 .3em .3em; height: 100%; line-height: 0em; color: black;}
#nav li ul li a:hover {text-decoration:none; color: blue}



    
/* Form Styles */
input, textarea {padding:3px; font-size:.95em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic; color:gray}
input {width:250px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:#000; font-style:normal}
	
#footer {clear:both; padding:50px 0 30px 0; font-size:.9em; font-style:italic; color:gray}