@charset "utf-8";
/* CSS Document */

/* Reset CSS Document */


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#9FF4A6;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* form styles */

form			{
				max-width:100%;
				}


fieldset
				{
				max-width:100%;
				border: 1px solid #000;	
				padding:2%;
				background:rgba(0, 102, 153, 0.5); /* rgba(255,255,255,0.5); */
				}
				
legend
				{
				padding:15px;	
				font-weight:600;	
				top:2px; 
				left:110px;
			    position:absolute;
				color:#000;
				}

label 
				{
				/* float: left;
				text-align: left;
				margin-right: 15px;
				width: 100px; 
				padding-top:2px; */
				}
				
input
				{				
				border: 5px solid white; 
					-webkit-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					-moz-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
				padding: 15px;
				background:rgba(255,255,255,0.5);
				margin: 0 0 10px 0;
				}
				
		
textarea
				{				
				border: 5px solid white; 
					-webkit-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					-moz-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
				padding: 15px;
				background: rgba(255,255,255,0.5);
				margin: 0 0 10px 0;
				}
				
				
select
				{
				border: 2px solid white; 
					-webkit-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					-moz-box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
					box-shadow: 
					  inset 0 0 8px  rgba(0,0,0,0.1),
							0 0 16px rgba(0,0,0,0.1); 
				padding: 8px;
				background: rgba(255,255,255,0.5);
				margin: 0 0 10px 0;

				}






/* ############### all pages ############### */

body					{
						background-color:#E1E1E1; /* #069; /*#ccc; /* #CFCFCF; */
						}


#wrapper				{
						width:100%;
						min-height:850px;
						overflow:hidden;
						margin:0px auto;
						background-color:#fff; /* #A6DEFF; /* ##CFCFCF;	*/
						/* position:relative; */
						padding:0px 0px 0px 0px;
						position:relative;
						}


#outter					{
						width:100%;
						min-height:800px;
						overflow:hidden;
						margin:0px auto;
						background-color:#fff; /* #A6DEFF; */
						position:relative;
						padding:0px 0px 0px 0px;
						/* position:relative; */
						/* border-left:2px solid #069; */
						/* border-right:2px solid #069; */
						/* box-shadow:-4px 0px 8px #666, 4px 0px 8px #666; */ 
						}
						


p
					{
					font-size:18px;	
						
						
					}
					
					
table
					{
					width:100%;
					margin:25px 0px 0px 0px;
					display:inline-table;	
					padding: 15px;	
					border: 1px solid black;
					
					}
					
th, td
					{
					padding: 15px;	
					border: 1px solid black;
					}
					
th
					{
					background-color:#03C;
					color:white;	
						
					}
					
tr:nth-child(even)
					{
					background-color:#0CF;	
						
					}
					
					
tr:nth-child(odd)
					{
					background-color:#fff;	
					}
					
					
					
					
.button
					{
					width:90%;
					padding:25px;
					border:solid thin #039;
					border-radius:5px;
					color:#fff;
					background-color:#39C;
					font-size:14px;
					font-weight:900;
					margin-left:2%;
					}
					
					
.button:visited
					{
					border:solid thin #039;
					color:#CCC;
					background-color:#39C;
					}

.button:hover
					{
					border:solid thin #FFF;
					color:#ccc;
					background-color:#39C;
					font-weight:700;
					}
					
					
.photo-left
					{
					min-width:200px;
					max-width:275px;
					min-height:100px;	
					margin:10px;
					overflow:hidden;
					float:left;
					border:2px solid #036;	
					}

.photo-right
					{
					min-width:200px;
					max-width:275px;
					min-height:100px;	
					margin:10px;
					overflow:hidden;
					float:right;
					border:2px solid #036;	
					}


h1					{
					font-size:30px;
					font-weight:bold;
					color:#003;
					border-bottom:1px solid rgba(0,0,102,1);
					border-bottom-width:2px;
					
					}


h2					
					{
					font-size:24px;
					font-weight:300;
					color:#003; /*069; */
					/* font-family: 'Petit Formal Script', cursive; */
					padding: 0px 5px 0px 0px;
					border-bottom:1px solid rgba(0,102,153,.5); 

					}
					
h3
					{
					padding:5px;
					font-size:20px;
					font-weight:900;	
					color:#003;
					}



/* ############### header ############### */


  
#header-container
					{
					width:100%;
					min-height:145px;  /* was 104 */
					margin:0px auto;
					background-color:#003;
					overflow:hidden;
					border-bottom:8px solid #003;  /* #069 */
					font-family: 'Mate', serif;
					
					}


#header
					{
					width:100%;
					min-height:115px;
					margin:0px auto;
					padding:10px 0px 0px 0px;
					overflow:hidden;
					/* background-color:none; /*#069; rgba(0,102,153,.5 /* #E4E4E4; */
					/* background-color:rgba(255,255, 255,.5); */
					backround-color:#003;
					position:relative;
			
					}

#header h1
					{
						color:#fff;/* #069; */
					}
					
#header h2
					{
						color:#fff; /*#069; */
						border-bottom: none;
					}

					
					
					
#header-left	
					{
					width:100%;	
					height:115px;
					float:left;
					overflow:hidden;
					background-color:none;
					padding:10px 0px 0px 0px;
					margin: opx auto;
					text-align:center;
					}
	
					
	
					
	/*				
					
#home-link
					{
					width:100%;
					height:80px;
					margin:0px 0px 0px 25px;
					float:left;
					}
*/
					


#nav
					{
						
					width:100%; /* 900px; */
					min-height:25px;
					margin:0px auto;	
					/*position:absolute;
					z-index:8; */
					background-color:#003;
					border-top: thin solid #fff;
					border-bottom: 8px solid #003; /* #069; */
					/* border-bottom:6px solid #006; */
					text-align:center;
					padding:0px 0px 0px 0px;
					}
	
	


#nav ul ul
					{
					width:100%;
					display:none;	
					margin: 0px auto;
					text-align:center;
					}
	
#nav ul li:hover > ul
					{
					display:block;
					
					}
				
#nav ul
					{ 
					width:100%;
					padding:0px 0px;
					border-radius:10px;  
					list-style:none;
					position:relative;
					display:inline-block;  /*inline-table */
					margin-top:0px;
					margin-right:auto;
					margin-left:auto;
					}
	
#nav ul:after
					{
					content: ""; clear: both; 
					display: block;
					
					}
	
	
#nav ul li
					{
					padding:0px;
					display:inline-block;
					width:48%;  /*180px */
					height:40px; 
					text-align:center;
					border-bottom: thin #D3D3D3 solid;
					border-left: thin #D3D3D3 solid;
					border-right: thin #D3D3D3 solid;
					
					}


#nav ul li:hover
					{
					color:#000;	
					padding:0px 0px;
					}
					
					

	
#nav ul li a
					{
					display:block; 
					padding-top:10px;
					padding-bottom:10px;
					/* padding:5px 30px 15px 30px; */
					color: #fff; 
					text-decoration: none;	
					/* display:block; */
					/* border-right:1px solid #006; */
					font-size:18px;
					}
	
#nav ul li a:hover
					{
					color:#09C;
					background-color:#006;
					text-decoration:none;
					/* display:block; */
					}
					
					
#nav ul li a:after
					{
					
					color:#fff; 
					text-decoration:none;	
	
					}
	
	
	
	
/* ############################### The following is for secondary lists ###################	
	
#nav ul ul
					{
					position:absolute;
					top:100%;
					margin:-5px 0px 0px 0px;
					}
	
#nav ul ul li
					{
					float:none;
					position:relative;	
					margin:0px 0px 0px 0px;
					border-top:1px solid #006;
					border-bottom:2px solid #006;
					}
					
#nav ul ul li a:link
					{
					padding:15px 40px 15px 10px;
					background-color:#069;
					color:#FFF;
					margin:0px 0px 0px 0px;
					display:block;
					}
	

#nav ul ul li a:after
					{
					padding:15px 40px;
					background-color:#006;
					color:#fff;
					margin:0px 0px 0px 0px;
					display:block;
					}
					
					
#nav ul ul li a:hover
					{
					background-color:#006;	
					color:#09C;	
					padding:15px 40px;
					display:block;
					}
									############## */

/* ################################## INDEX #####################################*/

#home				
					{
					max-width:100%;
					min-height:840px;
					margin:0px auto;	
					padding:25px 25px 25px 25px;
					background-color:#fff; /* #F7F7F7; */
					position:relative;
					overflow:hidden;
					font-family: 'Mate', serif;	
			
					}
					
#home ul {
    list-style: circle;
    margin: 0 0 0 35px; /* You can also write this as margin: 0 0 0 35px; for shorthand */
}

#home ul li {
    font-size: 18px;
    line-height: 1.6;
}
					
#home h1
					{
					padding:35px 0px 0px 0px;	
					/* border-bottom:1px solid #006; */
					}
					
#home h2
					{
					padding:25px 0px 0px 0px;	
					}
					
#home h3
					{
					padding:5px;
					}
					
					
					
					
#home p
					{
					padding:3px;
					line-height:160%;	
					}
					
#home a:link
					{
					text-decoration:none;	
					}
					
#home a:active
					{
						
					}
					
#home a:hover
					{
					text-decorartion:underline;
					}
					
					
					
					
					
					
					
					
					
					
					
#home-text
					{
								
					max-width:100%;
					height-min:20px;
					padding:10px;
					background-color:#FFFFFF;
					opacity:.6;	
					position:absolute;
					text-align:center;
					top:30%;
					}
					
#home-text h2
					{
					
					border-bottom:none;					

					}


/* ############ NOT CURRENTLY IN USE ######### 	
					
#indexdiv
					{
					width:100%;
					min-height:200px;
					margin:20px auto;
					text-align:center;
					position:relative;
					overflow:hidden;
					}
					

.indexlinkdiv
					{
					width:100%;
					height:150px;	
					background-color:rgba(0,102,153,.5);
					border:solid thick #003;
					margin:15px 30px 15px 46px;
					float:left;
					text-align:center;
					}


.indexlinkdiv:hover
					{
					background-color:rgba(0,102,153,1);
					}


.indexlinkdiv h1
					{
					color:#fff;
					font-size:22;
					padding: 15px;
					border-bottom:none;	
						
					}

									#################### */
			

/* #################################### page body styles ############################*/

						
#page-body
					{
					max-width:100%;
					min-height:840px;
					margin:0px auto;	
					padding:25px 25px 25px 25px;
					background-color:#fff; /* #F7F7F7; */
					position:relative;
					overflow:hidden;
					font-family: 'Mate', serif;	
						
						
						
					/*idth:100%;
					height:900px;
					position:relative;
					/*background-image:url(../Photos/Cables.gif);
					background-size:cover;                   
    				background-repeat:no-repeat;
   					background-position:center;
					padding:75px 25px 25px 25px;;
			         */
					}
					
#page-body h1
					{
					padding:35px 0px 0px 0px;	
					/* border-bottom:1px solid #006; */
					}
					
#page-body h2
					{
					padding:25px 0px 0px 0px;	
					}
					
#page-body h3
					{
					padding:5px;
					}
					
					
#page-body p
					{
					padding:3px;
					line-height:160%;	
					}
					
#page-body a:link
					{
					text-decoration:none;	
					}
					
#page-body a:active
					{
						
					}
					
#page-body a:hover
					{
					text-decorartion:underline;
					}
					
#page-body ul
					{
					list-style:disc;
					margin:0px 0px 0px 35px;	
					}
					
#page-body ul li
					{
					font-size: 16px;
					line-height:160%;
					}
					
					
					


.background-paragraph
					{
					background-color:#069;	
						
					}


/* ############### Social ############### */



#social-container	{
					max-width:100%;
					min-height:800px;
					text-align:center;
					}
					

#social 			{
					width:100%;
					height:600px;
					background-color:#036;
					margin-top:25px;
					padding:2px;
					text-align:center;
					display:inline-block;
					}
					
#social h2			{
					color:#fff;
					padding-top:25px;
					padding-bottom:25px;
					}





/* ############### Index ############### 


#index-image
					{
					width:900px;
					height:199px;	
					margin:0px;
					float:left;
					overflow:hidden;
					}



#index-top
					{
					width:800px;
					min-hieght:400px;
					overflow:hidden;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					}
					
					
#index-top-left
					{
					width:350px;
					min-hieght:400px;
					overflow:hidden;
					position:relative;
					float:left;
					margin:10px 0px 10px 0px;
					padding:10px;
					}


#index-top-right
					{
					width:350px;
					min-hieght:400px;
					overflow:hidden;
					position:relative;
					float:left;
					margin:10px 0px 10px 50px;
					padding:10px;
					}

					

#index-middle
					{
					width:800px;	
					min-height:400px;
					margin:0px 0px 0px 0px;
					padding:10px;
					overflow:hidden;
					position:relative;
					}
					
					
#index-middle-left
					{
					width:350px;
					min-hieght:400px;
					overflow:hidden;
					position:relative;
					float:left;
					margin:10px 0px 10px 0px;
					padding:10px;
					}


#index-middle-right
					{
					width:350px;
					min-hieght:400px;
					overflow:hidden;
					position:relative;
					float:left;
					margin:10px 0px 10px 50px;
					padding:10px;
					}
					
					
#mission
					{
					width:800px;
					min-height:100px;
					float:left;
					margin:0px 0px 0px 0px;
					}
					
					
.photo-index
					{
					width:300px;
					max-height:275px;	
					margin:75px 50px 0px 20px;
					overflow:hidden;
					float:right;
					border:2px solid #036;	
					}
					
					
#index-left-nav
					{
					width:200px;	
					height:450px;	
					margin:25px 0px 0px 50px;
					padding:40px 0px 0px 0px;
					float:left;
					border:solid 1px #fff;
					background-color:#B4B4B4;
					background-image: -webkit-linear-gradient(top, #B4B4B4, #ccc, #B4B4B4);	
					background-image: -moz-linear-gradient(top, #B4B4B4, #ccc, #B4B4B4);
					background-image: -0-linear-gradient(top, #B4B4B4, #ccc, #B4B4B4);
					background-image: -ms-linear-gradient(top, #B4B4B4, #ccc, #B4B4B4);
					background-image: linear-gradient(top, #B4B4B4, #ccc, #B4B4B4 );
					box-shadow: 0px 0px 10px #666, 10px 10px 10px #666;

					}
					
#index-left-nav ul
					{
					list-style:none;
					position:relative;
					}

#index-left-nav ul li
					{
					width:200px;
					height:50px;
					display:block;
					text-decoration:none;
						
					}
					
#index-left-nav ul li a:link
					{
					font-size:18px;
					color:#204892;	
					padding:10px 10px 10px 30px;
					display:block;	
					text-decoration:none;
					}

#index-left-nav ul li a:visited
					{
					font-size:18px;
					color:#204892;	
					padding:10px 10px 10px 30px;
					display:block;	
					text-decoration:none;
					}

#index-left-nav ul li a:hover
					{
					background:#CCCCCC;	
					color:#000;
					padding:10px 10px 10px 30px;
					text-decoration:none;
					}

					
#index-text
					{
					width:745px;
					height:450px;
					margin:30px 0px 0px 55px;
					padding:10px;
					float:left;
					overflow:hidden;
					text-align:justify;
					}

#index-text h2
					{
					color:#204892;	
					font-size:20px;
					}
					
#index-text p
					{
					color:#204892;	
					font-size:18px;
					}
					
#slideshow
					{
					width:550px;
					height:490px;
					margin:25px 0px 0px 30px;
					float:left;
					overflow:hidden;	
					box-shadow: 0px 0px 10px #666, 10px 10px 10px #666;
					}

#quick-links
					{
					width:840px;
					height:200px;	
					position:absolute;
					top:925px;	
					left:30px;	
					background-color:none;
					overflow:hidden;
					text-align:center;
					}


#quick-link
					{
					width:200px;
					height:150px;
					margin:10px 33px 10px 20px;
					padding:10px;
					border:solid 1px #fff;
					background-color:#B4B4B4;
					background-image: -webkit-linear-gradient(top, #ccc, #B4B4B4);	
					background-image: -moz-linear-gradient(top, #ccc, #B4B4B4);
					background-image: -0-linear-gradient(top, #ccc, #B4B4B4);
					background-image: -ms-linear-gradient(top, #ccc, #B4B4B4);
					background-image: linear-gradient(top, #ccc, #B4B4B4);
					overflow:hidden;
					float:left;
					box-shadow:10px 10px 10px #666;	
					}
					
					
#quick-link a:link
					{
					
						
					}


#quick-link a:visited
					{
						
						
						
					}


#quick-link a:hover
					{
					
						
						
					}
							###################################### */



/* ############### Production Services ############### */

#production-service
					{
					width:350px;
					height:275px;
					margin:15px;
					float:right;
					overflow:hidden
						
					}


.border-fade-right
					{
					border-bottom:thin solid #069;
					background-image: -webkit-linear-gradient(left, #069, #fff, #fff);	
					background-image: -moz-linear-gradient(left, #069, #fff, #fff);
					background-image: -0-linear-gradient(left, #069, #fff, #fff);
					background-image: -ms-linear-gradient(left, #069, #fff, #fff);
					background-image: linear-gradient(left, #069, #fff, #fff );
					}





/* ############### contact us ############### */

#contact
					{
					width:100%;
					min-height:100px;
					margin:10px 0px;
					padding:0px 0px 0px 0px;
					background-color:none;
					position:relative;
					border-bottom:solid 1px #999;
					overflow:hidden;
						
					}

#contact-main
					{
					width:100%;	/* was 325 */
					min-height:500px;
					margin:20px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					overflow:hidden;
					float:left;
					}

/* currently not in use 

#left
					{
					width:425px;
					height:650px;
					margin:30px 0px 0px 0px;
					float:left;	
					}
					
#left h2
					{
					font-size:20px;
					font-weight:800;	
					}
					
*/


.photo-right-contact
					{
					max-width:275px;
					min-height:100px;	
					margin:10px 10px 10px 55px;
					overflow:hidden;
					}

					
#contact-top
					{
					width:100%;
					min-height:225px;
					display:block;
					margin:20px 0px 20px 0px;
					float:left;
					}

#contact-top p 
					{
					padding:0px;	
					}


					
#contact-map
					{
					width:100%;
					height:250px;
					margin:0px 0px 0px 0px;
					float:left;	
					padding:0px;
					} 
/*					
#contact-right
					{
					width:100%;
					min-height:100px;
					margin:0px 0px 0px 0px;
					float:left;	
					padding:0px 0px 0px 0px;
					} 
					*/

#contact-right ul
					{
					list-style-type:none;
						
					}
					
					
#contact-right ul li
					{
					
					
					}

					
#contact-image
					{
					width:100%;
					min-height:100px;
					margin: 20px 0px 20px 0px;
					background-color:none;
					clear::both;
					position:relative;
					text-align:center;
					overflow:hidden;
					/*
					background-image: -webkit-linear-gradient(top, #ccc, #069);	
					background-image: -moz-linear-gradient(top, #ccc, #069);
					background-image: -0-linear-gradient(top, #ccc, #069);
					background-image: -ms-linear-gradient(top, #ccc, #069);
					background-image: linear-gradient(top, #ccc, #069);
					overflow:hidden;
					box-shadow:10px 10px 10px #666;	*/
					}
								

#vcard
					{
					max-width:100%;
					min-height:25px;
					float:left;
					background-color:none;
					text-align:center;
					margin-top:25px;
					margin-bottom:25px;
					/*
					background-image: -webkit-linear-gradient(top, #ccc, #069);	
					background-image: -moz-linear-gradient(top, #ccc, #069);
					background-image: -0-linear-gradient(top, #ccc, #069);
					background-image: -ms-linear-gradient(top, #ccc, #069);
					background-image: linear-gradient(top, #ccc, #069);
					overflow:hidden;
					box-shadow:10px 10px 10px #666;	*/
					}


#vcard p 
					{
					color:#000;	
					}
					
				
						
a.vcard:link    
					{
					/*width:100%;
					height:100%;
					color:#000;
					font-weight:500;
					display:block;*/
					}
					
					
a.vcard:visited 
					{
					color:#fff;
					}
					
					
a.vcard:hover   
					{
					/*color:#069;
					font-weight:500px;
					border-color:#999;
					background-color:#999;
					opacity:.4;*/

					}
					
					
a.vcard:active  
					{
					color:yellow;
					}



#calendar
					{
					width:100%;
					margin:20px 0px;
					}

a.contactlink:link
					{
					display:block;
					width:90%;
					padding:10px;
					color:#fff;
					font-weight:bold;
					background-color:#069;
					border:2px solid #003;
					}

a.contactlink:visited 
					{
					color:#fff;
					border:2px solid #003;
					}
					
					
a.contactlink:hover   
					{
					color:#000;
					border-color:#003;
					background-color:#999;
					}
					
					
a.contactlink:active  
					{
					color:yellow;
					}



/* ############### footer ############### */


#footer					
					{
					max-width:100%;  /* was 900px; */
					min-height:100px;
					text-align:center;
					font-size:14px;
					border-top:10px solid #003; /* was #ccc */
					background-color:#333; /* #666; */
					position:relative;
					margin:0px 0px 20px 0px;	
					padding:30px;
					overflow:hidden;
					}
					
					
#footer ul
					{
					list-style:none;	
					}
					
					
#footer ul li
					{
					color:#fff;
					margin:2px 0px 2px 0px;
					/* font-family: 'Signika', sans-serif; */
					}
					
.li-bold
					{
					font-weight:700;	
					}
					
#footer hr
					{
					margin:0px;
					padding:0px;
					width:100%;	
					height:1px;
					}
					
.footer-line
					{
					margin:0px;
					padding:0px;	
					width:100%;
					color:#003;
					height:6px;
					background-color:#003;  /* 069 */
					border:none;
					
					}
					
					
					
#footer a:link
					{
					text-decoration:none;	
					color:#fff;
					}
					
#footer a:active
					{
					color:#fff;
					}
					
#footer a:hover
					{
					text-decorartion:underline;
					color:#fff;
					}