/*
3.0 Navigation

3.1 Header
3.2 Primary Navigation
3.3 Buttons
	3.3.1 Centered Buttons
	3.3.2  Orange Buttons
	3.3.3  Blue Buttons
	3.3.4  White Buttons
3.4 CTAs
3.5 Footer

*/



/* 3.2 Desktop Header */

	
@media all and (min-width: 961px) {
div#header {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #f7f7f7;
	width: 100%;
	height: 160px;
	background:  linear-gradient(#fff 0%, #fff 10%, #f7f7f7 100%) left top;
	z-index: 100;
	position: absolute;
	}

div#header.short {
	height: 110px;
	}


div#header div#logo {
	margin: 0px 0px 0px 0px;
	width: 160px;
	height: 47px;
	position: absolute;
	top: 50px;
	left: 35px ;
	}

div#header.short div#logo {
	margin: 0px 0px 0px 0px;
	width: 160px;
	height: 47px;
	position: absolute;
	top: 40px;
	left: 35px ;
	}

div#header div#logo a#logo {
	margin: 0px 0px 0px 0px;
	width: 160px;
	height: 47px;
	background-image: url('https://versa-networks.com/wordpress/wp-content/themes/bootstrap-theme/assets/images/new-homepage/versa-new-logo.svg');
	background-size: 160px 47px;
	background-repeat: no-repeat;
	background-posistion: 0px 0px;
	display: block;
	}

div#header div#logo.versatility a#logo {
	margin: 0px 0px 0px 0px;
	width: 282px;
	height: 47px;
	background-image: url('../images/logos/logo-versatility.png');
	background-size: 282px 47px;
	background-repeat: no-repeat;
	background-posistion: 0px 0px;
	display: block;
	}


div#header div.buttons.right {
	margin-right: 2%;
	}

button#open-menu,
div#header a#menu-mobile-open {
	height: 0px;
	display: none;
	}
	

/* 3.2.1 Promotional Nav */

div#header div#nav-promotional {
	margin: 0px 10px 0px 0px;
	height: 50px;
	}

div#header div#nav-promotional a {
	margin: 0px 0px 4px 5px;
	padding: 25px 10px 5px 10px;
	font-family: "Whitney Book";
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
	background:  url('../images/widgets/nav-promotional-gloss.png') center top, linear-gradient(#78c900, #5da602) left top;
	background-size: 90% 37px, 100% 100%;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
	}

div#header div#nav-promotional a#trial {
	background:  url('../images/widgets/nav-promotional-gloss.png') center top, linear-gradient(#009bdf, #0071bb) left top;
	background-size: 90% 37px, 100% 100%;
	background-repeat: no-repeat;
	}

div#header div#nav-promotional a:hover {
	font-family: "Whitney Semibold";
	}

div#header div#nav-promotional a.selected {
	font-family: "Whitney Semibold";
	}




/* 3.2.1 Floating Promotional Nav */

div#header div#nav-promotional-floating {
	margin: -120px 0px 0px 0px;
	position: fixed;
	top: 50%;
	right: 0px;
	}

div#header div#nav-promotional-floating a {
	margin: 0px 0px 2px 10px;
	padding: 10px 0px 5px 0px;
	width: 60px;
	font-family: "Whitney Book";
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background:  linear-gradient(#78c900, #5da602) left top;
	box-shadow: 0px 0px 15px rgba(0,0,0,0);
	display: block;
	position: relative;
	cursor: pointer;
	transition-property: padding, margin;
	transition-duration: .3s;
	transition-timing-function: ease;
	}

div#header div#nav-promotional-floating a#trial {
	border-radius: 5px 0px 0px 0px;
	background:  #0280c6;
	}

div#header div#nav-promotional-floating a#demo {
	border-radius: 5px 0px 0px 0px;
	background: #5da602;
	}

div#header div#nav-promotional-floating a#roi-calculator {
	background:  #009bdf;
	}

div#header div#nav-promotional-floating a#contact {
	border-radius: 0px 0px 0px 5px;
	background: #78c900;
	}



div#header div#nav-promotional-floating a:hover {
	margin: 0px 0px 2px 0px;
	padding: 10px 10px 5px 0px;
	transition-property: padding, margin;
	transition-duration: .3s;
	transition-timing-function: ease;
	}




/* 3.2.1 Utilities Nav */

div#header div#nav-utilities {
	margin: 0px 0px -10px 0px;
	padding-top: 24px;
	height: 24px;
	}

div#header div#nav-utilities a {
	margin: 0px 0px 4px 0px;
	padding: 4px 14px 6px 5px;
	font-family: "Whitney Book";
	font-size: 16px;
	line-height: 18px;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
	}

div#header div#nav-utilities a:hover {
	font-family: "Whitney Semibold";
	}

div#header div#nav-utilities a.selected {
	font-family: "Whitney Semibold";
	}

div#header div#nav-utilities a.small {
	font-size: 13px;
	}

/* 3.2.2 Language Menu */

div#header div#nav-utilities div.language {
	float: right;
	z-index: 1000;
	position: relative;
	}

div#header div#nav-utilities div.language a.language-selected {
	margin: 0px 10px 4px 0px;
	padding: 4px 5px 6px 8px;
	border-radius: 4px 4px 0px 0px;
	}

div#header div#nav-utilities div.language a.language-selected.small {
	font-size: 13px;
	}

div#header div#nav-utilities div.language:hover a.language-selected {
	display: block;
	background-color: #eee;
	font-family: "Whitney Book";
	}

div#header div#nav-utilities div.language div.language-menu {
	display: none;
	}

div#header div#nav-utilities div.language:hover div.language-menu {
	width: 150px;
	display: block;
	position: absolute;
	top: 28px;
	left: 20px; 	
	}

div#header div#nav-utilities div.language:hover div.language-menu a {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 150px;
	display: block;
	background-color: #eee;
	}

div#header div#nav-utilities div.language:hover div.language-menu a.small {
	font-size: 13px;
	}

div#header div#nav-utilities div.language a:hover {
	font-family: "Whitney Book";
	}

div#header div#nav-utilities div.language div.language-menu a:hover {
	font-family: "Whitney Book";
	text-decoration: underline;
	}

div#header div#nav-utilities div.language span.globe {
	margin: 2px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 16px;
	height: 16px;
	float: left;
	background-image:  url('../images/widgets/icon-globe-40x40-blue.png');
	background-size: 16px 16px;
	background position: center center;
	display: block;
	} 	


div#header div#nav-utilities div.language span.arrow-down {
	margin: 4px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 12px;
	float: right;
	background-image:  url('../images/widgets/arrow-menu-40x40-999.png');
	background-size: 12px 12px;
	background position: center center;
	display: block;
	} 	

div#header div#nav-utilities div.language:hover span.arrow-down {
	background-image:  url('../images/widgets/arrow-menu-40x40-666.png');
	} 	


/* 3.2.2 Primary Nav */

div#header div#nav-primary-desktop {
	margin: 67px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 24px;
	z-index: 600;
	width: 100%;
	}

div#header div#nav-primary-desktop div.nav-container {
	margin: 10px 5px 0px 0px;
	box-shadow: none;
	position: relative;
	float: left;
	}

div#header div#nav-primary-desktop div.nav-container:hover {
	}

div#header div#nav-primary-desktop div.nav-container.right-edge {
	float: right;
	}

div#header div#nav-primary-desktop div.nav-container a.primary {
	margin: 0px 0px 0px 0px;
	padding: 10px 12px 6px 12px;
	border-radius: 10px 10px 0px 0px;
	height: 30px;
	font-family: "Whitney Book";
	font-size: 17px;
	line-height: 18px;
	display: inline-block;
	display: block;
	position: relative;
	cursor: pointer;
	z-index: 200;
	}

div#header div#nav-primary-desktop div.nav-container a.primary#nav-demo {
	margin: 2px 0px 8px 0px;
	padding: 5px 10px 5px 10px;
	border: 2px solid #83b202;
	border-radius: 8px 8px 8px 8px;
	height: 20px;
	font-family: "Whitney Medium";
	color: #83b202;
	}
	
div#header div#nav-primary-desktop div.nav-container.right {
	margin: 10px 0px 0px 5px;
	}
	
div#header div#nav-primary-desktop div.nav-container.selected a.primary {
	box-shadow: 0px -5px 15px rgba(0,0,0,0.03);
	font-family: "Whitney Semibold";
	color: #000;
	background-color: #fff;
	}

div#header div#nav-primary-desktop div.nav-container.selected a.primary#nav-demo {
	margin: 0px 0px 0px 0px;
	padding: 10px 12px 6px 12px;
	border: none;
	border-radius: 10px 10px 0px 0px;
	height: 30px;
	box-shadow: 0px -5px 15px rgba(0,0,0,0.03);
	font-family: "Whitney Semibold";
	color: #000;
	background-color: #fff;
	}

div#header div#nav-primary-desktop div.nav-container:hover a.primary,
div#header div#nav-primary-desktop div.nav-container a.primary.hover {
	box-shadow: none;
	font-family: "Whitney Book" !important;
	color: #fff !important;
	background-color: rgba(84,88,91,0.98);
	}

div#header div#nav-primary-desktop div.nav-container:hover a.primary#nav-demo,
div#header div#nav-primary-desktop div.nav-container a.primary#nav-demo.hover {
	margin: 2px 0px 8px 0px;
	padding: 5px 10px 5px 10px;
	border: 2px solid #83b202;
	border-radius: 8px 8px 8px 8px;
	height: 20px;
	font-family: "Whitney Medium"  !important;
	color: #fff !important;
	background-color: #83b202;
	}



div#header div#nav-primary-desktop div.nav-container.selected:hover a.primary,
div#header div#nav-primary-desktop div.nav-container.selected a.primary.hover {
	font-family: "Whitney Semibold" !important;
	color: #fff;
	background-color: rgba(84,88,91,0.98);
	}

div#header div#nav-primary-desktop div.nav-container.selected:hover a.primary#nav-demo,
div#header div#nav-primary-desktop div.nav-container.selected a.primary#nav-demo.hover {
	margin: 0px 0px 0px 0px;
	padding: 10px 12px 6px 12px;
	border: none;
	border-radius: 10px 10px 0px 0px;
	height: 30px;
	font-family: "Whitney Semibold" !important;
	color: #000 !important;
	background-color: #fff;
	}
	
div#header div#nav-primary-mobile {
	display: none;
	}
	


/* 3.2.3 Nav Drawers */

div.panel.drawer {
	 padding: 40px 0px 30px 0px;
	 background-color: rgba(84,88,91,0.98);
	 width: 100%;
	 z-index: 200;
	 position: absolute;
	 top: 161px;
	 display: none;
	}

div.panel.drawer div.content {
	 margin: 0px auto 0px auto;
	}


div.panel.drawer a.secondary {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Whitney Semibold";
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
	display: block;
	transition-property: color, text-decoration;
	transition-duration: .3s;
	transition-timing-function: ease;
	}
	
div.panel.drawer a.tertiary {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Whitney Book";
	font-size: 18px;
	line-height:20px;
	text-decoration: none;
	color: #ccc;
	display: block;
	transition-property: color, text-decoration;
	transition-duration: .3s;
	transition-timing-function: ease;
	}

div.panel.drawer a.secondary:hover,
div.panel.drawer a.tertiary:hover {
	color: #fff;
	text-decoration: underline;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease;
	}

div.panel.drawer a.secondary.no-hover:hover,
div.panel.drawer a.tertiary.no-hover:hover {
	color: initial;
	text-decoration: none;
	}

div.panel.drawer a.secondary.arrow:after,
div.panel.drawer a.tertiary.arrow:after {
	margin: 0px 0px 0px 0px; 
	height: 20px;
	width: 20px;
	content: " ";
	background: url('../images/widgets/arrow-right-40x40-white-simple.png') no-repeat center center;
	background-size: 20px 20px;
	position: absolute;
	}

div.panel.drawer h5 a,
div.panel.drawer h5 a:hover {
	color: #fff;
	}
	}



/* 3.2 Mobile Header */

@media all and (max-width: 960px) {

div.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
	}

div#header {
	padding: 30px 0px 0px 0px;
	height: 110px;
	width: 100%;
	z-index: 100;
	position: absolute;
	}

div#header div#logo {
	margin: 0px 0px 0px 0px;
	width: 160px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 28px ;
	}

div#header div#logo a#logo {
	margin: 0px 0px 0px 0px;
	width: 160px;
	height: 47px;
	background-image: url('https://versa-networks.com/wordpress/wp-content/themes/bootstrap-theme/assets/images/new-homepage/versa-new-logo.svg');
	background-size: 160px 47px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	}

div#nav-promotional-floating,
div#nav-promotional,
div#nav-utilities,
div#nav-primary-desktop,
div#header div.buttons {
	height: 0px;
	display: none;
	}

button#open-menu {
	width: 50px;
	height: 50px;
    border: none;
    background: none;
	background-repeat: no-repeat;
	background-position 50% 50%;
	background-size: 32px 32px;
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	}

button#open-menu.white {
	background-image: url('../images/widgets/menu-mobile-white.png');
	}

button#open-menu.black {
	background-image: url('../images/widgets/menu-mobile-black.png');
	}



/* 3.2.2 Mobile Primary Nav */

div#nav-primary-mobile {
	height: 100%;
	padding: 15px 0px 15px 0px;
	width: 360px;
	background: rgba(51,51,51,0.97);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.7);
	position: fixed;
	top: 0px;
    right: -400px;
	z-index: 400;
	overflow: auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}

body.pmr-open div#nav-primary-mobile {
    right: 0px;
	}

div#nav-primary-mobile div.nav-container {
	margin: 0px 20px 0px 20px;
	padding: 15px 10px 15px 10px;
	border-radius: 10px 10px 10px 10px;
	}

div#nav-primary-mobile div.nav-container.selected {
	background: rgba(45,45,45, 0.97);
	}

div.panel.drawer {
	 padding: 0px 0px 0px 0px;
	 background-color: none;
	 width: 0%;
	 z-index: 0;
	 position: absolute;
	 top: 0px;
	 display: none;
	}


/* 3.2.3 Mobile Nav Menus */

div.nav-menu {
	display: none;
	}
	
div.nav-container.selected div.nav-menu {
	display: block;
	}
	
div.nav-menu div.column {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float: left;
	}

div#nav-primary-mobile div.nav-container a.primary,
div#nav-primary-mobile div.nav-container.right a.primary {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	font-family: "Whitney Book";
	font-size: 30px;
	line-height: 32px;
	text-decoration: none;
	color: #ddd;
	text-align: left;
	display: block;
	transition-property: color, text-decoration;
	transition-duration: .3s;
	transition-timing-function: ease;
	}
	
div#nav-primary-mobile div.nav-container a.secondary {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	font-family: "Whitney Book";
	font-size: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #999;
	text-align: left;
	display: block;
	transition-property: color, text-decoration;
	transition-duration: .3s;
	transition-timing-function: ease;
	}

div#nav-primary-mobile div.nav-container a.tertiary {
	margin: 0px 0px 0px 30px;
	padding: 10px 20px 10px 20px;
	font-family: "Whitney Book";
	font-size: 22px;
	line-height: 24px;
	text-decoration: none;
	color: #888;
	text-align: left;
	display: block;
	transition-property: color, text-decoration;
	transition-duration: .3s;
	transition-timing-function: ease;
	}
	}



	
/* 3.6 Secondary/Tertiary/Quaternary Nav */

div#nav-secondary {
	margin-top: 14px;
	height: 56px;
	background:  linear-gradient(#fff 0%, #f7f7f7 70%) left top;
	position: relative;
	}
	
div#nav-tertiary {
	margin-top: -40px;
	height: 56px;
	background:  linear-gradient( rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.04) 70%) left top;
	position: relative;
	}

		
div#nav-quaternary {
	margin-top: 3px;
	height: 56px;
	background:  linear-gradient(#fff 0%, #f7f7f7 70%) left top;
	position: relative;
	}
	

div#nav-secondary a,
div#nav-tertiary a,
div#nav-quaternary a {
	margin: 10px 2px 0px 0px;
	padding: 9px 12px 7px 12px;
	border-radius: 10px 10px 0px 0px;
	height: 30px;
	font-family: "Whitney Book";
	font-size: 17px;
	line-height: 18px;
	color: #444;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	cursor: pointer;
	}

div#nav-secondary a.hidden,
div#nav-tertiary a.hidden,
div#nav-quaternary a.hidden {
	display: none;
	}

div#nav-secondary a:hover,
div#nav-tertiary a:hover,
div#nav-quaternary a:hover {
	font-family: "Whitney Book";
	color: #000;
	}

div#nav-secondary a.selected,
div#nav-tertiary a.selected,
div#nav-quaternary a.selected {
	box-shadow: 0px -5px 15px rgba(0,0,0,0.03);
	font-family: "Whitney Semibold";
	color: #000;
	background-color: #fff;
	}

div#nav-secondary a.selected:hover,
div#nav-tertiary a.selected:hover,
div#nav-quaternary a.selected:hover {
	font-family: "Whitney Semibold";
	}


div#nav-secondary a.arrow:after,
div#nav-tertiary a.arrow:after,
div#nav-quaternary a.arrow:after {
	margin: 0px 0px 0px 0px; 
	height: 20px;
	width: 20px;
	content: " ";
	background: url('../images/widgets/arrow-right-40x40-gray-simple.png') no-repeat center center;
	background-size: 20px 20px;
	position: absolute;
	}


/* 3.6 Nav Links */
	
div#nav-links  {
	margin: -50px auto 50px auto;
	text-align: center;
	}

div#nav-links a {
	margin: 5px 7px 5px 7px;
	padding: 2px 2px 2px 2px;
	font-family: "Whitney Book";
	font-size: 17px;
	line-height: 18px;
	text-transform: lowercase;
	font-variant: small-caps;
	font-variant-numeric: oldstyle-nums;
	letter-spacing: 1px;
	color: #444;
	display: inline-block;
	position: relative;
	cursor: pointer;
	}

div#nav-links a:hover {
	color: #009ade;
	}

div#nav-links a.selected {
	font-family: "Whitney Bold";
	color: #000;
	}



/* 3.7 Buttons */

div.buttons {
	margin: 10px 0px 10px 0px;
	white-space: nowrap;
    }
          	
div.buttons.extratight {
	margin-top: -30px !important;
	margin-bottom: -30px !important;
	}

div.buttons.extratight-top {
	margin-top: -30px !important;
	}

div.buttons.tighter {
	margin-top: -20px !important;
	margin-bottom: -20px !important;
	}

div.buttons.tighter-top {
	margin-top: -20px !important;
	}

div.buttons.tight {
	margin-top: -10px !important;
	margin-bottom: -10px !important;
	}

div.buttons.tight-top {
	margin-top: -10px !important;
	}

div.buttons.semitight,
div.buttons.semi-tight {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	}

div.buttons.semitight-top,
div.buttons.semi-tight-top {
	margin-top: 0px !important;
	}


div.buttons.semiloose,
div.buttons.semi-loose {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	}

div.buttons.semiloose-top,
div.buttons.semi-loose-top {
	margin-top: 15px !important;
	}

div.buttons.loose {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	}

div.buttons.loose-top {
	margin-top: 20px !important;
	}

div.buttons.looser {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	}

div.buttons.looser-top {
	margin-top: 30px !important;
	}

div.buttons.extraloose,
div.buttons.extra-loose {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	}

div.buttons.extraloose-top,
div.buttons.extra-loose-top {
	margin-top: 40px !important;
	}

div.buttons:after {
	content: "";
	display: table;
	clear: both;
	}

div.buttons a,
a.button {
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	display: block;
 	float: left;
	}

div.buttons.paged a:first-of-type {
 	float: right;
 	}
 	
div.buttons a span.label,
a.button span.label {
	margin: 0px 2px 0px 0px;
	padding: 6px 16px 6px 18px;
	border-radius: 20px 0px 0px 20px;
	font-family: "Whitney Semibold";
	font-weight: normal;
	font-size: 17px;
	line-height: 18px;
	text-align: left;
	color: #fff;
     -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	display: block;
 	float: left;
	}

div.buttons a span.label.right,
a.button span.label.right {
	margin: 0px 0px 0px 2px;
	padding: 6px 18px 6px 16px;
	border-radius: 0px 20px 20px 0px;
	}
	
 div.buttons a span.widget,
 a.button span.widget {
	margin: 0px 0px 0px 0px;
	padding: 6px 11px 6px 5px;
	border-radius: 0px 20px 20px 0px;
 	height: 18px;
	width: 18px;
   -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	display: block;
 	float: left;
	}

 div.buttons a span.widget.left,
 a.button span.widget.left {
	margin: 0px 0px 0px 0px;
	padding: 6px 5px 6px 11px;
	border-radius: 20px 0px 0px 20px;
	}
	
div.buttons.small a.button {
	margin: 0px 5px 0px 0px;
	padding: 8px 12px 6px 14px;
	font-size: 14px;
	line-height: 19px;
	display: block;
 	float: left;
	}

div.buttons.right a,
div.buttons.right a.button {
	margin: 0px 0px 0px 8px;
	}

div.buttons.right.compact a.button {
	margin: 0px 0px 0px 4px;
	}


/* 3.7.1 Centered Buttons */

div.buttons.center {
	float: left;
	position: relative;
	left: 50%;
	}
 
 div.buttons.center a.button {
	margin: 0px 5px 0px 5px;
	position: relative;
	right: 50%;
	}


/* 3.7.2 Colored Buttons */

div.buttons a,
a.button.blue {
	border: 2px solid #1c75bc;
	background-color: #1c75bc;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

div.buttons a:hover,
a.button.blue:hover {
	border: 2px solid #1c75bc;
	background-color: #1c75bc;
	box-shadow: 0px 0px 15px rgba(3,219,255,1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

div.buttons a span.label,
a.button.blue span.label {
	border: 2px solid #00aeef;
	background:  url('../images/widgets/button-gloss-left.png') 2px top, linear-gradient(#00aeef, #4a78bb) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}

div.buttons a span.widget,
a.button.blue span.widget {
	border: 2px solid #00aeef;
	background:  url('../images/widgets/button-gloss-right.png') -237px top, linear-gradient(#00aeef, #4a78bb) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}



div.buttons.paged a,
a.button.green {
	border: 2px solid #708e04;
	background-color: #708e04;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

a.button.green.reverse {
	border: 2px solid #2b3503;
	}
	
div.buttons.paged a:hover,
a.button.green:hover {
	border: 2px solid #708e04;
	background-color: #708e04;
	box-shadow: 0px 0px 15px rgba(187,252,6,1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

a.button.green.reverse:hover {
	border: 2px solid #2b3503;
	box-shadow: 0px 0px 12px rgba(187,252,6,.75);
	}

div.buttons.paged a span.label ,
a.button.green span.label {
	border: 2px solid #a3dd03;
	background:  url('../images/widgets/button-gloss-left.png') 2px top, linear-gradient(#78c900, #5da602) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}

div.buttons.paged a span.label.right ,
a.button.green span.label.right {
	border: 2px solid #a3dd03;
	background:  url('../images/widgets/button-gloss-right.png') right 2px top 0px, linear-gradient(#78c900, #5da602) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}


div.buttons.paged a span.widget,
a.button.green span.widget {
	border: 2px solid #a3dd03;
	background:  url('../images/widgets/button-gloss-right.png') -237px top, linear-gradient(#78c900, #5da602) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}

div.buttons.paged a span.widget.left,
a.button.green span.widget.left {
	border: 2px solid #a3dd03;
	background:  url('../images/widgets/button-gloss-left.png') 2px top, linear-gradient(#78c900, #5da602) left top;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
	}





a.button.outline {
	border-radius: 20px 20px 20px 20px;
	border: 2px dashed #999;
	background-color: #fff;
 	box-shadow: none;
   -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

a.button.outline:hover {
	border: 2px dashed #999;
	background-color: #fff;
	box-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}

a.button.outline span.label {
	border-radius: 20px 20px 20px 20px;
	border: 2px solid #fff;
	color: #999;
	background: #fff;
	background-size: 268px 16px, 100% 100%;
	background-repeat: no-repeat;
    -webkit-animation: color-change 3s infinite;
    -moz-animation: color-change 3s infinite;
    -o-animation: color-change 3s infinite;
    -ms-animation: color-change 3s infinite;
    animation: color-change 3s infinite;
	}



@-webkit-keyframes color-change {
    0% { color: #999; }
    50% { color: #ddd; }
    100% { color: #999; }
}
@-moz-keyframes color-change {
    0% { color: #999; }
    50% { color: #ddd; }
    100% { color: #999; }
}
@-ms-keyframes color-change {
    0% { color: #999; }
    50% { color: #ddd; }
    100% { color: #999; }
}
@-o-keyframes color-change {
    0% { color: #999; }
    50% { color: #ddd; }
    100% { color: #999; }
}
@keyframes color-change {
    0% { color: #999; }
    50% { color: #ddd; }
    100% { color: #999; }
}





a.button span.arrow.facebook {
	margin: -1px 7px -1px -2px;
	padding: 0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	background: url('../images/icons-social/icon-facebook-100x100-white.png') no-repeat 0px 0px;
	background-size: 18px 18px;
	display: block;
	float: left;
	}

a.button span.arrow.twitter {
	margin: -1px 7px -1px -2px;
	padding: 0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	background: url('../images/icons-social/icon-twitter-100x100-white.png') no-repeat 0px 0px;
	background-size: 18px 18px;
	display: block;
	float: left;
	}

a.button span.arrow.linkedin {
	margin: -1px 7px -1px -2px;
	padding: 0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	background: url('../images/icons-social/icon-linkedin-100x100-white.png') no-repeat 0px 0px;
	background-size: 18px 18px;
	display: block;
	float: left;
	}

div.buttons a span.widget span.arrow#up,
a.button span.widget span.arrow#up {
	width: 16px;
	height: 16px;
	background-image:  url('../images/widgets/arrow-up-32x32-white.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}

div.buttons a span.widget span.arrow#down,
a.button span.widget span.arrow#down {
	width: 16px;
	height: 16px;
	background-image:  url('../images/widgets/arrow-down-32x32-white.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}

div.buttons a span.widget span.arrow#left,
a.button span.widget span.arrow#left {
	width: 16px;
	height: 16px;
	background-image:  url('../images/widgets/arrow-left-32x32-white.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}

div.buttons a span.widget span.arrow#right,
a.button span.widget span.arrow#right {
	width: 16px;
	height: 16px;
	background-image:  url('../images/widgets/arrow-right-32x32-white.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	}



/* 3.7 Pagination */

div.pagination {
	margin: 12px 0px 0px -10px;
	float: left;
	z-index: 100;
	}

div.pagination.right {
	margin: 12px 0px 0px -10px;
	float: right;
	z-index: 100;
	}

div.pagination a {
	margin: 0px 0px 0px 0px;
	height: 30px;
	width: 30px;
	display: block;
	float: left;
	}

div.pagination.white a {
	background: url('../images/widgets/pagination.png') no-repeat 0px 0px;
	background-size: 150px 150px;
	}

div.pagination.white a:hover,
div.pagination.white a.selected {
	background: url('../images/widgets/pagination.png') no-repeat -30px 0px;
	background-size: 150px 150px;
	}

div.pagination.black a {
	background: url('../images/widgets/pagination.png') no-repeat 0px -30px;
	background-size: 150px 150px;
	}

div.pagination.black a:hover,
div.pagination.black a.selected {
	background: url('../images/widgets/pagination.png') no-repeat -30px -30px;
	background-size: 150px 150px;
	}

div.tab {
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
	}

div.tab h6 {
	margin: 0px 0px -1px 7px;
	padding: 7px 10px 7px 10px;
	border-radius: 7px 7px 0px 0px;
	font-family: "Whitney Medium";
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #2ee1ff;
	background: #0583c9;
	display: inline-block;
	}


/* 3.8 Blog */

div.tags {
	margin: 20px 0px 20px 0px;
	}

div.tags:after {
	content: "";
	display: table;
	clear: both;
	}


div.tags .tag {
	margin: 0px 6px 7px 0px;
	padding: 5px 8px 5px 8px;
	border: 1px solid #666;
	border-radius: 5px 5px 5px 5px;
	font-family: "Whitney Semibold";
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	display: block;
	float: left;
   -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	}


div.tags .tag:hover {
	border: 1px solid #009ade;
	color: #009ade;
   -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	}




/* 3.9 Sitemap */


div#sitemap a.primary:hover {
	color: #4d88f7;
	}

div#sitemap a.primary {
	margin: 30px 0px 20px 0px;
	padding: 6px 0px 6px 0px;
	border-bottom: 1px dashed #ccc;
	font-family: "Whitney Semibold";
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	text-transform: lowercase;
	font-variant: small-caps;
	font-variant-numeric: oldstyle-nums;
	letter-spacing: 2px;
	color: #83b202;
	display: block;
	}
	
div#sitemap a.secondary {
	margin: 20px 0px 0px 0px;
	font-family: "Whitney Medium";
	font-size: 19px;
	line-height: 22px;
	color: #444;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
	position: relative;
	cursor: pointer;
	display: block;
	}
div#sitemap a.tertiary {
	margin: 10px 0px 0px 25px;
	font-family: "Whitney Light";
	font-size: 17px;
	line-height: 22px;
	color: #666;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
	position: relative;
	cursor: pointer;
	display: block;
	}

div#sitemap a.tertiary:before {
	margin: 2px 0px 0px -25px; 
	height: 20px;
	width: 20px;
	content: " ";
	background-image:  url('../images/widgets/arrow-right-40x40-gray-simple.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	position: absolute;
	}

	
div#sitemap a.primary:hover {
	color: #83b202
	}

div#sitemap a.secondary:hover,
div#sitemap a.tertiary:hover {
	color: #009ade;
	text-decoration: underline;
	}




div.toggle {
	margin: 5px 0px 10px 0px;
	}


div.toggle a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #999;
	background: #666;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	display: block;
 	float: left;
	}

div.toggle a:hover {
	box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	}
	
div.toggle a.selected	{
	border: 1px solid #777;
	box-shadow: none;
	}


div.toggle a:first-of-type {
	border-radius: 5px 0px 0px 5px;
 	}
 	
div.toggle a:last-of-type {
	border-radius: 0px 5px 5px 0px;
 	}
 	
div.toggle a span.label {
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 5px 10px;
	border: 1px solid #666;
	font-family: "Whitney Medium";
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-image:  url('../images/widgets/nav-promotional-gloss.png');
	background-position: 0px -12px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
     -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	display: block;
 	float: left;
	}

div.toggle a.selected	span.label {
	border: 1px solid #333;
	background: #555;
	box-shadow: inset 0px 1px 8px rgba(0,0,0,0.6);
	}

	
div.toggle a:first-of-type span.label {
	border-radius: 5px 0px 0px 5px;
 	}
 	
div.toggle a:last-of-type span.label {
	border-radius: 0px 5px 5px 0px;
 	}
 	
/* 3.10 Footer */

div#footer {
	margin: -60px auto 0px auto;
	padding: 60px 0px 0px 0px;
	background-image: url('../images/bg-shadow-top.png');
	background-size: 1200px 60px;
	background-repeat: no-repeat;
	background-position: top center;
	}

div#footer a#logo {
	margin: 10px 0px 20px 0px;
	width: 120px;
	height: 35px;
	background: url('../images/logos/logo-versa-networks.png') no-repeat 0px 0px;
	background-size: 120px 35px;
	display: block;
	}


div#footer a.primary {
	margin: 17px 0px 7px 0px;
	font-family: "Whitney Semibold";
	font-size: 18px;
	line-height: 20px;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #333;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
	position: relative;
	cursor: pointer;
	display: block;
	}

div#footer a.secondary {
	margin: 0px 0px 7px 0px;
	font-family: "Whitney Book";
	font-size: 14px;
	line-height: 16px;
	color: #808080;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
	position: relative;
	cursor: pointer;
	display: block;
	}

div#footer p {
	font-family: "Whitney Book";
	font-size: 13px;
	line-height: 15px;
	color: #666;
	}