*  {	margin: 0;	padding: 0; }


body  {
	color:#626262;
	/*background:#EBEBEB url(../images/s5_body_bg.png);*/
	font-size:0.8em;
	line-height:160%;}
	
	.breadcrumbs {
		background: #1c3f93;
		padding: 10px;
  		color: #fff;
		margin-top: 0px;
    	margin-bottom: 0px;
    	/*height: 18px;*/
	}
	.breadcrumbs a {
		color: #949494;
	}
	
	span.showHere {
  padding-right: 10px;
	}

body.contentpane, body.mceContentBody {	background:#FFFFFF;}

a  {	text-decoration: none;}
a:hover  { text-decoration:underline; }
a:active { outline: none;}
a:focus {-moz-outline-style: none;}	

fieldset a  {font-weight: bold; }

h1 {	font-size:3em;line-height:130%;margin-bottom:10px;color:#221f1f;}

h2 {	font-size:2em;line-height:130%;margin-bottom:8px;;color:#221f1f; margin-top: 10px;}

#s5_component_wrap h2 a {color:#000000 !important;}

#s5_component_wrap_inner h2 {
font-size:2em;
/*clear:both;*/
}

#s5_component_wrap_inner h1 {
font-size:2.5em;
/*clear:both;*/
}

.products {
    clear: both;
}

h3 {	font-size:1.2em;line-height:130%;color:#221f1f;}

.s5_responsive_mobile_drop_down_inner .s5_mod_h3 {
font-size:13pt !important;
margin:0px !important;
padding:0px !important;
border:none !important;
background:none !important;
}

.s5_responsive_mobile_drop_down_inner .s5_mod_h3_outer {
background:none !important;
padding:0px !important;
}

#s5_component_wrap_inner h3 {
margin-bottom:18px;
font-size:1.4em;
}

#s5_component_wrap_inner .s5_is_display h3 {
margin-bottom:0px;
}

h4 {	font-size:2em;line-height:130%;;color:#fff;}
h4:before { 
  display: block; 
  content: " "; 
  margin-top: -215px; 
  height: 215px; 
  visibility: hidden; 
}

h5 {	font-size:0.9em;line-height:130%;;color:#000000;}


	.map {
		width: 25%;
		float: left;
}

	.map-title {
		text-align:center;
}


/*-----------Case Studies Images Crop -------------*/

/*.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	/*position:relative; /* this is important too */
	/*border:0px solid #ccc;
	width:322px;
	height:205px;
	border-radius: 10px; 
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6);
	margin-bottom: 15px;
	}
.crop img{
	position:absolute;
	top:-10px;
	left:0px;
	}
	*/

	
	.img-crop { width: 100%; max-width: 322px; height: 200px; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6); border-radius: 10px; margin-bottom: 10px;}
.img-crop img { width: 322px; height: auto; }

@media (max-width: 1100px) and (min-width: 768px) {
	.img-crop { width: 100%; max-width: 322px; height: 155px; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6); border-radius: 10px; margin-bottom: 10px;}
.img-crop img { width: 322px; height: auto; }
}

@media (max-width: 850px) and (min-width: 768px) {
	.img-crop { width: 100%; max-width: 322px; height: 143px; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6); border-radius: 10px; margin-bottom: 10px;}
.img-crop img { width: 322px; height: auto; }
}

/*-------Parntership Logos------------*/

.partners { width: 200px; 
			height: 200px; 
			box-shadow: 0px 1px 10px; 
			padding: 15px; 
			border-radius: 50%;
			margin-left: auto;
  			margin-right: auto;
  			display: block;
			margin-bottom: 10px;

}

.partners-dataton {
	 transform: translate(0%, 45%); 
	 -webkit-transform: translate(0%, 45%); 
	 -ms-transform: translate(0%, 45%);
}

.partners-absoftware {
	 transform: translate(0%, 10%); 
	 -webkit-transform: translate(0%, 10%); 
	 -ms-transform: translate(0%, 10%);
}

.partners-vuwall {
	 transform: translate(0%, 140%); 
	 -webkit-transform: translate(0%, 140%); 
	 -ms-transform: translate(0%, 140%);
}

.partners-derivative {
	 transform: translate(0%, 105%); 
	 -webkit-transform: translate(0%, 105%); 
	 -ms-transform: translate(0%, 105%);
}

.partners-greenhippo {
	 transform: translate(0%, 45%); 
	 -webkit-transform: translate(0%, 45%); 
	 -ms-transform: translate(0%, 45%);
}
.partners-mediashout {
	 transform: translate(0%, 130%); 
	 -webkit-transform: translate(0%, 130%); 
	 -ms-transform: translate(0%, 130%);
}

.partners-matterhorn {
	 transform: translate(0%, 10%); 
	 -webkit-transform: translate(0%, 10%); 
	 -ms-transform: translate(0%, 10%);
}

.partners-norpix {
	 transform: translate(0%, 105%); 
	 -webkit-transform: translate(0%, 105%); 
	 -ms-transform: translate(0%, 105%); 
}

.partners-ubicast {
	 transform: translate(0%, 100%); 
	 -webkit-transform: translate(0%, 100%); 
	 -ms-transform: translate(0%, 100%); 
}

.partners-poly {
	 transform: translate(0%, 18%); 
	 -webkit-transform: translate(0%, 18%); 
	 -ms-transform: translate(0%, 18%); 
}

.partners-panopto {
	 transform: translate(0%, 70%); 
	 -webkit-transform: translate(0%, 70%); 
	 -ms-transform: translate(0%, 70%); 
}

.partners-mxwendler {
	 transform: translate(0%, 45%); 
	 -webkit-transform: translate(0%, 45%); 
	 -ms-transform: translate(0%, 45%); 
}


.partners-wavestore {
	 transform: translate(0%, 10%); 
	 -webkit-transform: translate(0%, 10%); 
	 -ms-transform: translate(0%, 10%); 
}


/*---------Where to Buy Logos----------*/

.partners-iavi {
	 transform: translate(0%, 52%); 
	 -webkit-transform: translate(0%, 52%); 
	 -ms-transform: translate(0%, 25%);
}

.partners-future-micro {
	 transform: translate(0%, 100%); 
	 -webkit-transform: translate(0%, 100%); 
	 -ms-transform: translate(0%, 100%);
}

.partners-mobile-video-devices {
	 transform: translate(0%, 25%); 
	 -webkit-transform: translate(0%, 25%); 
	 -ms-transform: translate(0%, 25%);
}

.partners-exxact-corporation {
	 transform: translate(0%, 20%); 
	 -webkit-transform: translate(0%, 20%); 
	 -ms-transform: translate(0%, 20%);
}

.partners-pixell {
	 transform: translate(4%, 13%); 
	 -webkit-transform: translate(4%, 13%); 
	 -ms-transform: translate(4%, 13%);
}

.partners-midwest-computer {
	 transform: translate(0%, 90%); 
	 -webkit-transform: translate(0%, 90%); 
	 -ms-transform: translate(0%, 90%);
}

.partners-tmb {
	 transform: translate(0%, 24%); 
	 -webkit-transform: translate(0%, 24%); 
	 -ms-transform: translate(0%, 24%);
}

.partners-advanced-techno {
	 transform: translate(0%, 8%); 
	 -webkit-transform: translate(0%, 8%); 
	 -ms-transform: translate(0%, 8%);
}

.partners-kolo {
	 transform: translate(0%, 105%); 
	 -webkit-transform: translate(0%, 105%); 
	 -ms-transform: translate(0%, 105%);
}

.partners-display4 {
	 transform: translate(2%, 0%); 
	 -webkit-transform: translate(2%, 0%); 
	 -ms-transform: translate(2%, 0%);
}

.partners-channels-media {
	 transform: translate(0%, 105%); 
	 -webkit-transform: translate(0%, 105%); 
	 -ms-transform: translate(0%, 105%);
}

.partners-proyectos {
	 transform: translate(0%, 40%); 
	 -webkit-transform: translate(0%, 40%); 
	 -ms-transform: translate(0%, 40%);
}

.partners-videonet {
	 transform: translate(0%, 120%); 
	 -webkit-transform: translate(0%, 120%); 
	 -ms-transform: translate(0%, 120%);
}

.partners-vision-direct {
	 transform: translate(0%, 180%); 
	 -webkit-transform: translate(0%, 180%); 
	 -ms-transform: translate(0%, 180%);
}

.partners-nisko {
	 transform: translate(0%, 50%); 
	 -webkit-transform: translate(0%, 50%); 
	 -ms-transform: translate(0%, 50%);
}

.partners-true-colors {
	 transform: translate(-2%, -7%); 
	 -webkit-transform: translate(-2%, -7%); 
	 -ms-transform: translate(-2%, -7%);
}

.partners-videoset {
	 transform: translate(0%, 20%); 
	 -webkit-transform: translate(0%, 20%); 
	 -ms-transform: translate(0%, 20%);
}

.partners-mindstec {
	 transform: translate(0%, 75%); 
	 -webkit-transform: translate(0%, 75%); 
	 -ms-transform: translate(0%, 75%);
}

.partners-redlinx {
	 transform: translate(0%, 75%); 
	 -webkit-transform: translate(0%, 75%); 
	 -ms-transform: translate(0%, 75%);
}

.partners-adissy {
	 transform: translate(0%, 140%); 
	 -webkit-transform: translate(0%, 140%); 
	 -ms-transform: translate(0%, 140%);
}

.partners-datapath {
	 transform: translate(0%, 100%); 
	 -webkit-transform: translate(0%, 100%); 
	 -ms-transform: translate(0%, 100%);
}

.partners-medium {
	 transform: translate(0%, 80%); 
	 -webkit-transform: translate(0%, 80%); 
	 -ms-transform: translate(0%, 80%);
}

.partners-red-solutions {
	 transform: translate(0%, 140%); 
	 -webkit-transform: translate(0%, 140%); 
	 -ms-transform: translate(0%, 140%);
}

.partners-stemmer-imaging{
	 transform: translate(0%, 55%); 
	 -webkit-transform: translate(0%, 55%); 
	 -ms-transform: translate(0%, 55%);
}

.partners-true-colours{
	 transform: translate(0%, 55%); 
	 -webkit-transform: translate(0%, 55%); 
	 -ms-transform: translate(0%, 55%);
}

.partners-squareone{
	 transform: translate(0%, 55%); 
	 -webkit-transform: translate(0%, 55%); 
	 -ms-transform: translate(0%, 55%);
}

.partners-imago{
	 transform: translate(0%, -7%); 
	 -webkit-transform: translate(0%, -7%); 
	 -ms-transform: translate(0%, -7%);
}

.partners-sidev{
	 transform: translate(0%, 35%); 
	 -webkit-transform: translate(0%, 35%); 
	 -ms-transform: translate(0%, 35%);
}

.partners-ambient{
	 transform: translate(0%, 43%); 
	 -webkit-transform: translate(0%, 43%); 
	 -ms-transform: translate(0%, 43%);
}

.partners-egovi{
	 transform: translate(0%, 60%); 
	 -webkit-transform: translate(0%, 60%); 
	 -ms-transform: translate(0%, 60%);
}

.partners-subvertice{
	 transform: translate(0%, 125%); 
	 -webkit-transform: translate(0%, 125%); 
	 -ms-transform: translate(0%, 125%);
}

.partners-blink{
	 transform: translate(0%, 15%); 
	 -webkit-transform: translate(0%, 15%); 
	 -ms-transform: translate(0%, 15%);
}

.partners-dicis{
	 transform: translate(0%, 15%); 
	 -webkit-transform: translate(0%, 15%); 
	 -ms-transform: translate(0%, 15%);
}

.partners-digital-signage{
	 transform: translate(0%, 55%); 
	 -webkit-transform: translate(0%, 55%); 
	 -ms-transform: translate(0%, 55%);
}

.partners-van-domburg{
	 transform: translate(0%, 260%); 
	 -webkit-transform: translate(0%, 260%); 
	 -ms-transform: translate(0%, 260%);
}

.partners-dimeso{
	 transform: translate(0%, 95%); 
	 -webkit-transform: translate(0%, 95%); 
	 -ms-transform: translate(0%, 95%);
}

.partners-videlco{
	 transform: translate(0%, 30%); 
	 -webkit-transform: translate(0%, 30%); 
	 -ms-transform: translate(0%, 30%);
}

.partners-littlebit{
	 transform: translate(0%, 34%); 
	 -webkit-transform: translate(0%, 34%); 
	 -ms-transform: translate(0%, 34%);
}

.partners-agmultivision{
	 transform: translate(0%, 140%); 
	 -webkit-transform: translate(0%, 140%); 
	 -ms-transform: translate(0%, 140%);
}

.partners-datasoft{
	 transform: translate(0%, 6%); 
	 -webkit-transform: translate(0%, 6%); 
	 -ms-transform: translate(0%, 6%);
}

.partners-imaco{
	 transform: translate(0%, 65%); 
	 -webkit-transform: translate(0%, 65%); 
	 -ms-transform: translate(0%, 65%);
}

.partners-prolight{
	 transform: translate(-1%, 65%); 
	 -webkit-transform: translate(-1%, 65%); 
	 -ms-transform: translate(-1%, 65%);
}

.partners-visual-unity{
	 transform: translate(4%, 70%); 
	 -webkit-transform: translate(4%, 70%); 
	 -ms-transform: translate(4%, 70%);
}

.partners-audmax{
	 transform: translate(0%, 100%); 
	 -webkit-transform: translate(0%, 100%); 
	 -ms-transform: translate(0%, 100%);
}

.partners-teksel{
	 transform: translate(0%, -3%); 
	 -webkit-transform: translate(0%, -3%); 
	 -ms-transform: translate(0%, -3%);
}

.partners-division{
	 transform: translate(0%, 120%); 
	 -webkit-transform: translate(0%, 120%); 
	 -ms-transform: translate(0%, 120%);
}

.partners-pikselon{
	 transform: translate(0%, 90%); 
	 -webkit-transform: translate(0%, 90%); 
	 -ms-transform: translate(0%, 90%);
}

.partners-adec{
	 transform: translate(0%, 18%); 
	 -webkit-transform: translate(0%, 18%); 
	 -ms-transform: translate(0%, 18%);
}

.partners-multinet{
	 transform: translate(0%, 140%); 
	 -webkit-transform: translate(0%, 140%); 
	 -ms-transform: translate(0%, 140%);
}

.partners-jmc{
	 transform: translate(0%, 28%); 
	 -webkit-transform: translate(0%, 28%); 
	 -ms-transform: translate(0%, 28%);
}

.partners-audico{
	 transform: translate(0%, 70%); 
	 -webkit-transform: translate(0%, 70%); 
	 -ms-transform: translate(0%, 70%);
}

.partners-europarts{
	 transform: translate(0%, 100%); 
	 -webkit-transform: translate(0%, 100%); 
	 -ms-transform: translate(0%, 100%);
}

.partners-kavena{
	 transform: translate(0%, 120%); 
	 -webkit-transform: translate(0%, 120%); 
	 -ms-transform: translate(0%, 120%);
}

.partners-adeptor{
	 transform: translate(0%, 115%); 
	 -webkit-transform: translate(0%, 115%); 
	 -ms-transform: translate(0%, 115%);
}

.partners-powerwave{
	 transform: translate(0%, 300%); 
	 -webkit-transform: translate(0%, 300%); 
	 -ms-transform: translate(0%, 300%);
}

.partners-tongdy{
	 transform: translate(0%, 60%); 
	 -webkit-transform: translate(0%, 60%); 
	 -ms-transform: translate(0%, 60%);
}

.partners-eyevis{
	 transform: translate(0%, 60%); 
	 -webkit-transform: translate(0%, 60%); 
	 -ms-transform: translate(0%, 60%);
}

.partners-azl{
	 transform: translate(0%, 50%); 
	 -webkit-transform: translate(0%, 50%); 
	 -ms-transform: translate(0%, 50%);
}

.partners-cybernetech{
	 transform: translate(0%, 85%); 
	 -webkit-transform: translate(0%, 85%); 
	 -ms-transform: translate(0%, 85%);
}

.partners-solution-systems{
	 transform: translate(0%, 50%); 
	 -webkit-transform: translate(0%, 50%); 
	 -ms-transform: translate(0%, 50%);
}

.partners-leadtech{
	 transform: translate(2%, 20%); 
	 -webkit-transform: translate(2%, 20%); 
	 -ms-transform: translate(2%, 20%);
}

.partners-gencom{
	 transform: translate(0%, 75%); 
	 -webkit-transform: translate(0%, 75%); 
	 -ms-transform: translate(0%, 75%);
}

.partners-sfuda{
	 transform: translate(0%, 115%); 
	 -webkit-transform: translate(0%, 115%); 
	 -ms-transform: translate(0%, 115%);
}

.partners-uvis{
	 transform: translate(0%, 43%); 
	 -webkit-transform: translate(0%, 43%); 
	 -ms-transform: translate(0%, 43%);
}

@media (max-width: 1100px) and (min-width: 768px) {
	.partners { width: 130px; 
			height: 130px; 
			box-shadow: 0px 1px 10px; 
			padding: 15px; 
			border-radius: 50%;
			margin-left: auto;
  			margin-right: auto;
  			display: block;
			margin-bottom: 10px;

}
	.opencast { display:none !important;}
	.polywall { display:none !important;}
}

/*-------------Firefox--------------*/

/*@-moz-document url-prefix() { 
  .homebuttons {
	height:315px !important;
  }
}*/



/* IMAGES
----------------------------------------------------------- */

a img, fieldset, img  {	border: none; }

.module_round_box_outer img {
line-height:100%;
display:inline-block;
}

.mosimage  {
	padding: 0;
	border:1px solid #333333;
	margin:6px;	}

.mosimage img  {
	padding: 0;
	margin: 0!important; }

.mosimage_caption {
	background:#333333;
	border-top:1px solid #333333;
	color:#FFFFFF;
	font-size:8pt;
	margin-top:2px;
	padding:1px 2px;}


/* FORM
----------------------------------------------------------- */
fieldset  {
	margin-bottom:14px;
}
	
.s5_responsive_mobile_drop_down_inner fieldset {
margin:0px;
border:none;
}

#form-login fieldset {
	border:none;
	padding-top:0px;}

#form-login p {
	padding-top:0px;}

#login br {
	display:none;}

#login .button {
	margin-top:8px;
	margin-bottom:8px;}

#login ul, #form-login ul {
	padding-top:8px;
	padding-bottom:8px;}

#modlgn-username, #modlgn-passwd, #username_vmlogin, #password_vmlogin {
    width:92%;}

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, textarea, button, .btn {
	border:none;
	/*padding: 6px 8px 8px 10px;*/
	font-size: 1.0em;
	border:solid 1px #221f1f;
	/*color:#3C3C3C;
	background:#F7F7F7;*/
	box-shadow: 0px 0px 10px;
	/*-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 0px 10px rgba(0, 0, 0, 0.1) inset;*/
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;}
	
	
	.input {
		border:none;
	/*padding: 6px 8px 8px 10px;*/
	font-size: 1.0em;
	border:solid 1px #221f1f;
	/*color:#3C3C3C;
	background:#F7F7F7;
	box-shadow: 0px 0px 10px;
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 0px 10px rgba(0, 0, 0, 0.1) inset;*/
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;}
	
	
.bfQuickMode textarea, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
	border: 1px solid #221f1f;
	/*background-color: #ebebeb;*/
  	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  	border-radius: 10px;}
	
.btn:hover {
	background: #e21a37 !important;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	
	box-shadow:none !important;	}

.inputbox:hover, .registration input:hover, .login input:hover, .contact-form input:hover, #jform_contact_message:hover, #mod-search-searchword:hover, input:hover, textarea:hover, button:hover  {
	/*background: #e21a37;
	border:solid 1px #221f1f;
	-moz-box-shadow:0 0px 15px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 0px 15px rgba(0, 0, 0, 0.1) inset;	*/
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	
	box-shadow:none !important;	}	
	
.btn, .dropdown-toggle, .btn:hover, .dropdown-toggle:hover {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}

.dropdown-toggle:hover {
background:#E6E6E6;
}

	
select.inputbox {
behavior:none;}

label.invalid {
	color:#FF0000;}

label.invalid {
	color:red;}

.invalid {
	border-color:#FF0000;}

.invalid {
	border-color:red !important;}

.tool-tip {
	float: left;
	background: #CCCCCC;
	border: 1px solid #333333;
	padding: 5px;
	color:#000000;
	max-width: 200px;}

.tool-title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	color:#000000;}

.tool-text {
	color:#000000;
	margin: 0;}

/* BUTTONS
----------------------------------------------------------- */

.button, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, .btn, buton {
	padding:8px;
	margin-top:14px;
	margin-bottom:0px;
	font-weight: bold;
	border:none;
	color:#FFFFFF;
	text-decoration: none; 
	font-size:1.1em;}

.button, .btn, buton {
	margin:8px;
	margin-top:10px;
	margin-right:8px;
	color:#ffffff;}
	
.btn {
	padding-left:12px;
	padding-right:12px;
}
	
.btn-primary, .pager a {
color:#FFFFFF !important;
}

.btn-primary:hover, .pager a:hover {
color:#FFFFFF !important;
}

.button:hover, .btn:hover, buton:hover {
border:none;
}
	
#submitCommentButton {
	margin-top:14px;}

div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link {
	padding-left:10px;
	padding-right:10px;}
	
p.readmore {
padding:0px;
}

/*-------Readmore------*/

p.readmore a:hover {
	background:#e21a37;
padding:8px;
padding-left:16px;
padding-right:16px;
border-radius: 8px;
}
	

p.readmore a {
color:#fff !important;
background:#e21a37;
padding:8px;
padding-left:16px;
padding-right:16px;
border-radius: 8px;
/*border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

p.readmore a:hover {
color:#fff !important;
background:#e21a37;
padding:8px;
padding-left:20px;
padding-right:20px;
border-radius: 8px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
box-shadow:none;
}

/*-------Blue--------*/
.readonblue:hover {
	background:#adadad;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;*/
}
	

p.readmore a, .readonblue {
color:#fff !important;
background:#929292;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;
border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}

/*-------Green------*/

.readongreen:hover {
	background:#adadad;
/*padding:8px;
padding-left:16px;
padding-right:16px;
border-radius: 8px;*/
}
	

p.readmore a, .readongreen {
color:#fff !important;
background:#929292;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;
border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}

/*-------Black------*/

.readonblack:hover {
	background:#adadad;
/*border-radius: 8px;*/
}
	

p.readmore a, .readonblack {
color:#fff !important;
background:#929292;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;
border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}

/*-------Red------*/

.readonred:hover {
background:#adadad;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;*/
}
	

p.readmore a, .readonred {
color:#fff !important;
background:#929292;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;
border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}

/*-------Grey------*/

.readongrey:hover {
	background:#adadad;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;*/
}
	

p.readmore a, .readongrey {
color:#fff !important;
background:#929292;
padding:8px;
padding-left:16px;
padding-right:16px;
/*border-radius: 8px;
border:solid 1px #E9E9E9;*/
font-size:1.1em;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}

p.readmore a:hover, .readonblue:hover, .readongreen:hover, .readonred:hover, .readonblack:hover, .readongrey:hover {
color:#FFFFFF !important;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
box-shadow:none;
}

#s5_component_wrap p.readmore a {
margin-top:16px;
display:inline-block;
margin-bottom:26px;
}

.module_round_box-highlight1_hover:hover .readon, .module_round_box-highlight2_hover:hover .readon {
background:none !important;
border:solid 1px #FFFFFF !important;
color:#FFFFFF !important;
}

.module_round_box-highlight1_hover:hover h1, .module_round_box-highlight1_hover:hover h2, .module_round_box-highlight1_hover:hover h3, .module_round_box-highlight1_hover:hover h4, .module_round_box-highlight1_hover:hover h5, .module_round_box-highlight2_hover:hover h1, .module_round_box-highlight2_hover:hover h2, .module_round_box-highlight2_hover:hover h3, .module_round_box-highlight2_hover:hover h4, .module_round_box-highlight2_hover:hover h5 {
color:#FFFFFF !important;
}

	
#s5_loginreg ul {
list-style:none;
margin:0px;
}


/* FONT CONTROLS
----------------------------------------------------------- */
#fontControls {
	float:right;}

#fontControls a {
	color:#FFFFFF;}

.decreaseSize {
	font-size:12px;}

.increaseSize {
	font-size:19px;}

.resetSize {
	font-size:16px;
	margin-left:5px;
	margin-right:5px;}	
	
/* SCROLL TO TOP
----------------------------------------------------------- */

#s5_scrolltotop {
	height: 0px;
	visibility:hidden;}


#s5_scrolltopvar .s5_scrolltotop  {	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width:38px;
	height:38px;
	cursor:pointer;
	float: right;
	margin-right: 11px;
	margin-top:-74px;
	background:transparent url(../images/s5_scroll_arrow.png) no-repeat center 2px;}	
	

	
/* BODY ELEMENTS
----------------------------------------------------------- */

#s5_header_area1 {
background: url(../images/datapath-header-v2.jpg) no-repeat center bottom;
/*border-bottom:solid 1px #282828;*/
padding-top:70px;
/*padding-bottom:34px;*/
}

/*#s5_header_outer {
top:-400px;
-webkit-transition: top 500ms ease-out;
-moz-transition: top 500ms ease-out;
-o-transition: top 500ms ease-out;
transition: top 500ms ease-out;
-moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);
box-shadow:0 0px 10px rgba(0, 0, 0, 0.5);
}*/

#s5_header_outer.s5_floating_header {
position:fixed;
z-index:999;
width:100%;
top:0px;
}

.s5_floating_header #s5_header_area1 {
/*padding-top:13px;
padding-bottom:13px;*/
margin-top: -187px;
padding-top: 187px;
padding-bottom: 0px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
background: #fff url(../images/datapath-header-v2.jpg) no-repeat center top;
}

.s5_floating_header #s5_logo {
	width:90px;
	margin-top:10px;
	
}

.s5_floating_header #s5_search_wrap, .s5_floating_header #linkedin, .s5_floating_header #telephone {
	display: none;	
}



.s5_floating_header #s5_sub_menu_wrap {
padding-top:10px;
padding-bottom:10px;
}

.s5_floating_header_subs {
position:fixed !important;
}

#s5_header_spacer {
width:100%;
}

#s5_logo {
cursor: pointer;
float:left;
max-width:90% !important;
margin-top:-55px;
}

#s5_logo_module {
float: left;
max-width:90% !important;
}

#s5_menu_wrap {
margin-left:54px;
float: right;
margin-top: 10px;
margin-bottom: 4px;
}

#subscribe {
float: right;
margin: 15px 8px 0px 0px;
cursor:pointer;
cursor:hand;
}

#twitter {
float: right;
margin: 15px 8px 0px 0px;
cursor:pointer;
cursor:hand;
}

#linkedin {
float: right;
margin: 15px 8px 0px 0px;
cursor:pointer;
cursor:hand;
}

#youtube {
float: right;
margin: 15px 8px 0px 0px;
cursor:pointer;
cursor:hand;
}

#telephone {
float: right;
margin: 15px 8px 0px 0px;
cursor:pointer;
cursor:hand;
}


#s5_search_wrap label, #s5_search_wrap button, #s5_search_wrap br, #s5_search_wrap .button, #s5_search_wrap .btn-primary {
display:none !important;
}

#s5_search_wrap {
float:right;
margin-top:10px;
margin-bottom:0px;
margin-right: 8px;
}

#s5_search_wrap input {
/*padding:17px;*/
border:none !important;
color:#FFFFFF !important;
background:url(../images/magnify-search.png) no-repeat center left;
width:0px;
padding-left:20px;
overflow:hidden;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
text-indent:10px;
-webkit-box-shadow: none !important; 
box-shadow: none !important; 
-moz-box-shadow: none !important; 
}

#s5_search_wrap input:hover, #s5_search_wrap input:focus {
width:140px;
padding-left:20px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
background:url(../images/magnify-search.png) no-repeat center left;
	background-size:30px;
-webkit-box-shadow: none !important; 
box-shadow: none !important; 
-moz-box-shadow: none !important; 
}

/*#s5_sub_menu_wrap {
background:#151013 url(../images/s5_header_bg.png) repeat-y center top;
padding-top:18px;
padding-bottom:18px;
color:#FFFFFF !important;
}*/

#s5_top_menu_wrap li, #s5_bottom_menu_wrap li {
/*float:left;*/
margin-right:16px;
}

#s5_top_menu_wrap li a {
color:#FFFFFF !important;
}

#s5_register, #s5_login {
float:right;
margin-left:16px;
cursor:pointer;
}

#s5_register:hover, #s5_login:hover {
text-decoration:underline;
}

/*#s5_top_row1_area1,*/ #s5_top_row2_area1, #s5_top_row3_area1, #s5_pos_custom_3, #s5_pos_custom_4, #s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_bottom_row3_area1 {
padding-top:46px;
padding-bottom:50px;
}

#s5_top_row1_area1 {
padding-top:46px;
padding-bottom:5px;
}

#s5_center_area1 {
/*background:url(../images/s5_grey_background.jpg);*/
padding-top:0px;
}

#s5_header_wrap, #s5_sub_menu_wrap_inner2, #s5_footer_area_inner2 {
padding-left:11px;
padding-right:11px;
}

#s5_pos_custom_3, #s5_pos_custom_4 {
background:#FFFFFF;
}

.s5_fourdivs_1 {
	background: #fff !Important;
}

#s5_footer_area1 {
padding-top:15px;
color:#626262 !important;
background:url(../images/datapath-footer.png)no-repeat center top;
}

#s5_footer_area1 a {
color:#626262 !important;
font-style: normal;
}

#s5_breadcrumb_wrap a, #s5_breadcrumb_wrap span {
margin-left:8px;
margin-right:8px;
}

#s5_breadcrumb_wrap .showHere {
color:#FFFFFF;
padding:8px;
padding-left:16px;
padding-right:16px;
margin-right:14px;
margin-left:0px;
}

#s5_breadcrumb_wrap, #s5_bottom_menu_wrap {
float:left;
}

#fontControls, #s5_footer_module, #s5_footer {
float:right;
}

#s5_breadcrumb_font_wrap {
padding-bottom:44px;
}

#s5_footer_menu_wrap {
padding-bottom:50px;
}

#s5_footer_module, #s5_footer {
margin-right:0px;
width: 100%;
}

#s5_center_area_inner {
background:#FFFFFF;
}

#s5_center_area1 {
margin-bottom:-90px;
}

#s5_left_column_wrap {
/*background:#F9F9F9 url(../images/s5_left_bg.png) repeat-y top right;*/
padding-top:26px;
}

#s5_right_column_wrap {
/*background:#F9F9F9 url(../images/s5_right_bg.png) repeat-y top left;*/
padding-top:26px;
}

#s5_component_wrap_inner {
padding:26px;
padding-bottom: 26px;
}

.s5_page_heading {
color:#FFFFFF !important;
padding:8px !important;
padding-left:16px !important;
padding-right:16px !important;
margin-bottom:26px !important;
font-size:1.3em !important;
float:left;
}

#s5_pos_custom_1 .s5_module_box_2, #s5_pos_custom_5 .s5_module_box_2 {
min-height:1px !important;
}

#s5_drop_down_text_inner {
margin-top:-3px;
display:block;
}


/* MODULE STYLES
----------------------------------------------------------- */

.module_round_box_outer {
margin-bottom:22px;
margin-left:0px;
margin-right:0px;
}

#s5_left_column_wrap .module_round_box_outer, #s5_right_column_wrap .module_round_box_outer {
margin-left:26px;
margin-right:26px;
}

.module_round_box, .module_round_box-highlight1_hover, .module_round_box-highlight2_hover, .module_round_box-underlined1, .module_round_box-underlined2, .module_round_box-underlined3 {
background:transparent;
/*border:solid 1px #E9E9E9;*/
padding:10px;
}

.module_round_box-no_padding {
background:#FFFFFF;
/*border:solid 1px #E9E9E9;*/
}

.module_round_box-highlight1_hover, .module_round_box-highlight2_hover {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

.module_round_box-highlight1_hover:hover, .module_round_box-highlight2_hover:hover {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
color:#FFFFFF !important;
}

.s5_mod_h3_outer {
background:#525252;
padding:8px;
padding-left:15px;
padding-right:17px;
margin-bottom:14px;
float:left;
}

.s5_mod_h3 {
color:#FFFFFF;
}

.module_round_box-underlined1 .s5_mod_h3_outer, .module_round_box-underlined2 .s5_mod_h3_outer, .module_round_box-underlined3 .s5_mod_h3_outer {
background:none !important;
border-bottom:solid 1px #E9E9E9;
padding:13px;
padding-top:10px;
padding-bottom:10px;
margin-left:-14px;
margin-right:-14px;
margin-top:-14px;
font-size:1.1em;
float:none;
}

.module_round_box-underlined1 .s5_mod_h3 {
color:#1C1B23;
}

.module_round_box-dark {
color:#FFFFFF !important;
background:#343434;
padding:14px;
}

.module_round_box-transparent_dark {
color:#FFFFFF !important;
background:url(../images/s5_transparent_dark.png);
padding:14px;
}

.module_round_box-transparent_dark a, .module_round_box-transparent_dark h1, .module_round_box-transparent_dark h2, .module_round_box-transparent_dark h3, .module_round_box-transparent_dark h4, .module_round_box-transparent_dark h5 {
color:#FFFFFF !important;
}

.module_round_box-transparent_dark_extra_padding {
color:#626262 !important;
/*background:url(../images/s5_transparent_dark.png);*/
padding:26px;
}

.module_round_box-transparent_dark_extra_padding a, .module_round_box-transparent_dark_extra_padding h1, .module_round_box-transparent_dark_extra_padding h2, .module_round_box-transparent_dark_extra_padding h3, .module_round_box-transparent_dark_extra_padding h4, .module_round_box-transparent_dark_extra_padding h5 {
color:#221f1f !important;
}

.module_round_box-transparent_dark_extra_padding .s5_mod_h3_outer {
margin-bottom:26px;
}



.module_round_box-transparent_light {
background:url(../images/s5_transparent_light.png);
padding:14px;
}

.module_round_box-transparent_light_extra_padding {
background:url(../images/s5_transparent_light.png);
padding:26px;
}

.module_round_box-transparent_light_extra_padding .s5_mod_h3_outer {
margin-bottom:26px;
}



/* S5 TAB SHOW
----------------------------------------------------------- */

#s5_button_wrap0 {
margin:0px !important;
border:none !important;
}

#s5_tabshow_left {
-webkit-box-shadow: none !important; 
box-shadow: none !important; 
-moz-box-shadow: none !important; 
padding-bottom:0px !important;
float:left;
}

#s5_button_frame ul li a {
font-size:1em !important;
padding-left:18px !important;
padding-right:18px !important;
padding-top:7px !important;
padding-bottom:7px !important;
}

.s5_ts_active {
-webkit-box-shadow: none !important; 
box-shadow: none !important; 
-moz-box-shadow: none !important; 
filter:none !important;
}

.s5_ts_not_active a {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}

#s5_button_frame ul li {
padding:0px !important;
}

#s5_button_frame ul li.s5_ts_not_active a {
color:#221f1f !important;
}

.s5_ts_not_active, .s5_ts_active, #s5_button_frame {
border-right:none !important;
height:15px !important;
}

.s5_ts_active a {
background: #000;
}

#s5_button_frame ul li.s5_ts_active a {
color:#FFFFFF !important;
}

#s5_button_content .moduletable {
padding:0px !important;
}

#s5_button_content li {
line-height:20px !important;
}

#s5_button_frame ul li {
text-indent:500px;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
border-radius:15px;
height:15px !important;
width:16px !important;
overflow:hidden !important;
margin-left:7px;
background: #221f1f;
border: 1px solid #221f1f;
}

#s5_button_frame ul li a {
padding:0px !important;
height:auto !important;
width:auto !important;
}

#s5_button_frame {
margin-top:-40px;
margin-bottom:26px;
float:right;
}

#s5_tabshow_left {
background:none !important;
}


/* DEFAULT MENU AND OTHER MODULE ULS
----------------------------------------------------------- */

.module_round_box_outer ul li a, .module_round_box_outer ul.menu li span {
padding-bottom:4px;
margin-bottom:0px;
padding-left:10px;
padding-right:10px;
display:block;
}

.module_round_box_outer ul.menu li ul a, .module_round_box_outer ul.menu li ul span {
border:none;
margin:0px;
padding:0px;
}




/* COLUMN MENU
----------------------------------------------------------- */

.s5_module_box_1 ul.menu a {
display:block;
color:#717171;
}

.s5_module_box_1 ul.menu ul li a:hover {
background:none;
}

.s5_module_box_1 ul.menu img {
display:none;
}

.s5_module_box_1 ul.menu a:hover {
text-decoration:underline;}

.s5_module_box_1 ul.menu ul a:hover {
text-decoration:underline;}

.s5_module_box_1 ul.menu ul a {
background:none;
border-bottom: none;
display:block;}

.s5_module_box_1 ul.menu ul ul a {
font-size:8pt;
padding:0px;
padding-left:10px;
border-bottom: none;
display:block;
font-weight:normal;}

.s5_module_box_1 ul.menu #current ul span {
font-weight:normal;}

.s5_module_box_1 ul.menu li {
padding:0px;}

.s5_module_box_1 ul.menu li ul li {
margin-bottom:6px;
margin-left:14px;}

ul.menu .current ul a {
color:#717171 !important;
}




/* ACCORDION MENU
----------------------------------------------------------- */


#s5_accordion_menu ul li span {
font-weight:normal;
font-style: normal;}

#s5_accordion_menu h3.s5_am_toggler a.mainlevel {
color:#221f1f !important;
font-style: normal;}

#s5_accordion_menu h3.s5_am_toggler, #s5_accordion_menu h3.s5_am_toggler a.mainlevel  {
line-height:normal !important;
}

div.s5_accordion_menu_element li li{
padding-left:4px !important;}

div.s5_accordion_menu_element li li li{
padding-left:12px !important;}

div.s5_accordion_menu_element li a, .s5_am_inner_li .separator span {
padding-top:4px !important;
padding-bottom:4px !important;
padding-left:8px !important;
border-bottom:none !important;
font-size:1em !important;
display:block !important;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
color:#717171 !important;}

div.s5_accordion_menu_element li li a, .s5_am_innermenu .s5_am_inner_li .separator span  {
background:none !important;
padding-left:10px !important;
padding-right:6px !important;
font-size:1em !important;
border:none !important;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
padding-top:4px !important;
padding-bottom:4px !important;}

h3 span.s5_accordion_menu_left {
display:block !important;
padding:0px !important;
padding-left:20px !important;
padding-right:20px !important;
padding-top:10px !important;
padding-bottom:10px !important;
color: #221f1f;}

.s5_am_inner_li span.s5_accordion_menu_left {
padding:0px !important;}

.s5_am_innermenu span.s5_accordion_menu_left {
background:none !important;}

#s5_accordion_menu ul li {
padding:0px !important;
padding-bottom:0px !important;
padding-top:0px !important;}

#s5_accordion_menu {
font-size:1.2em;
margin:15px 10px 10px 10px !important;}

#s5_accordion_menu div {
width:100% !important;}

.s5_am_innermenu img {
display:none !important;
}

#s5_accordion_menu h3 {
padding:0px !important;
background:#ffffff !important;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
border:none !important;
margin:0px !important;
position:relative !important;
width:100% !important;
display:block !important;
font-size:1em !important;
height:auto !important;
line-height:40px !important;
border-top:solid 1px #221f1f !important;
}

#s5_accordion_menu h3:hover {
background: #ebebeb !important;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}

#s5_accordion_menu #current.s5_am_toggler a {
color:#221f1f !important;
}

#s5_accordion_menu h3.s5_am_parent span.s5_accordion_menu_left {
cursor: pointer !important;
background:url(../images/s5_closed.png) no-repeat center right !important;
padding-right:24px !important;
position:relative !important;}

#s5_accordion_menu h3.s5_am_open span.s5_accordion_menu_left {
background:url(../images/s5_open.png) no-repeat center right !important;}

#s5_accordion_menu h3.s5_am_not_parent span.s5_accordion_menu_left {
background:none !important;
}

#s5_accordion_menu h3.s5_am_not_parent {
cursor:pointer !important;}

#s5_accordion_menu h3.s5_am_toggler div {
margin:0px !important;
padding:0px !important;}

#s5_accordion_menu h3.s5_am_toggler a.mainlevel {	
width:auto !important;
border:none !important;
padding:0px !important;
margin:0px !important;}

div.s5_accordion_menu_element li {	
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;}

div.s5_accordion_menu_element {
width:auto !important;}

#s5_accordion_menu #s5_am_parent_div_current, #s5_accordion_menu .s5_accordion_menu_element {
background:none !important;}

ul.s5_am_innermenu {
font-size:0.95em;
line-height:130% !important;
padding-top:8px !important;
padding-bottom:8px !important;
padding-left:12px !important;
padding-right:12px !important;
margin-bottom:0px !important;
margin-left:0px !important;
margin-top:0px !important;
border-top:solid 1px #D8D7D7 !important;
}

ul.s5_am_innermenu ul {
border:none !important;
margin-top:0px !important;
padding-bottom:0px !important;
padding-top:0px !important;
}

ul.s5_am_innermenu a:hover {
text-decoration:underline !important;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;}

#s5_accordion_menu h3.s5_am_parent {
padding-right:0px !important;}

#s5_accordion_menu #current .s5_am_innermenu a, #s5_accordion_menu #current .s5_am_innermenu span {
color:#999999 !important;
}

.s5_am_innermenu #current ul .s5_accordion_menu_left a.mainlevel {
background:none !important;
}



/* VERTICAL ACCORDION
----------------------------------------------------------- */

.s5_va_element {
border:none !important;
background:none !important;
}

.s5_va_element_inner {
padding-left:15px !important;
padding-right:15px !important;
padding-top:15px !important;
padding-bottom:15px !important;
}

.s5_va_inactive, .s5_va_active {
border:none !important;
margin-bottom:0px !important;
height:auto !important;
font-size:1.3em !important;
padding:20px !important;
padding-top:10px !important;
padding-bottom:10px !important;
line-height:21px !important;
}

#s5_va_accordion {
border:none !important;
margin-bottom:-9px !important;
}

span.s5_va_h3_inner_span {
padding:0px !important;
}

span.s5_va_h3_inner_span {
background:none !important;
height:auto !important;
}

.s5_va_inactive:hover, .s5_va_active:hover {
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}

.s5_va_active {
background:url(../images/s5_closed.png) no-repeat right center !important;
color:#FFFFFF;
border-top:solid 1px #454545 !important;
}

.s5_va_inactive {
background:#343434 url(../images/s5_open.png) no-repeat right center !important;
color:#FFFFFF;
border-top:solid 1px #454545 !important;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}

.s5_va_inactive:hover {
background: #3D3D3D url(../images/s5_open.png) no-repeat right center !important;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}

.s5_va_element_inner  h3 {
margin-bottom:8px;
font-size:1.4em;
}

.s5_va_img {
width:30%;
float:left;
margin-right:18px
}

.s5_va_element_inner  .readon, .s5_va_element_inner  .readon_grey {
margin-top:8px !important;
}

.s5_va_element iframe {
width:100% !important;
height:auto !important;
margin-bottom:4px;
min-height:160px;
}


/* S5 BOX
----------------------------------------------------------- */


#s5box_one {padding:26px !important;background:#FFFFFF !important;}
#s5box_two {padding:26px !important;background:#FFFFFF !important;}
#s5box_three {padding:26px !important;background:#FFFFFF !important;}
#s5box_four{padding:26px !important;background:#FFFFFF !important;}
#s5box_five{padding:26px !important;background:#FFFFFF !important;}
#s5box_six{padding:26px !important;background:#FFFFFF !important;}
#s5box_seven {padding:26px !important;background:#FFFFFF !important;}
#s5box_eight {padding:26px !important;background:#FFFFFF !important;}
#s5box_nine {padding:26px !important;background:#FFFFFF !important;}
#s5box_ten {padding:26px !important;background:#FFFFFF !important;}
#s5box_login {padding:26px !important;background:#FFFFFF !important;}
#s5box_register {padding:26px !important;background:#FFFFFF !important;}



#cboxContent {
overflow: visible !important;
position: relative !important;
background:#FFFFFF !important;
}

#cboxLoadingOverlay{background:none !important;}

#cboxLoadedContent {
padding-bottom:0px !important;
margin-bottom:0px !important;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999 !important;}
#cboxOverlay{position:fixed; width:100%; height:100% !important;}

#cboxClose {
float:right !important;
position:absolute !important;
top:0px !important;
background:url(../images/s5_close.png) no-repeat top left !important;
height:12px !important;
width:12px !important;
padding:0px !important;
margin:0px !important;
margin-top:26px !important;
margin-right:26px !important;
right:0px !important;
text-indent:500px !important;
overflow:hidden !important;
cursor:pointer !important;
}


#s5box_login ul li, #s5box_register ul li  {
padding-left:0px !important;
background:none !important;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
display:none !important;
}

#cboxWrapper {
height:auto !important;
width:auto !important;
}

#cboxLoadedContent .s5_mod_h3 {
	margin-bottom:20px;
	display:inline;
	padding:0px;
}

#cboxLoadedContent label {
display:block;
margin-bottom:8px;
}

#cboxLoadedContent .userdata {
margin-bottom:14px !important;
border:none !important;
}

#cboxLoadedContent .button {
margin-top:12px !important;
cursor:pointer;
}

#cboxLoadedContent .module_round_box {
background:none !important;
padding:0px !important;
border:none !important;
background:#FFFFFF !important;
padding:0px !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}

.s5_regfloatleft {
float:left;
margin-bottom:6px;
width:100% !important;
}

#cboxLoadedContent input {
width:94%;
height:auto;
}

#cboxLoadedContent #login-form .input-prepend input {
width:94% !important;
}

#cboxLoadedContent input.button, #modlgn-remember, #cboxLoadedContent input.btn-primary {
width:auto !important;
}

#cboxLoadedContent #form-login-remember label {
display:inline !important;
}

#cboxLoadedContent #form-login-remember {
margin-bottom:8px;
}

#cboxLoadedContent .module_round_box_outer {
margin:0px !important;
}

#cboxLoadedContent .s5_mod_h3_outer {
margin-bottom:16px !important;
margin-top:4px;
}

#cboxOverlay {
-moz-opacity:0.5 !important;
-khtml-opacity:0.5 !important;
opacity:0.5 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
filter: alpha(opacity=50) !important;
}

#s5box_login_inner a {
color:#9B9B9B !important;
}

#cboxContent .s5_mod_h3 {
background:none;
border:none;
margin:0px;
}

#s5box_login ul li a {
padding-left:0px;
padding-right:0px;
color:#999999 !important;
margin-bottom:0px !important;
}

#colorbox {
-moz-box-shadow:0 0px 800px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0px 800px rgba(0, 0, 0, 0.7);
box-shadow:0 0px 800px rgba(0, 0, 0, 0.7);
padding:0px !important;
}



/* IMAGE AND CONTENT FADER
----------------------------------------------------------- */

.slideInfoZone {
width:42% !important;
height:auto !important;
margin-bottom:22px !important;
}

.jdGallery .slideInfoZone {
/*background:url(../images/s5_transparent_dark.png) !important;*/
padding:22px !important;
}

.jdGallery .slideInfoZone h2 {
margin:0px !important;
margin-bottom:10px !important;
font-size:1.9em !important;
text-shadow:none !important;
font-style: normal;
}

.jdGallery .slideInfoZone p {
margin:0px !important;
text-shadow:none !important;
}

.slideInfoZone a:hover {
text-decoration:underline;
}

.jdGallery a.right, .jdGallery a.left {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
width:33px !important;
height:33px !important;
float:left !important;
padding:0px !important;
top:14px !important;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}

.jdGallery a.right {
background:url(../images/s5_arrow_iacf.png) no-repeat top left !important;
right: auto !important;
left:49px !important;
}

.jdGallery a.right:hover {
background:url(../images/s5_arrow_iacf.png) no-repeat top left !important;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}

.jdGallery a.left {
background:url(../images/s5_arrow_iacf.png) no-repeat bottom left !important;
left:14px !important;
}

.jdGallery a.left:hover {
background:url(../images/s5_arrow_iacf.png) no-repeat bottom left !important;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}

.jdGallery .slideElement {
background-size:102% auto !important;
}

#s5_pos_custom_1 {
position:relative;
}

#s5_pos_custom_2 {
position:absolute;
z-index:2;
top:0;
right:0;
margin-top:28px;
margin-right:28px;
width:290px;
}

#s5_pos_custom_2 .module_round_box_outer {
-moz-box-shadow:0 0px 5px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.75);
box-shadow:0 0px 5px rgba(0, 0, 0, 0.75);
}

.head-icons {
	margin-top: -70px;
  height: 70px;
}




/* ++++++++++++++++++++++++++++  PORTAL Hover   ++++++++++++++++++++++++++++++ */

/*#portal {
    display: block;
    width: 700px;
    height: 368px;
    background: url(../images/red-portal.png) no-repeat 0 0;
    overflow: hidden;
}

#portal li {
   list-style-type: none;
   display:block;
   margin: 0px;
}

/*--picture position--*/
/*#wasapi a {
   display: block;
   width: 187px;
   height: 172px;
   margin: 0px;
   text-decoration: none;
}
#media-foundation a {
   display: block;
   width: 188px;
   height: 117px;
   margin: 0px;
   text-decoration: none;
}
#kernel-streaming a {
   display: block;
   width: 289px;
   height: 68px;
   margin: 0px;
   text-decoration: none;
}
#pip-source a {
   display: block;
   width: 200px;
   height: 172px;
   margin: 0px;
   text-decoration: none;
}
#directshow a {
   display: block;
   width: 201px;
   height: 117px;
   margin: 0px;
   text-decoration: none;
}
#opengl a {
   display: block;
   width: 175px;
   height: 172px;
   margin: 0px;
   text-decoration: none;
}
#sdk a {
   display: block;
   width: 175px;
   height: 116px;
   margin: 0px;
   text-decoration: none;
}
#rgbeasy a {
   display: block;
   width: 401px;
   height: 68px;
   margin: 0px;
   text-decoration: none;
}

a i {
   visibility: hidden;
}*/

/*--link position--*/
/*#wasapi {
   position: absolute; top: 43px; left: 47px;
}
#media-foundation {
   position: absolute; top: 218px; left: 47px;
}
#kernel-streaming {
   position: absolute; top: 339px; left: 47px;
}
#pip-source {
   position: absolute; top: 43px; left: 238px;
}
#directshow {
   position: absolute; top: 218px; left: 237px;
}
#opengl {
   position: absolute; top: 43px; left: 442px;
}
#sdk {
   position: absolute; top: 219px; left: 442px;
}
#rgbeasy {
   position: absolute; top: 339px; left: 340px;
}*/

/*--hover image--*/
/*#wasapi a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -3px -370px;
}
#media-foundation a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -3px -912px;
}
#kernel-streaming a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -3px -1400px;
}
#pip-source a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -194px -1471px;
}
#directshow a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -193px -2013px;
}
#opengl a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -398px -2205px;
}
#sdk a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -398px -2748px;
}
#rgbeasy a:hover {
    background: url(../images/red-portal.png) no-repeat;
    background-position: -296px -3235px;
}
*/


@media only screen and (max-width : 1012px) {
	.top-bar {
    background: url(../images/topbar-portal-tablet.png) no-repeat 0 0 !important;
    height: 57px !important;
    width: 1400px !important;
    margin-left: 220px !important;
    margin-bottom: 50px!important;
	}
	
}

@media only screen and (max-width : 758px) {
	.top-bar {
    background: url(../images/topbar-portal-mobile.png) no-repeat 0 0 !important;
    height: 41px !important;
    width: 1010px !important;
    margin-left: 150px !important;
    margin-bottom: 50px!important;
	}
	
	.menu-portal {
		width: 96% !important;
		float:none !important;
	}
}

/* ++++++++++++++++++++++++++++  PORTAL TABLET Hover   ++++++++++++++++++++++++++++++ */

@media only screen and (max-width : 1012px) {
	
#red {
	bottom: 102%;
	left: 0%;
	width: 484px !important;
}

#red2 {
	bottom: 105%;
	left: 0%;
	width: 484px !important;
}
	
#input {
	background: #000;
	width:480px !important;
    height: 48px !important;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 10px;	
}

#portal-red {
    width: 500px !important;
    height: 262px !important;
    background: url(../images/red-portal-tablet.png) no-repeat 0 0 !important;
    position:relative;
	margin:50px auto;
	padding:0px;
}

#portal-red li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#wasapi a {height: 124px !important;}
#media-foundation a {height: 84px !important;}
#kernel-streaming a {height: 49px !important;}
#pip-source a {height: 124px !important;}
#directshow a {height: 84px !important;}
#opengl a {height: 124px !important;}
#sdk a {height: 84px !important;}
#rgbeasy a {height: 262px !important;}

#portal-red a {
   display:block;
}

/*--link position--*/
#wasapi {top: 0px !important; left: 0px !important; width: 135px !important; height: 124px !important;}
#media-foundation {top: 126px !important; left: 0px !important; width: 135px !important; height: 84px !important;}
#kernel-streaming {top: 213px !important; left: 0px !important; width: 209px !important; height: 49px !important;}
#pip-source {top: 0px !important; left: 138px !important; width: 144px !important; height: 124px !important; z-index: 1;}
#directshow {top: 126px !important; left: 138px !important; width: 144px !important; height: 84px !important; z-index: 1;}
#opengl {top: 0px !important; left: 285px !important; width: 125px !important; height: 124px !important; z-index: 1;}
#sdk {top: 126px !important; left: 285px !important; width: 125px !important; height: 84px !important; z-index: 1;}
#rgbeasy {top: 0px !important; left: 211px !important; width: 289px !important; height: 262px !important;}

/*--hover image--*/
#wasapi a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: 0px -265px !important;}
#media-foundation a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: 0px -656px !important;}
#kernel-streaming a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: 0px -1008px !important;}
#pip-source a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: -138px -1060px !important;}
#directshow a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: -138px -1451px !important;}
#opengl a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: -285px -1590px !important;}
#sdk a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: -285px -1981px !important;}
#rgbeasy a:hover {background: url(../images/red-portal-tablet.png) no-repeat  !important; background-position: -211px -2120px !important;}
}

/* ++++++++++++++++++++++++++++  PORTAL2 TABLET Hover   ++++++++++++++++++++++++++++++ */

@media only screen and (max-width : 1012px) {
	
#portal-red2 {
    width: 500px !important;
    height: 99px !important;
    background: url(../images/red2-portal-tablet.png) no-repeat 0 0 !important;
    position:relative;
	margin:50px auto;
	padding:0px;
}

#portal-red2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#vlc a {height: 99px !important;}
#amd a {height: 99px !important;}
#network-interface a {height: 99px !important;}

/*--link position--*/
#vlc {top: 0px !important; left: 0px !important; width: 299px !important; height: 99px !important;}
#amd {top: 0px !important; left: 300px !important; width: 99px !important; height: 99px !important;}
#network-interface {top: 0px !important; left: 401px !important; width: 99px !important; height: 99px !important;}

#portal-red2 a {
   display:block;
}

/*--hover image--*/
#vlc a:hover {background: url(../images/red2-portal-tablet.png) no-repeat !important; background-position: 0px -102px !important;}
#amd a:hover {background: url(../images/red2-portal-tablet.png) no-repeat !important; background-position: -300px -204px !important;}
#network-interface a:hover {background: url(../images/red2-portal-tablet.png) no-repeat !important; background-position: -401px -306px !important;}
}


/* ++++++++++++++++++++++++++++  PORTAL MOBILE Hover   ++++++++++++++++++++++++++++++ */

@media only screen and (max-width : 758px) {
	
#red {
	bottom: 102%;
	left: 0%;
	width: 344px !important;
}

#red2 {
	bottom: 105%;
	left: 0%;
	width: 344px !important;
}
	
#input {
	background: #000;
	width:340px !important;
    height: 50px !important;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 10px;	
}

#portal-red {
    width: 360px !important;
    height: 189px !important;
    background: url(../images/red-portal-mobile.png) no-repeat 0 0 !important;
    position:relative;
	margin:50px auto;
	padding:0px;
}

#portal-red li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#wasapi a {height: 89px !important;}
#media-foundation a {height: 60px !important;}
#kernel-streaming a {height: 35px !important;}
#pip-source a {height: 90px !important;}
#directshow a {height: 60px !important;}
#opengl a {height: 90px !important;}
#sdk a {height: 60px !important;}
#rgbeasy a {height: 188px !important;}

#portal-red a {
   display:block;
}

/*--link position--*/
#wasapi {top: 0px!important; left: 0px!important; width: 97px!important; height: 89px !important;}
#media-foundation {top: 91px !important; left: 0px !important; width: 97px !important; height: 60px !important;}
#kernel-streaming {top: 153px !important; left: 0px !important; width: 150px !important; height: 35px !important;}
#pip-source {top: 0px !important; left: 99px !important; width: 104px !important; height: 90px !important; z-index: 1;}
#directshow {top: 91px !important; left: 99px !important; width: 104px !important; height: 60px !important; z-index: 1;}
#opengl {top: 0px !important; left: 205px !important; width: 90px !important; height: 90px !important; z-index: 1;}
#sdk {top: 91px !important; left: 205px !important; width: 90px !important; height: 60px !important; z-index: 1;}
#rgbeasy {top: 0px !important; left: 152px !important; width: 207px !important; height: 188px !important;}

/*--hover image--*/
#wasapi a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: 0px -191px !important;}
#media-foundation a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: 0px -473px !important;}
#kernel-streaming a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: 0px -726px !important;}
#pip-source a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: -99px -763px !important;}
#directshow a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: -99px -1045px !important;}
#opengl a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: -205px -1145px !important;}
#sdk a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: -205px -1427px !important;}
#rgbeasy a:hover {background: url(../images/red-portal-mobile.png) no-repeat  !important; background-position: -152px -1527px !important;}
}



/* ++++++++++++++++++++++++++++  PORTAL2 MOBILE Hover   ++++++++++++++++++++++++++++++ */

@media only screen and (max-width : 758px) {
	
#portal-red2 {
    width: 360px !important;
    height: 71px !important;
    background: url(../images/red2-portal-mobile.png) no-repeat 0 0 !important;
    position:relative;
	margin:50px auto;
	padding:0px;
}

#portal-red2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#vlc a {height: 71px !important;}
#amd a {height: 71px !important;}
#network-interface a {height: 71px !important;}

/*--link position--*/
#vlc {top: 0px !important; left: 0px !important; width: 215px !important; height: 71px !important;}
#amd {top: 0px !important; left: 217px !important; width: 71px !important; height: 71px !important;}
#network-interface {top: 0px !important; left: 289px !important; width: 71px !important; height: 71px !important;}

#portal-red2 a {
   display:block;
}

/*--hover image--*/
#vlc a:hover {background: url(../images/red2-portal-mobile.png) no-repeat !important; background-position: 0px -74px !important;}
#amd a:hover {background: url(../images/red2-portal-mobile.png) no-repeat !important; background-position: -217px -147px !important;}
#network-interface a:hover {background: url(../images/red2-portal-mobile.png) no-repeat !important; background-position: -289px -221px !important;}
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++  PORTAL Hover   ++++++++++++++++++++++++++++++ */

#input {
	background: #000;
	width:680px;
    height: 59px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 10px;	
}

#portal-red {
    width: 700px;
    height: 368px;
    background: url(../images/red-portal.png) no-repeat 0 0;
    position:relative;
	margin:50px auto;
	padding:0px;
}

#portal-red li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#wasapi a {height: 173px;}
#media-foundation a {height: 118px;}
#kernel-streaming a {height: 69px;}
#pip-source a {height: 173px;}
#directshow a {height: 118px;}
#opengl a {height: 173px;}
#sdk a {height: 118px;}
#rgbeasy a {height: 366px;}

#portal-red a {
   display:block;
}

/*--link position--*/
#wasapi {top: 0px; left: 0px; width: 189px; height: 173px}
#media-foundation {top: 176px; left: 0px; width: 189px; height: 118px;}
#kernel-streaming {top: 297px; left: 0px; width: 292px; height: 69px;}
#pip-source {top: 0px; left: 192px; width: 203px; height: 173px; z-index: 1;}
#directshow {top: 176px; left: 192px; width: 203px; height: 118px; z-index: 1;}
#opengl {top: 0px; left: 398px; width: 176px; height: 173px; z-index: 1;}
#sdk {top: 176px; left: 398px; width: 176px; height: 118px; z-index: 1;}
#rgbeasy {top: 0px; left: 295px; width: 405px; height: 366px;}

/*--hover image--*/
#wasapi a:hover {background: url(../images/red-portal.png) no-repeat; background-position: 0px -371px;}
#media-foundation a:hover {background: url(../images/red-portal.png) no-repeat; background-position: 0px -918px;}
#kernel-streaming a:hover {background: url(../images/red-portal.png) no-repeat; background-position: 0px -1410px;}
#pip-source a:hover {background: url(../images/red-portal.png) no-repeat; background-position: -192px -1484px;}
#directshow a:hover {background: url(../images/red-portal.png) no-repeat; background-position: -192px -2031px;}
#opengl a:hover {background: url(../images/red-portal.png) no-repeat; background-position: -398px -2226px;}
#sdk a:hover {background: url(../images/red-portal.png) no-repeat; background-position: -398px -2773px;}
#rgbeasy a:hover {background: url(../images/red-portal.png) no-repeat; background-position: -295px -2968px;}


/* ++++++++++++++++++++++++++++  PORTAL2 Hover   ++++++++++++++++++++++++++++++ */

#portal-red2 {
    width: 700px;
    height: 138px;
    background: url(../images/red2-portal.png) no-repeat 0 0;
    position:relative;
	margin:0px auto;
	padding:0px;
}

#portal-red2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

/*--picture position--*/
#vlc a {height: 138px;}
#amd a {height: 138px;}
#network-interface a {height: 138px;}

/*--link position--*/
#vlc {top: 0px; left: 0px; width: 418px; height: 138px}
#amd {top: 0px; left: 421px; width: 138px; height: 138px;}
#network-interface {top: 0px; left: 562px; width: 138px; height: 138px;}

#portal-red2 a {
   display:block;
}

/*--hover image--*/
#vlc a:hover {background: url(../images/red2-portal.png) no-repeat; background-position: 0px -143px;}
#amd a:hover {background: url(../images/red2-portal.png) no-repeat; background-position: -421px -286px;}
#network-interface a:hover {background: url(../images/red2-portal.png) no-repeat; background-position: -562px -429px;}



<!--------------hover-homepage----------------->
	
	#button {
    background:#FFF;
    position:relative;
    width:100px;
    height:30px;
    line-height:27px;
    display:block;
    border:1px solid #dadada;
    margin:15px 0 0 10px;
    text-align:center;
}

#red, #red2 {
  background: none repeat scroll 0 0 #EEEEEE;
	border: 3px solid #e21237;
	padding: 5px;
	overflow: hidden;
	/* left: 0; */
	line-height: 20px;
	position: absolute;

}

#red {
	bottom: 102%;
	left: 0%;
	width: 684px;
}


#red2 {
	bottom: 105%;
	left: 0%;
	width: 684px;
}

.popupBox {
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.popupHoverElement:hover > .popupBox {
    visibility:visible;
    opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

<!-------------------------->