body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
	
table {
	border-collapse:collapse;
	border-spacing:0;
	}
	
fieldset,img { 
	border:0;
	}
	
ol,ul {
	list-style:none;
	}
	
caption,th {
	text-align:left;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
	
q:before,q:after {
	content:'';
	}
	
abbr,acronym { 
	border:0;
	}

.left{
	float: left;
	}
	
.right{
	float: right;
	}
		
html{
	-webkit-font-smoothing: subpixel-antialiased;
	}

input[type=submit] {
	background: #ffbc00;
	float: left;
	width: 145px;
	height: 40px;
	margin: 5px;
	color: #0;
	font-family: 'Signika Negative', Arial, sans-serif;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	padding: 0px;
	border:0 none;
	cursor:pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px
	}

input[type=submit]:hover{
	background-position: 0 -56px;
	color: white;
	}

br.clear{
	clear: both;
	}

::selection {
	background: #9da0b7;
	color: white; 
	/* Safari */
	}
::-moz-selection {
	background: #9da0b7; 
	color: white;
	/* Firefox */
	}

hr{
	color: #424242;
	background-color: #424242;
	height: 1px;
	border: none;
	border-bottom: solid 1px black;
	margin: 20px 0;
	clear: both;
	}
	
p{
	padding-bottom: 20px;
	}
	
body {
	background:#ffffff url("../img/bgTile.png") repeat-x;
	font-family: lucida sans, sans-serif;
	font-size: 14px;
	color: #999899;
	}

h1 {
	font-family: 'Signika Negative', Arial, sans-serif;
	font-size: 25px;
	color: #b0b0b0;
	text-shadow: 0 1px 0 black;
	padding-bottom: 10px;
	}
	
h2 {
	font-family: 'Signika Negative', Arial, sans-serif;
	color: white;
	font-size: 21px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 black;
	}
	
h3 {
	font-family: 'Signika Negative', Arial, sans-serif;
	color: #b0b0b0;
	font-size: 18px;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 black;
	}

a{
	text-decoration: none;
	color: white;
	}
	
a:hover{
	text-decoration: underline;
	}

div#container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	}

#footer {
	color: #666;
	padding: 10px;
	clear: both;
	text-align: center;
	font-size: 10px;
	height: 18px;
	}
	
#footer a{
	color: #555;
	padding: 0px;
	clear: both;
	text-align: center;
	font-size: 10px;
	height: 18px;
	}

ul{
	margin-left:0;
	padding-left:-1em;
	}

a.logo{
	float:left;
	}

/* NEW STUFF */
#header{
	height: 59px;
	background: url(../img/navbg.png) repeat-x #323132;
	margin-bottom: 5px;
	padding-left: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}

#header .logo{
	margin-left: 10px;
	}

#header ul.nav{
	font-family: 'Signika Negative', lucida sans, sans-serif;
	
	display: inline;
	line-height: 58px;
	float: right;	
	}
	
#header ul.nav.show{
	display: block;
	}
	
#header ul.nav li{
	float: left;
	}
	
#header ul.nav li a{
	float: left;
	padding: 0 18px;
	text-transform: uppercase;
	border-left: solid 1px #4a4a54;
	color: #999;
	}

#header ul.nav li:first-child a{
	border-left: none;
	}

#header ul.nav li a:hover, #header ul.nav li#current a{
	background: #323132;
	text-decoration: none;
	color: #ffbc00;
	}

.main-feature{
	font-size: 18px;
	height: 455px;
	color: #5c5c6c;
    margin-bottom: 5px;
    overflow: hidden;	
  }


/* SPLASH IMAGES */
.promo1, .promo2{
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	width: 980px;
 	height: 455px;
	}
	 
.promo1{
	background: url(../img/splashscreen/cheetahbot2.jpg) no-repeat top left;
	color: #707070;
	background-size: 980px 455px;
  	}
  	
.promo2{
	background: url(../img/splashscreen/monideer.jpg) no-repeat top left;
  	color: #000;
  	background-size: 980px 455px;
  	}
/* SPLASH IMAGES FINISH */
  
.pinfo{
	font-family: 'Signika Negative', Arial, sans-serif;
	padding: 180px 30px 30px 620px;
  	}
  
.ptitle{
  	font-size: 35px;
  	font-weight: 600;
  	letter-spacing: -1px;
  	}
  
.main-feature ul{
  	margin: -10px 0 10px 15px;
  	list-style:disc;
 	}
  
.sub-feature{
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	font-size: 18px;
 	height: 255px;
 	width: 980px;
 	color: #5c5c6c;
    margin-bottom: 5px;
    overflow: hidden;	
   } 

#content{
	background: #323132;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	min-height: 500px;
	}

#content ul.snav{
	background: url(../img/snavbg.png) no-repeat;
	font-family: 'Signika Negative', sans-serif;
	width: 984px;
	height: 77px;
	line-height: 60px;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
#content ul.snav li{
	display: inline-block;
	}	
		
#content ul.snav li a{
	color: #999;
	float: left;
	padding: 0 15px;
	text-transform: uppercase;
	border-right: solid 1px #4a4a54;
	}
	
#content ul.snav li:last-child a{
	border-right: none;
	}

#content ul.snav li a:hover, #content ul.snav li.active a{
	color: #ffbc00;
	background: #323132;
	text-decoration: none;
	}
        
#content ul.snav:after, ul.nav:after{
	content: " ";
	font-family: Arial;
	font-size: 5px;
	}
        
#content .lcol{
	width: auto;
	padding: 30px;
	float: left;
	}    

#content .lcol .feature{
	width: 425px;
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
	display: block;
	}
	
#content .lcol .feature:nth-of-type(2n+2){
	margin-right: 0;
	}
	
#content .scol .cola, #content .scol .colb{
	width: 420px;
	float: left;	
	}
	
#content .scol ul{
	list-style: disc;
	padding-left: 14px;
	}

#content .scol .cola{
	padding-right: 40px;
	}
	
#content .lcol .feature p{
	padding: 18px 0;
	}    

#content .scol{
	overflow: hidden;
	padding: 20px 40px;
	float: left;
	width: 900px;
	} 

#content .scol .gallery-item{
	padding: 0 33px 5px 0;
	float: left;
	text-align: center;
	overflow: hidden;
	}	
	
#content .scol .gallery-item img{
	padding-bottom: 5px;
	}
	
.paging{
	clear: both;
	text-align: center;
	}
	
#content .scol .gallery-item:nth-of-type(4n+4){
	padding-right: 0;
	}
	
#content .scol .gallery-item a:hover{
	background: #ffbc00;
	}

#content .scol p.newslist{
	//border-bottom: solid 1px #666;
	//padding: 10px 0;
	padding: 0px 0;
	}
	
#content .scol .newslistdate{
	display: inline-block;
	width: 110px;
	}
	
.newstitle{
	margin-bottom: 0;
	}


.buynow{
	background: #ffbc00;
	float: left;
	width: 145px;
	height: 40px;
	margin: 5px;
	color: #333333;
	font-family: 'Signika Negative', Arial, sans-serif;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	padding: 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.buynow:hover{
	text-decoration: none;
	color: white;
	}

#popbox{
	width:485px;
	height:350px;
	padding: 30px;
	overflow: off;
	background:#333;
	}
	
#popbox ul{
	list-style:disc;
	padding-left: 15px;
	margin-bottom: 15px;
	}
	
#popbox #ddownload{
	padding: 10px 15px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	display: block;
	width: 160px;
	font-weight: bold;
	}
	
#popbox #ddownload:hover{
	background: #666;
	color: white;
	text-decoration: n;
	}

#pinfo #ddownload{
	padding: 10px 15px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	display: block;
	width: 180px;
	font-weight: bold;
	}

.training{
	overflow: hidden;
	}

.training .tinfo{
	float: left;
	width: 520px;
	}

.training .tinfo440{
	float: left;
	width: 420px;
	}
	
.training img.left{
	padding-right: 30px;
	}
	
.training img.newv7{
	float: left;
	width: 55px;
	height: 12px;
	margin: 2px 3px 0px 0px;
	}
	
.training .gap{
	padding-left: 20px;
	}
	
.rrevs{
	margin-top: 10px;
	}

.c1, .c2{
	width: 309px;
	float: left;
	}
	
.c1{
	padding-right: 30px;
	}


/************************************************************************************
 MEDIA QUERIES
*************************************************************************************/
#header .logo {
	margin-left: 0;
	width:240px;
	}
	

a.menu-trigger{
	width: 29px;
	height: 29px;
	background: url('../img/menutrigger.png') no-repeat left top;
	margin-top: 15px;
	margin-right: 20px;
	cursor: pointer;
	float: right;
	display: none;
	}
	
	
/* for 480px or less */
@media only screen and (max-width: 480px) {
	a.menu-trigger{
		display: block;
		}
	
		div#container{
			width: auto;
			}
		.main-feature{
			width: auto;
			height: 180px;
			}
		#content .lcol .feature {
			width: auto;
			margin-right: 0;
			}
		#header{
			height: auto;
			overflow: hidden;
			}
		#content ul.snav{
			width: auto;
			background: none;
			height: auto;
			}
			#content ul.snav li{
				display: block;
				width: 100%;
				}
				#content ul.snav li a{
					float: none;
					border-right: none;
					border-bottom: 1px solid #666;
					display: block;
					}
		#header ul.nav, .pinfo{
			display: none;
			}
		#header ul.nav{
			position: relative;
			float: none;
			overflow: hidden;
			z-index: 99;
			clear: both;
			width: auto;
			}
		#header ul.nav li{
			display: block;
			float: none;
			width: auto;
			height: 58px;
			text-align: center;
			}
			#header ul.nav li a{
				width: 100%;
				box-sizing: border-box;
				background: #333333;
				border-bottom: 1px solid #666666;
				}
		
		
		#content .lcol, #content .scol, #content .scol .cola, #content .scol .colb{
			width: auto;
			float: none;
			display: block;
			overflow: hidden;
			clear: both;
			min-height: none;
			padding: 20px;
			}
		#content .scol .cola ul, #content .scol .colb ul{
			margin-bottom: 15px;
			}
		
		#content .lcol img{
			max-width: 100%;
			height: auto;
			}
		.promo1, .promo2{
			height: 180px;
			width: 100% !important;
			background-size: cover;
			}
		
		.sub-feature{
			width: auto;
			height: auto;
			}
			.sub-feature img{
				width: 100%;
				}
		#content .scol hr{
			display: none;
			}	
		#content .scol .gallery-item{
			padding: 0;
			margin: 0 auto;
			width: 100%;
			}
		#content .scol .gallery-item img{
			width: 100%;
			}
		.training, .training .tinfo, .training .tinfo440{
			width: auto;
			}
		.training img{
			margin-bottom: 15px;
			width: 100%;
			}
		.training a{
			overflow: hidden;
			display: block;
			}
		.training img .right{
			float: none;
			}
		}