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

body {
	margin:0px; 
	font-family:Arial, 'Helvetica', sans-serif; 
	font-size:13px;
	text-align:justify;
	}
	
header, nav, section, footer { display:block;}

#header { 
	width:100%; 
	background: #fff;
	}

#top {
	height:120px; 
	background:#fff;
	}

#navigation-shell {
	width:100%;
	background:#000066;
	border-bottom:3px solid #0099cc; }
	
#navigation { 
	width:1020px; 
	height:36px; 
	background:#000066; 
	margin:0 auto;
	}

/*navigation links*/

#nav { 
	padding:0; 
	margin:0px;
	}

#nav li {display:inline;}

#nav li a {   
	font-family:Arial; 
	font-size:12px; 
	text-decoration: none; 
	float:left; 
	padding:10px 13px; 
	background-color: #000066; 
	color:#ffffff; 
	border-bottom:1px; 
	border-bottom-color:#000066; 
	border-bottom-style:solid;
	}

#nav li a:hover {
	background-color:#0099cc; 
	padding-bottom:10px;  
	margin:0px;
	}
	
/*navigation links*/

/*breadcrumb-ribbon*/
#ribbon {height:56px; background:#dddddd; color:#333333;}

#ribbon-in {width:1020px; margin:0 auto;}

p.breadcrumb {
	font-size:13px;
	padding:0px;
	margin:0px 0px 0px 10px;
}

h2.breadcrumb {
	padding:10px 0px 0px 0px;
	font-size:20px;
	margin:auto 0px 0px 10px;
	
}
/*breadcrumb-ribbon*/

/*content-container*/
#container {
	width:1020px;
	margin:5px auto;
	clear:both;
	min-height:350px;
}
/*content-container*/

/*content-inner--*/
.container-inner{
	width:820px; 
	float:right;
	margin:0 0 20px 0;
}

/*clients*/
.clients {
	width:200px;
	height:140px;
	float:left;
	margin:0 5px 0 0;
}

.clients:last-child {
	margin:0px;
	float:right;
}

/*content-inner--*/

/*side-nav--*/
#side_nav {
	width:190px;
	float:left;
	min-height:300px;
	margin:0 10px 10px 0;
	background:#eee;
}
.side_nav_in {
	width:180px;
	float:left;
	padding:10px 5px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}
.side_nav_heading {
	background:#000066;
	padding:10px;
	color:#ffffff;
}

a:link.side_nav {
	color: #000000;
	padding: 0 15px 0 0;
	text-decoration:none;
}
a:visited.side_nav {
	color: #000000;
	text-decoration:none;
}
a:hover.side_nav {
	color: #0099cc;
	text-decoration:underline;
}
a:active.side_nav {
	color: #000000;
	text-decoration:none;
}
/*side-nav--*/

/*billboards*/
#billboards {
	height:290px; 
	padding:0 0 20px 0; 
	background:#f2f2f2}


#billboards-in {
	width:1020px; 
	height:290px; 
	background:#eff6fe; 
	margin:0px auto; 
	-webkit-border-radius: 0 0 10px 10px; 
	-moz-border-radius: 0 0 10px 10px; 
	border-radius: 0 0 10px 10px; 
	}

/*billboards-mini*/
#billboards-mini {
	height:200px;
	margin:0 0 15px 0;
	}

#billboards-mini-in {
	width:820px; 
	height:200px; 
	background:#ffffff; 
	margin:0px auto;
	}
	
#printer_corner {
	width:188px;
	height:198;
	border: 1px solid #cccccc;
	margin: 0 10px 0 0;
	float:left;
}

#printer_corner_big {
	width:278px;
	height:198;
	border: 1px solid #cccccc;
	margin: 0 10px 0 0;
	float:left;
}
#printer_overview {
	float:right;
	width:600px;
	height:188px;
	padding: 35px 0 0 0;
}

#printer_overview_small {
	float:right;
	width:510px;
	height:188px;
	padding: 35px 0 0 0;
}

/*accordion*/
#accordion {
	padding:10px; 
	clear:both; 
	background:#egegeg	; 
	-moz-box-shadow:    inset 0 0 5px 0px #666666; 
	-webkit-box-shadow: inset 0 0 5px 0px #666666; 
	box-shadow:         inset 0 0 5px 0px #666666;
	}

#accordion-in {
	width:1020px;
	margin:0 auto 20px auto;
	}

/*accordion-small*/	
#accordion-small {
	width:820px;
	margin:0 auto 20px auto;
	}

.paccordion {
	padding:10px 20px; 
	margin:2px; 
	text-transform:capitalize; 
	font-weight:900;
	}

#featured {
	background:#ffffff;
	}

#featured-in {
	width:1020px; 
	height:10px; 
	margin:0 auto;
	clear:both;
	}
	
#featurette{
	width:1020px; 
	height:90px; 
	margin:0 auto;
	clear:both;
	}
	
.plugs,
.plugs ul,
.plugs li,
.plugs a,
.plugs span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.plugs li {
    list-style: none;
}

.plugs li > a {
    display: block;
    position: relative;
    min-width: 110px;
    padding: 0 10px 0 20px;
 
    color: #fdfdfd;
    font: bold 12px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
    background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.plugs > li:hover > a,
.plugs > li:target > a {
    color: #3e5706;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #a5cd4e;
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
}
 
.plugs > li:hover > a span,
.plugs > li:target > a span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #0a86dd;
}
 
.sub-menu li:hover a { background: #efefef; }

.plugs li > a span {
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 10px;
    margin-right: 10px;
 
    font: normal bold 12px/18px Arial, sans-serif;
    background: #0a86dd;
 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(10,134,221, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(10,134,221, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(10,134,221, .1);
}

.sub-menu li a {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
 
 
.sub-menu li > a span {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
    background: transparent;
    border: 1px solid #c9c9c9;
 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 
.sub-menu em {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 14px;
    color: #a6a6a6;
    font: normal 10px/32px Arial, sans-serif;
}

.plugs > li:hover > a,
.plugs > li:target > a {
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #4e9fcd;
    background: -moz-linear-gradient(top,  #4e9fcd 0%, #000468 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e9fcd), color-stop(100%,#000468));
    background: -webkit-linear-gradient(top,  #4e9fcd 0%,#000468 100%);
    background: -o-linear-gradient(top,  #4e9fcd 0%,#000468 100%);
    background: -ms-linear-gradient(top,  #4e9fcd 0%,#000468 100%);
    background: linear-gradient(top,  #4e9fcd 0%,#000468 100%);
}
 
.plugs > li:hover > a span,
.plugs > li:target > a span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}
 
.sub-menu li:hover a { background: #84c5e9;
  background: #84c5e9;
	border: 1px solid #4e9fcd;	 }

.plugs li > .sub-menu {
    height: 0;
    overflow: hidden;
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
 
.plugs li:target > .sub-menu {
    height: auto;
	padding-bottom:10px;
}

#head {
	width:1020px;
	margin:10px auto;
	background-image:url(../images/header-bg.png);
}

.logo {
	width:209px;
	height:auto;
	float:left;
}

.teletop {
	widt:399px;
	height:auto;
	float:right;
}

.teletop_separator {
	margin:35px 0px 35px 0px;
	height:30px;
	width:100px;
	float:right;
}
.teletop_separator1 {
	width:209px;
	float:left;
}

/*----------------------tabslink5------------------*/
a:link.tabslink5, a:visited.tabslink5, a:active.tabslink5  {
	
	height: 30px;
	width: 161px;
	float: left;
	color:#333333;
	font-size:12px;
	text-decoration: none;
	padding: 10px;
	margin-left: 10px;
	margin-right: 11px;
	margin-top: 11px;
	background-color: #cfcfcf;
  background: #cfcfcf;
	border: 1px solid #bbbbbb;		
}

a:hover.tabslink5 {
	background-color: #329bd0;
	height: 30px;
	width: 161px;
	float: left;
	color:#ffffff;
	font-size:12px;
	text-decoration: none;
	padding: 10px;
	margin-left: 10px;
	margin-right: 11px;
	margin-top: 11px;
	background: #84c5e9;
  background: #84c5e9;
	border: 1px solid #4e9fcd;
}
/*------------------tabslink5----------------*/

.capsules {
	width:250px; 
	height:70px; 
	margin:10px 0px; 
	border-right:1px solid #cccccc; 
	float:left;
	}

.icon-capsules {
	width:70px; 
	height:70px; 
	margin:0 10px; 
	float:left;
	}

.h1capsules{ 
	font-size:19px; 
	color:#333333; 
	text-transform:none;
	margin:20px 0px 0px 0px; 
	padding:0px; 
	font-weight:100;
	}

.pcapsules {
	font-size:12px; 
	color:#0066cc; 
	text-transform:none; 
	margin:0px;
	}

a:link.pcapsules, a:visited.pcapsules, a:active.pcapsules  {
	font-size:12px; 
	color:#0066cc; 
	text-transform:none; 
	margin:0px; 
	text-decoration:none;		
	}

a:hover.pcapsules {
	font-size:12px; 
	color:#0066cc; 
	text-transform:none; 
	margin:0px; 
	ext-decoration:underline;
	}


.capsules:last-child {
	float:right; 
	border-right:none;
	width:256px;
	}

#bottom-top {
	height:10px; 
	background:#060350; 
	color:#ffffff; 
	border-bottom:3px solid #0099cc;
	}

#bottom-bottom { 
	height:60px; 
	font-size:11px; 
	background:#dedede; 
	color:#333333;
	}

#bottom-bottom-in{
	clear:both;
	width:1004px; 
	padding:10px; 
	margin:0 auto; 
	background:#dedede; 
	color:#333333;
	}

.foot-text-left {
	float:left; 
	width:600px;
	}
	
.foot-text-right {
	float:right; 
	width:400px; 
	}

a.foot:link {color: #333333; text-decoration: none; }
a.foot:visited {color: #333333; text-decoration: none; }
a.foot:hover {color: #6c6e74; text-decoration: underline; }
a.foot:active {color: #333333; }

/*tabbed*/
/* Tab Content - menucool.com */

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #ffffff;!important
background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000000;
}
        
ul.tabs li a:hover
{
		color: #0f68c4;
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
	color: #0f68c4;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
    border: 1px solid #B7B7B7; padding: 15px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
}


/*billboard-style*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner-fade,
#banner-slide{
}
ul.bjqs-controls.v-centered li a{
	display:block;	
	padding:10px;
	background:#fff;
	color:#0048b7;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#0048b7;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#0048b7;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h2{
	font-size: 48px;
}

pre + h2{
	margin-top: 80px;
}

/*partner-articles*/
.contented {
	width:180px;!important
	height:300px;
	float:left;
	margin:0px 10px 10px 0px;
	border: 1px solid #e2e2e2;
}

/*contact form and address*/
#myform {
	width:400px;
	float:left;
	
}

.address {width:250px; float:right;margin:20px 100px 0 0;}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	width:400px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border: none;	
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		background:#eeeeee;

	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:160px;
		width:125px;
		height:31px;
		background:#444;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}