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

#nav {
    font-size:.9em;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:2px;
	-webkit-user-select: none;
	float:right;
    }
	
    #nav > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
	border: 1px solid rgba(0,0,0,0);
	
    /* for IE6/7 */
    *display: inline;
    zoom:1; 
    }
    #nav a {
    display: block;
    padding-left: 5px;
	padding-right:5px;
	margin-bottom:8px;
	color:#666;
    text-decoration: none;
    }
	
    #nav a:hover, #nav a:focus {
        color:#000000;
    }
	
    .submenu {
		position: absolute;
		left: -5px; 
		z-index: 0;
		opacity: 0;
		filter:alpha(opacity=0);
		white-space: nowrap;
		background: #fff;
		-moz-border-radius: 5px 5px 5px 5px; 
		-webkit-border-radius: 5px 5px 5px 5px; 
		border-radius: 5px 5px 5px 5px;         
		-webkit-border-bottom-left-radius: 5px; /* for Chrome */ 
		-webkit-border-bottom-right-radius: 5px; /* for Chrome */  
		border: 1px solid #ccc;
		font-family: 'Open Sans', sans-serif;
		letter-spacing:1px;
    }
    .submenu li {
      	height: 0;
	  	list-style:none;
    	line-height: 25px;
    	background:#fff;
    	-webkit-transition: all 0.3s;
   	 	-moz-transition: all 0.3s;
    	transition: all 0.3s;
		text-align:center;
    }
	
	.submenu li:hover {
      	background-color:#CCC;
    }
	
	#nav > li:hover {
		
	}
	
  	#nav > li:hover .submenu, #nav > li.focus .submenu {
		z-index: 10;
		opacity: 1;
		filter:alpha(opacity=100);
  	}
    #nav > li:hover .submenu li, #nav > li.focus .submenu li {
    	height: 25px;
  	}
  
	/*software dropdown*/

	#nav  > li:hover .submenu2 a:hover, #nav a:focus {
		border:#999 solid 1px;
	}
	
	#nav  > li .submenu2 a, #nav a:focus {
		border:#FFF solid 1px;
	}
  
  
  
  #nav > li:hover .submenu2, #nav > li.focus .submenu2 {
    z-index: 10;
    opacity: 1;
    filter:alpha(opacity=100);
	position: absolute;   
	left: -465px\9; /*for ie8 and below*/ 
  }
  
  @-moz-document url-prefix() {
    	#nav > li:hover .submenu2, #nav > li.focus .submenu2 {
		z-index: 10;
		opacity: 1;
		filter:alpha(opacity=100);
		position: absolute;
		left: -457px;
  	}
	
	body.mac #nav > li:hover .submenu2, #nav > li.focus .submenu2 {
		z-index: 10;
		opacity: 1;
		filter:alpha(opacity=100);
		position: absolute;
		left: -443px; 
  	}
  }
    
	@media screen and (-webkit-min-device-pixel-ratio:0) {
     /*Chrome CSS here*/
     #nav > li:hover .submenu2, #nav > li.focus .submenu2 {
    	left: -457px; 
  	 }
	}
	
	/* iPad [portrait + landscape] */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		
		.submenu {
		left: -1px;
		}
		
		#nav > li:hover .submenu2, #nav > li.focus .submenu2 {
    		left: -417px;
  	 	}
	}
	
	/* iPhone [portrait + landscape] */
	@media only screen and (max-device-width: 480px) {
		.submenu {
		left: -1px;
		}
		
		#nav > li:hover .submenu2, #nav > li.focus .submenu2 {
    		left: -417px; 
  	 	}
	}

	
   .submenu2 {
		position: absolute;
		left: -2000px; 
		width:960px;
		z-index: 0;
		opacity: 0;
		filter:alpha(opacity=0);
		text-align:center;
		background: #fff;
    }
	
   .submenu2 li {
		z-index: 0;
		height: 0;
		list-style:none;
		background:#fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
    }
	
	.submenu2 h2 {
		font-size:17px;
		margin-top:10px;
	}
	
	.submenu2 p {
		font-size:12px;	
	}
  
	#table {
		width: 925px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
	}
	
  
  #row1, #row2  {
	  	clear: both;
		width: 100%;
  }
  
  .col1, .col2, .col3, .col4 {
	  position:relative;
	  width: 230px;
	  height:260px;
	  float: left;
	  border-left: 1px solid #e3e7e7;
	  border-bottom: 1px solid #e3e7e7;
  }
  
  .col1 {
	  border-left:none;
  }
  
  .col1 a, .col2 a, .col3 a, .col4 a{
	 height:258px;
  }
  
  .col1 a:hover, .col2 a:hover, .col3 a:hover, .col4 a:hover{
	 height:258px;
  }
  
  .col1 a:focus, .col2 a:focus, .col3 a:focus, .col4 a:focus{
	 height:258px;
  }
  
   .col1 img, .col2 img, .col3 img, .col4 img{
	 position:absolute; 
	 bottom: 2px;
	 right:35px;
  }

#nav li#tabsoftware:hover, #nav li#tabsupport:hover  {
	background:#FFF;
    -moz-border-radius: 7px 7px 0 0; 
    -webkit-border-radius: 7px 7px 0 0; 
    border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-khtml-border-radius: 7px 7px 0 0;        
    -webkit-border-top-left-radius: 5px; /* for Chrome */ 
    -webkit-border-top-right-radius: 5px; /* for Chrome */  
	padding-top:5px;
	margin-top:-5px;
	
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	border:#CCC solid 1px;
}