video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}
.stopfade { 
   opacity: .5;
}

@font-face {
    font-family: 'bebas';
    src: url('BebasNeue-Regular.eot');
    src: url('BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-Regular.woff2') format('woff2'),
         url('BebasNeue-Regular.woff') format('woff'),
         url('BebasNeue-Regular.ttf') format('truetype'),
         url('BebasNeue-Regular.svg#bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrapper {
	width:960px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	border: 2px none #F00;
	padding: 0px;
}

#toptop {
	background: #003366; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#0099ff, #003366, #0099ff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0099ff, #003366, #0099ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0099ff, #003366, #0099ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0099ff, #003366, #0099ff); /* Standard syntax */
	text-align: center;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 2px;
	height: 33px;
	font-size: 22px;
	font-weight: bold;
}

#wrapper #toptop p {
	text-align: center;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 2px;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	font-size: 22px;
	font-weight: bold;

}

#wrapper #toptop p a {
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	font-size: 22x;
	text-decoration:none;
	font-weight: bold;
}

#wrapper #toptop p img {
	vertical-align: middle;
    max-height: 33px;
	padding-bottom: 5px;
	border:none;
}


#header {
	height: 200px;
	background-color:#000;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}

#topnav {
	height: 55px;
	background-color:#000
}

#slideshow {
	height: 300px;
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
}

#main {
	height:auto;
	background-color: #FFF;
	color: #000;
	text-color: #000;
	margin: 0px;
	padding: 0px;
}

/**Main page rollover links**//

#main a{
	color:#003366;
	}
	
#main a:active{
	color:#003366;
	}
	
#main a:visited{
	color:#003366;
	}

#main a:hover{
	color:#0099FF;
	}

#main p a{
	color:#F00;
	}
	
#main p a:active{
	color:#F00;
	}
	
#main p a:visited{
	color:#F00;
	}

#main p a:hover{
	color:#FFF;
	}


/**Main page rollover links end**/

#footer {
	height: 225px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin:0px;
	padding:0px;
	color:#FFF;

//propotional resize
	margin: 0px;
	padding: 0px;
	clear: both;
	margin: 0px;
}

#wrapper #main p {
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top:0px;
	padding-right:0px;
}


#copyright {
	height: 95px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 6px;
	background-image: none;
	background: #0099ff;
	color: #000033;
	text-color: #000033;;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border:none;
	border-size: 0px;
	}
		
#wrapper #footer p {
	margin: 0px;
	padding: 0px;
	color:#FFF;
}

h3 {
	text-align: center;
	font size: 42px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFF;
}

#footer ul li {
	color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li a:active{
	color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#footer ul li a{
	color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#footer ul li a:hover{
	color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#footer ul a:visited{
	color: #FFF;
	font-weight: normal;
	margin: 0px;
	padding-top: 15px;
	text-decoration: none;
}
#footer #footercol2 p center {
	color: #FFF;
}
#footer img {
	margin: 0px;
	padding: 0px;
}





#wrapper #copyright p {
	margin: 0px;
	padding-left: 0px;
	padding-right:0px
	padding-top:3px;
	padding-bottom:3px;
    color: #FFF;
}

h1 {
    font-family: 'bebas';
	color:#003366;
	text-shadow: 1px 1px #000;;
    font-weight: normal;
    font-style: normal;
	font-size: 42px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

h1 a {
    font-family: 'bebas';
	color:#003366;
	text-shadow: 1px 1px #000;;
    font-weight: normal;
    font-style: normal;
	font-size: 42px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

h1 a:visited {
    font-family: 'bebas';
	color:#003366;
	text-shadow: 1px 1px #000;;
    font-weight: normal;
    font-style: normal;
	font-size: 42px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

h1 a:active {
    font-family: 'bebas';
	color:#003366;
	text-shadow: 1px 1px #000;;
    font-weight: normal;
    font-style: normal;
	font-size: 42px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
h1 a:hover {
    font-family: 'bebas';
	color:#003366;
	text-shadow: 1px 1px #000;;
    font-weight: normal;
    font-style: normal;
	font-size: 42px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}



h2 {
	font-family: "Times New Roman", Georgia, Serif;
    font-weight: bold;
    font-style: normal;
	font-size: 36x;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
    color: #FFF;
}


#wrapper #main p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25x;
	text-align: justify;
}

/* 3 COLUMNS START */

#col1 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
	font-size: 18px;
}

#col2 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
	font-size: 18px;
}

#col3 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
	font-size: 18px;
}

/* 3 COLUMNS END */


/* 3 LICENSES COLUMS START */

#lic1 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}

#lic2 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#lic3 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}

/* 3 LICENSES COLUMNS END */


/* Start Footer Columns */

#footercol1 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height: 200px;
	width: 280px;
	float: left;
	background:none;
	background-color:none;
	margin-top: 0px;
	margin-bottom: 0px;
}

#footercol2 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height: 200px;
	width: 280px;
	float: left;
	background:none;
	background-color:none;
	margin-top: 0px;
	margin-bottom: 0px;
}

#footercol3 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height: 200px;
	width: 280px;
	float: left;
	background:none;
	background-color:none;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footercol3 a{
color:#FFF;
}

#footercol3 a:visited{
color:#FFF;
}

#footercol3 a:active{
color:#FFF;
}

#footercol3 a:hover{
color:#000;
}

#countdown999 {
	float: right;
	height: 50px;
	width: 200x;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 135px;
	padding-right: 48px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}


/*end footer columns*/

/**copyright rollover**/

#wrapper #copyright a {
	color: #FFF;
	text-decoration:none
}

#wrapper #copyright a:visited {
	color: #FFF;
	text-decoration:none
}


#wrapper #copyright a:active {
	color: #FFF;
	text-decoration:none
}

#wrapper #copyright a:hover{
	color: #000;
	text-decoration:underline;
}






/* 16 Products COLUMNS START */
#product1 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product2 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product3 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}










#product4 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product5 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}




#product6 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product7 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}



#product8 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product9 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}



#product10 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product11 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product12 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product13 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product14 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    height:auto;
	width: 280px;
	float: left;
	background:#000
}

#product15 {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	height:auto;
	width: 280px;
	float: left;
	background:#000
}


/* 15 ProductsCOLUMNS END */

#main #product2 h2 a img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #footer #footercol1 ul li {
	text-align: left;
}
#wrapper #footer #footercol2 ul li {
	text-align: left;
}
#wrapper #footer #footercol3 ul li {
	text-align: left;
}


/** contact form **/
#contact1 {
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
	height:auto;
	width: 450px;
	float: left;
	background:#FFF;
	text-color:#000;
}
#contact2 {
	margin-left: 15x;
	margin-right: 15px;
	padding: 0px;
	height:auto;
	width: 450px;
	float: left;
	background:#FFF;
	text-color:#000;
}


/**end contact form**/

#wrapper center table {
	color: #FFF;
}

h6 {
	font-family: "Times New Roman", Georgia, Serif;
    font-weight: bold;
    font-style: normal;
	font-size: 20px;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
    color: #003366;
}

#wrapper center table tr td h6 {
	font-size: 20px;
	font-weight:bold;
}

h5 {
	font-family: "Times New Roman", Georgia, Serif;
    font-weight: normal;
    font-style: normal;
	font-size: 16px;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;
    color: #FFF;
}

#wrapper center table tr td h5 {
	font-size: 16px;
    color: #FFF;#header a img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main #footer #footercol1 h3 {
	font-size: 20px;
}
#main #footer #footercol2 h3 {
	font-size: 20px;
}
#main #footer #footercol3 h3 {
	font-size: 20px;
	text-alight: left;
}



#main #col1 p {
	font-size: 18px;
}

#main #col2 p {
	font-size: 18px;
}

#main #col3 p {
	font-size: 18px;
}

h4 {
	font-size:24px;
	color:#003366;
}