/*
 Theme Name: Virante
 Theme URI: 
 Author: Stuart Smith
 Author URI: http://www.brascomarketing.com
 Description: Virante Custom Theme
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
 @charset "utf-8";
 /* Virante Layout styles */
 /* Colors 
 #ff9400 - orange 
 #6d9cd8 - blue
 #808080 - med gray
 */
 
 @import url(http://fonts.googleapis.com/css?family=Oswald);
 
 html, html a {
    -webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a { outline: none;/* get rid of dotted borders */	
	-webkit-transition:color .2s ease-in; 	  
   -moz-transition:color .2s ease-in;  
   -o-transition:color .2s ease-in;  
   transition:color .2s ease-in;
}  
   
 .archive #content article, .blog #content article {
 	margin-top: 10px;
 	overflow: auto;
 }
 a {
 	text-decoration:none;
 	color:inherit;
 }
 img {
 	max-width:100%;
 	min-width:10%;
 }
 
* {
    margin:0;
    padding:0;
}
 
 /*Make Images Behave in Wordpress*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
 p { 
     padding-bottom: 10px; 
     line-height: 26px; 
 }
 
strong {
     font-weight:bold;
 }
 
 BODY {
 	width:100%;
 	height:auto;
 	background:#fff;
 	font-size:14px;
 	font-family:arial, sans-serif;
 }
 
 #wrapper {	
 	min-width:480px;
 	height:auto;
 	margin:0 auto 0 auto;
 	position:relative;
 }
 header {
 	width:100%;
 	margin:0 auto 0 auto;
 	border-top:solid 5px #6d9cd8;
 }
 .headerContent {
 	max-width:1250px;
 	min-height:140px;
 	margin:0 auto 20px auto;
 }
 .headerLogo {
 	width: 35%;
 	float:left;
 	display:block;
 	padding-top:28px;
 	padding-left:20px;
 }
 .headerLogo img {
 }
 .headerContact {
 	max-height:140px;
 	width: 45%;
 	float: right;
 	display:block;
 	padding-top:20px;
 	margin-left:10px;
 	margin-top: 2.5em;
 }
 .contactInfo {
 	width:100%;
 	margin:4px auto 0 auto;
 	float:left;
 	display:block;
 }
 .contactIcon {
 	float:left;
 	display:block;
 	margin-top:3px;
 }
 .contactIcon a:hover {
 	opacity:.60;
 }
 .contactText {
 	float:left;
 	display:block;
 	padding-left:10px;
 }
 .contactText h3 {
 	font-size:1.65em;
 	color:#333;
 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-weight:lighter;
 }
 .contactText h3 a:hover {
 	color:#6d9cd8;
 }
 
ul#contact-info {
	margin: 0px;
	padding: 0px; 
	display: inline-block;
 }
 
ul#contact-info li {
	display: inline-block;
	list-style: none;
	margin: 0em 0em 0em 2em;
}
ul#contact-info li a {
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;	
	color: #7f7f7f;
	display: block;
	-webkit-transition:color 0s ease-in; 	  
   -moz-transition:color 0s ease-in;  
   -o-transition:color 0s ease-in;  
   transition:color 0s ease-in;
}
ul#contact-info li a:hover {
	color: #ff9201;	
}
#phone-icon {
	vertical-align: middle;
	display: inline-block;
	width: 39px;
	height: 34px;	
	background:url(images/contact-sprite.png);
	background-position: 0px 0px;
}
ul#contact-info li a:hover #phone-icon {
	background-position: 0px -44px;
}
#chat-icon {
	vertical-align: middle;
	display: inline-block;
	width: 35px;
	height: 34px;	
	background:url(images/contact-sprite.png);
	background-position: 0px -88px;
}
ul#contact-info li a:hover #chat-icon {
	background-position: 0px -132px;
}
#tools-icon {
	vertical-align: middle;
	display: inline-block;
	width: 28px;
	height: 34px;	
	background:url(images/contact-sprite.png);
	background-position: 0px -176px;
}
ul#contact-info li a:hover #tools-icon {
	background-position: 0px -220px;
}
 
 
 
 
 .quickLinksNav {
 	position:absolute;
 	top:0;
 	right:0;
 	padding:5px;
 	background:#6d9cd8;
 	z-index:199;
 }
 #quickLinks {
 	float: left;
 	display: none;
 	background: #6d9cd8;
 	position: absolute;
 	right: 0px;
 	width: 300px;
 	top: 58px;
 }
 #quickLinksHolder {
 	float:left;
 	display:block;
 	padding:20px;
 	font-size:1em;
 }
 #quickLinksHolder ul {
 	list-style-type:none;
 }
 #quickLinksHolder li {
 	color:#fff;
 	font-size: 24px;
 	line-height:1.1em;
 }
  #quickLinksHolder li li {
 	color:#fff;
 	font-size: 16px;
 	line-height: 1.3em;
    padding-bottom: 3px;
 }
 #quickLinksHolder li.menu-item-has-children {
 	font-weight:bold;
 }
#quickLinksHolder li.menu-item-has-children > a {
    border-bottom: 2px solid #EEE;
    display: block;
    margin-bottom: 6px;
    padding-bottom: 2px;
 } 
 
 #quickLinksHolder li.menu-item-has-children a:hover {
 	text-shadow: none;
 	cursor: default;
 }
 #quickLinksHolder ul.sub-menu li a {
 	font-weight: normal;	
 }
 #quickLinksHolder ul.sub-menu li a:hover {
 	text-shadow:1px 1px 1px #666;
 	cursor: pointer;
 }
 #menu-cornerlinks {
 	/*padding-top: 2.5em;	 */
    padding-top: 0;
 }
 #menu-cornerlinks ul {
 	padding-bottom: 1em;	
 }
 .centerRgn {
 	width:100%;
 	height:auto;
 	margin:0 auto 0 auto;
 	position:relative;
 	padding:0;
 }
 .subHeadVideoImg {
 	width:100%;
 	margin:0 auto 0 auto;
 	z-index:1;
 	padding:0;
 }
 body.home .shViHolder {
 	min-height: 375px;
 	max-height: 375px;
 	width:100%;
 	margin:0 auto 0 auto;
 	z-index:1;
 	padding-bottom:4px;
 	overflow:hidden;
	position: relative;
 }
 body.home .shViHolder img {
 	width:100%;
 	height:auto;
 	overflow:hidden;
 }
 .shViHolder {
 	min-height:100px;
 	max-height: 350px;
 	width:100%;
 	margin:0 auto 0 auto;
 	z-index:1;
 	padding-bottom:4px;
 	overflow:hidden;
 }
 .shViHolder img {
 	width:100%;
 	overflow:hidden;
 }
 #viranteVid {
 	width:100%;
 	height:auto;
 	padding:0;
 }
 .shViOverlay {
 	width:100%;
	height: 100%;
 	padding-bottom:20px;
 	margin:0 auto 0 auto; 	
 	position:absolute;
 	top:0;
 	left:0;
 	z-index:99;
	background: url(images/video-BG.png) repeat;
 }
 .shViOvContent {
 	max-width:1100px;
 	height:auto;
 	margin:0 auto 0 auto;
 	text-align:center;
 	z-index:199;
 	padding-top: 8em;
 	padding-right:20px;
 	padding-left:20px;
 }
 .shViOvContent h3 {
 	font-size: 2.7em;
 	color:#fff;
 	font-weight:400;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	border: 2px solid #fff;
	display: inline-block;
	padding: .25em;
	margin-bottom: .5em;
 }
 .shViOvContent h4 {
 	font-size: 1.7em;
 	color:#fff;
 	font-weight:400;
	font-family: 'Raleway', sans-serif;
 }
 .shViOvContent img.virante-caret {
	display: block;
	margin: 1em auto;
	width: inherit !important;	 
	min-width: inherit;
	max-width: inherit;
 }
 
 #vsc{
    background-color: #6d9cd8;
    padding: 20px 0 20px; 
    text-align: center;
    font-size: 1.5em;
    color: #fff;    
    font-family: Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight: 400;
 }
 .mainContentRgn {
 	max-width:1150px;
 	margin:40px auto 0 auto;
 	min-height:480px;
 }
 .mainContentRgn h1 {
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:2.5em;
 	font-weight:lighter;
 	text-transform:uppercase;
 	color:#ff9400;
 	font-stretch:extra-condensed;
 	margin:10px auto 20px;
 }
 .mainContentRgn h2 {
 	font-family: "Arial Narrow", Arial, sans-serif;
 	font-size:2.6em;
 	font-weight:lighter;
 	text-transform:uppercase;
 	color:#ff9400;
 	font-stretch:extra-condensed;
 	margin:10px auto;
 }
 .mainContentRgn p {
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:1em;
 	color:#333;
 	line-height:1.5;
 }
 
 section.entry-content ul ol{
 	padding-left: 40px;
 }
 
 section.entry-content h3 {
	font-size: 2em;	
	color: #6d9cd8;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
 }
 
section.entry-content strong {
	color: #ff9400;
}
 
 .postRgn {
 	width:65%;
 	float:left;
 	display:block;
 	padding-left:20px;
 	padding-right:20px;
 	margin-right:40px;
    border-right:1px solid #ddd;
 }
 
 .postRgn ul {
    overflow: hidden;
}
.postRgn ul li {
    position: relative;
    background: url(images/list.png) no-repeat top left;
    list-style-type: none;
    line-height: 1.8em;
    padding: 0 0 0 15px;
    margin: 0 0 5px 20px;
}
.postRgn ul li a {
    color:#ed702b;
}
.postRgn h4 {
    padding-bottom: 3px;
}
 
 .sideBarRgn {
 	width:25%;
 	float:left;
 	display:block;
 	padding:10px;
	color: #999;
 }
 .sideBarRgn ul, ol {
 	list-style-type:circle;
    padding: 10px 25px;
    line-height: 1.5;
 }
 .sideBarRgn h2 {
 	font-size:1.25em;
 }
 
 .sideBarRgn .widget {
     padding-bottom:15px;
 }
 
 .serviceBlock {
 	max-width:1200px;
 	min-height:300px;
 	margin:30px auto 0 auto;
 	padding-bottom:20px;
 	position:relative;
 }
 .svcBlkCats h1 {
 	font-size:1.75em;
 	color:#333;
 	font-family:Arial, Helvetica, sans-serif;
 	font-weight:lighter;
 	margin-left:20px;
 	margin-top:20px;
 	float:left;
 	display:block;
 	text-transform:lowercase;
 }
 
 .svcBlkCats h1 a {
	display: block;	 
 }
 
 .svcBlkCats h1 a:hover {
 	color: #ccc;
 }
 .serviceRow {
 	width:100%;
 	margin:10px auto 10px auto;
 	float:left;
 }
 .svcBlkCats {
 	width:20%;
 	height:70px;
 	float:left;
 	display:block;
    background: #676567;
 	margin-bottom:10px;
	position: relative;
 }
 
 .paid-search-cat {
	background: #ff9a0f; 
 }
 
 .analytics-cat {
	background: #f9b31b;  
 }
 
 .development-cat {
    background: #6e9cd8;
 }
 
 .svcBlkCats h1 {
	 text-transform: uppercase;
	 color: #fff;
 }
 
 .arrow-right {
 	width: 38px;
 	height: 72px;
 	max-width: inherit;
 	min-width: inherit;
 	float: left;
 	margin-left: -3px;
 	margin-top: -2px;
 }
 
 .arrow-right-new {
 	width: 20px;
 	height: 41px;
 	max-width: inherit;
 	min-width: inherit;
	position: absolute;
	right: -20px;
	top: 20%;
 }
 .svcBlkCircles {
 	width:68%;
 	float:left;
 	display:block;
 	margin-bottom:10px;
 	margin-left:8px;
 }
 .svcBlkImage {
 	float:left;
 	display:block;
 	margin-left:4%;
 	width:10%;
 	height:10%;
 }
 
  .svcBlkImage img {
	width: 100%;
	height: auto; 
	max-width: inherit; 
  }
  
 .svcBlkImage a:hover {
 	background:#ff9400;
 	float:left;
 	border-radius:24px;
 	padding:3px;
 }
 .blogPhoto a:hover {
 	background:#ff9400;
 	float:left;
 	border-radius:24px;
 	padding:4px 3px 1px 3px;
 }
 .badgeRgn {
 	max-width:100%;
 	margin:0 auto 0 auto;
 	padding-bottom:40px;
 }
 .badgeBlock {
 	max-width:1250px;
 	min-height:150px;
 	margin:0 auto 0 auto;
 	padding-top:40px;
 }
 .badgeLogo {
 	width:16%;
 	height:150px;
 	float:left;
 	display:block;
 	margin: 0px 0px 0px 30px;
 	text-align:center;
 }
 .badgeNavArrow {
 	width:5%;
 	float:left;
 	display:block;
 	margin-left:10px;
 	padding-top:30px;
 }
 
 .badgeNavArrowRight {
 	width:5%;
 	float:right;
 	display:block;
 	margin-right:10px;
 	padding-top:30px;
 }
 .blogRgn {
 	width:100%;
 	float:left;
 	margin:40px auto 0 auto;
 	padding-bottom:30px;
 }
 .blogsBlock {
 	max-width:1100px;
 	margin:30px auto 0 auto;
 	padding-left:20px;
 }
 .blogColLeft {
 	width:30%;
 	float:left;
 	display:block;
 }
 .blogColRight {
 	width:65%;
 	float:left;
 	padding:14px 10px 22px 25px;
 	display:block;
 	margin-left:10px;	
 }
 .blogListing {
 	width:85%;
 	height:70px;
 	margin:10px auto;
 	float:left;
 }
 .blogPhoto {
 	width:60px;
 	height:60px;
 	float:left;
 	display:block;
 	padding-right:25px;
 }
 .blogTitle {
 	width:80%;
 	float:left;
 	display:block;
 	padding: 10px 0 0 0;
 }
 a.rsswidget {
 	font-size: 1.8em;
 	font-family: Arial, Helvetica, sans-serif;
 	color:#6d9cd8;
 	font-weight:lighter;
 }
 a.rsswidget:hover {
 	color: #333;
 }
 .blogRgn h4 a:hover {
 	color:#333;
 }
 .blogRgn ul {
 	list-style-type:none;
 }
 .blogRgn li {
 	font-size:18px;
 	margin-top:14px;
 	font-family:Arial, Helvetica, sans-serif;
 }
 .blogRgn li a:hover {
 	color:#6d9cd8;
 }
 .blogDesc {
 	width:80%;
 	float:left;
 	display:block;
 	padding:10px auto 0 auto;
 }
 .blogDesc h5 {
 	font-size:.9em;
 	font-weight:lighter;
 	font-family:Arial, Helvetica, sans-serif;
 	color:#000;
 }
 
#new-blog-region {
	margin-bottom: 2em;	
}
#new-blog-region #left-side-blog {
	width: 40%;
	float:left;
	background: url(images/left-blog-bg.gif) right no-repeat;
	background-size: cover;
	min-height: 395px;
}
#new-blog-region #left-side-blog #blog-roll-container {
	float: right;
	padding-top: 7em;
	padding-right: 15em;
}
#new-blog-region #left-side-blog #blog-roll-container ul {
	margin: 0px;
	padding: 0px;	
}
#new-blog-region #left-side-blog #blog-roll-container li {
	list-style: none;	
	margin-bottom: 1em;
}
#new-blog-region #left-side-blog #blog-roll-container a {
	display: block;
	color: #959393;
	border: 2px solid #6d9cd8;
	padding: .25em .5em;	
	font-size: 1.5em;
}
#new-blog-region #left-side-blog #blog-roll-container a:hover {	
	color: #ff9a0f;	
}
#new-blog-region #right-side-blog {
	width: 60%;
	float: left;
	background: url(images/texture-repeat.gif) repeat;
	min-height: 395px;
}
#right-side-blog-content {
	padding: 3em 4em 2em 4em;	
	width: 65%;
}
#right-side-blog-content ul {
	margin: 0px;
	padding: 0px;	
}
#right-side-blog-content ul li {
	list-style: none;	
	margin-bottom: 1.5em;
}
#right-side-blog-content  div.rssSummary {
	font-size: 1.1em;
	line-height: 1.1em;
}
 
 footer {
 	width:100%;
 	margin:0 auto 0 auto;
 	background:#6d9cd8;
 	float:left;
 	padding-bottom:20px;
 }
 footer ul {
 	list-style-type:none;
 }
 footer li {
 	color:#fff;
 	font-size:.85em;
 	font-family:Arial, Helvetica, sans-serif;
 	margin-top:6px;
 	width: 160px;
 }
 footer li a:hover {
 	text-shadow: 1px 1px 1px #666;
 }
 .footerContent {
 	max-width:1100px;
 	margin:0 auto 0 auto;
 	padding-top:20px;
 }
 .footerColumn {
 	width:15%;
 	float:left;
 	display:block;
 	margin-left:20px;
 }
 .footerLinkHead {
 	width:100%;
 }
 .footerLinkHead p {
 	color:#fff;
 	text-transform:uppercase;
 	font-size:1.15em;
 	font-weight:bold;
 }
 .footerLinks {
 	width:auto;
 	height:auto;
 }
 .footerSoCont {
 	width:25%;
 	float:left;
 	display:block;
 	margin-left:34px;
 }
 
 footer address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143; 
	color: #fff;
	font-size: 1em;
 }
 .socIcon {
 	width:40px;
 	height:40px;
 	float:left;
 	display:block;
 	margin-left:4px;
 }
 .viranteInfo {
 	margin-top:15px;
 	float:left;
 	font-size:1.1em;
 }
 #rss-2 h3 {
 	display: none;	
 }
 div.rssSummary {
	font-size: .8em;
	}
 h4.blog-header {
	padding-top: 14px;
	font-size: 28px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #6d9cd8;
	font-weight: lighter;
	text-transform: uppercase;
	margin-bottom: .25em;
 }
 
 /*===============================================================
 	CaroufredSel Styles
 	===========================================================*/
 #carousel-container {
 	float: left;
 	width: 80%;
 	margin: 0 auto;
 }
 /*	=============================================================
 	Sidebar Form Styles
 	============================================================*/
.contactbox {
	margin: 0;
	padding: 0; 			
} 		
div.contactboxmid h2 {
	font-size: 2em;
	margin: 0px 0px 4px 0px;
	line-height: 1.1em;	
	font-weight: lighter;
	text-transform: uppercase;
	color: #ff9400;
}
div.contactboxmid h3 {
	font-size: 2em;	
	color: #7f7f7f;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
}
div.contactboxmid p {
	color: #ff9400;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.1em;
}
div.contactboxmid p.privacy {
	color: #999;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.1em;
}
div.contactboxmid input,
div.contactboxmid textarea {
	display: block;	
	background: #b4b2b3;
	color: #333;
	padding: 6px 6px;
	border: solid 1px #bbb;
	outline: none;
	margin-bottom: 6px;
	font-size: 16px;
	width: 80%;
	font-family: "Arial Narrow", Arial, sans-serif;
    border-radius: 5px;
     -webkit-border-radius: 5px;
    border-radius: 5px;
     -webkit-appearance: none;
    border-radius: 5px;
    box-sizing: content-box;
	overflow: auto;
}
div.contactboxmid input[type=submit] {
	width: 80%;	
	background: #ff9400;
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
	padding: 6px 6px;
    border: solid 1px #bbb;
	border-radius: 5px;
	 -webkit-border-radius: 5px;
    border-radius: 5px;
	 -webkit-appearance: none;
    border-radius: 5px;
	box-sizing: content-box;
}
div.contactboxmid input[type=submit]:hover {
	cursor: pointer;
}
textarea, select, button, input{
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
div.contactboxmid input[type=submit]:hover {
	background: #6d9cd8;
	color: #fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
 					  	
form#contactform label.error {
	display: block;
}
 /*    =============================================================
     Contact Form Lightbox
     ============================================================*/
#contactlight{
    background:url('images/curtainbg.png');
    height:1000px;
    width:100%;
    position:absolute;
    top:0;
    z-index:999;
    display:none;
}
#contactcontainer {
    position: absolute;
    overflow: hidden;
    width: 400px;
    left: 40%;
    top: 20%;
    border: 3px solid orange;
    background: #F6F3F1;
    z-index: 1000;
    display: none;
    padding: 20px;
}
#contactclose{
    float:right;
    border:none !important;   
}
 
 
/*============================================================
	Meet the Experts Specific Styles
  ==========================================================*/ 
.teammember-container {
	margin-top: 1.5em;
	margin-bottom: 3.5em;	
	padding: 1.5em;
	position: relative;
	border: 1px solid #6d9cd8;
}
.teammember-container h4 {
	display: inline-block;
	color: #6d9cd8;
	padding: .25em .5em;
	background: #fff;
	position: absolute;
	top: -16px;
	left: 6%;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
}
.teammember-container img {
	margin: 1em 2em 2em 0em;
	float: left;
}
  
.teammember-info {
	float: left;
	width: 65%;	
}
body.page-id-91 .teammember-info {
	padding-top: 1em;
}
body.page-id-91 .teammember-container {
	position: relative;	
}
body.page-id-91 .teammember-container a.read-more-link {
	position: absolute;
	bottom: 1.5em;
	right: 1.5em;
	color: #ff9400;
	font-weight: bold;	
}
body.page-id-91 .teammember-container a.read-more-link:hover {
	color: #6d9cd8;
}
.teammember-info ul {
	padding-left: 20px !important;	
}
.teammember-info li {
	margin-bottom: 1em;	
}
/*===========================================================
	Internal Page Styles
	=======================================================*/
div.su-tabs-panes {
	overflow: hidden;	
}
div.su-tabs-panes ul{
    list-style-type: circle;
    padding: 10px 20px;
}
/* About Us Page Lists */
div.expert-img {
	float: left;
	display: inline-block;
	margin: 0em 1em 1em 0em;	
}
div.expert-content {
	float: left;
	display: inline-block;	
	width: 75%;
}
/* Mini Bio Boxes */
#mini-bio-boxes {
	margin-top: 1.5em;	
}
#mini-bio-boxes .teammember-container {
	margin-top: 1.5em;
	margin-bottom: 3.5em;
	padding: 1.5em 1.5em 2em 1.5em;
	position: relative;
	border: 1px solid #6d9cd8;
	width: 25%;
	float: left;
	margin-right: 1.5em;
	font-size: 11px;
	min-height: 320px;
	position: relative;
}
#mini-bio-boxes .teammember-info {
	float: left;
	width: 100%;
}
#mini-bio-boxes .teammember-container img {
	display: block;
	margin: 1em auto;
}
#mini-bio-boxes .teammember-container a.read-more-link {
	position: absolute;
	bottom: 1.5em;
	right: 1.5em;
	color: #ff9400;
	font-weight: bold;	
}
#mini-bio-boxes .teammember-container a.read-more-link:hover {
	color: #6d9cd8;
}
 /*	=============================================================
 	Blog Page Specific Styles (index.php)
 	============================================================*/
#blog-menu-container {
	max-width: 1150px;
	margin: 20px auto 0px auto;
}
	
#menu-blog-menu {
	border-bottom: double #ddd;
	border-top: double #ddd;
}
#menu-blog-menu ul {
	float: left;
	width: 100%;
}
#menu-blog-menu li {
	float: left;
	list-style-type: none;
	position: relative;
}
#menu-blog-menu a {
	color: #333;
	display: block;
	font-family: 'Oswald', arial, serif;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}
#menu-blog-menu a:hover {
	color: #ff9a0f;
}
#menu-blog-menu li a {
	background: #fff;
}
#menu-blog-menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}
#menu-blog-menu li:hover ul {
	left: 0px;	
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#menu-blog-menu li:hover ul li a {
	border-right: 1px solid #ddd;	
}
#menu-blog-menu li ul a {
	width: 130px;
}
#menu-blog-menu li ul ul {
	margin: -36px 0 0 159px;
}
.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}
.menu li:hover,
.menu li.sfHover {
	position: static;
}
ul.menu li:hover>ul,
ul.menu li.sfHover ul {
	left: auto;
}
.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}
body.blog div.postRgn,
body.archive div.postRgn {
	border-right: 1px solid #ddd;
}
body.blog .mainContentRgn,
body.archive .mainContentRgn {
	margin: 0px auto 0 auto;
}
body.blog article.post,
body.archive article.post {
	padding-top: 1.5em;
	padding-right: 1.5em;	
	width: 45%;
	float: left;
}
body.blog article.wide-post,
body.archive article.wide-post {
	width: 100%;
	padding-right: 0em;	
}
body.blog article.odd-post,
body.archive article.odd-post {
	clear: left;	
}
body.blog article.post h3.the-date,
body.archive article.post h3.the-date {
	color: #666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1.5em;
}
body.blog section.entry-content,
body.archive section.entry-content {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5em;
}
body.blog section.entry-content img,
body.archive section.entry-content img {
	margin: 0em 1.5em 1.5em 0em;
	display: block;
}
body.blog article.wide-post section.entry-content img,
body.archive article.wide-post section.entry-content img {
	margin: 0em 1.5em 1.5em 0em;
	display: inline;
	float: left;
}
body.blog article .the_post_categories,
body.archive article .the_post_categories {
	margin: .5em 0em;
	font-size: .8em;
}
body.blog article .the_post_categories a,
body.archive article .the_post_categories a {
	color: #ff9400;
}
body.archive .mainContentRgn h1 {	
	margin: 20px auto 0px auto;
}
body.blog .mainContentRgn h2,
body.archive .mainContentRgn h2 {	
	font-size: 1.6em;
	margin-bottom: 0px;
}
body.blog section.entry-content a.moretag,
body.archive section.entry-content a.moretag {
	color: #ff9400;	
}
.navigation {
	padding-top: 2.5em;	
	font-size: 16px;
}
.navigation .next-posts {
	float: right;
}
.navigation .prev-posts {
	float: left;
}
.navigation a {
	color: #ff9400;	
}
/* Blog Rss Feed */
div#sidebar {
	padding-top: 1.5em;	
}
#sidebar a.rsswidget {
	font-size: 1.2em;
}
#sidebar #rss-2 li {
	margin-bottom: 1.5em;
}
/* Single Blog Posts */
body.single .mainContentRgn h1 {
	font-family: 'Oswald', arial, serif;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 10px;
	color: #333;
	font-size: 48px;
}
body.single .post-info {
	color: #666;
	font-size: 14px;
	margin: -5px 0 15px;
}
body.single .post-info a {
	color: #ed702b;	
}
body.single .post-info a:hover {
	color: #333;	
}
body.single .after-post ul, 
body.single .entry-content ul {	
	padding: 0px;
	margin: 1.5em 0px;
}
body.single .after-post ul li, 
body.single .entry-content ul li {
	background: url(images/list.png) no-repeat top left;
	list-style-type: none;
	margin: 0 0 5px 20px;
	padding: 0 0 0 15px;
	word-wrap: break-word;
	line-height: 1.8em;
}

.sd-content ul li {
    margin: 0px !important;
    list-style-type: none !important;
    background: url() !important;
    padding: 0 0 0 5px !important;    
}

body.single .alignright {
	float: right;
	margin: 0 0 10px 15px;
}
body.single .alignleft {
	float: left;
	margin: 0 15px 10px 0px;
}
body.single caption {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}
body.single .wp-caption {
	padding: 5px;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}
body.single .expert-content a,
body.single .expert-content a:visited {
	color: #ed702b;
	text-decoration: none;
}
body.single .expert-content a:hover {
	text-decoration: underline;
}
body.single .expert-content a img {
	border: none;
}
body.single div.expert-content {
	float: left;
	display: inline-block;
	width: 100%; 
}
body.single input#submit {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	color: #fff;
	background-color: #ed702b;
	border: none;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin-top: 1em;
	margin-bottom: 1em;
}
body.single input#submit:hover {
	background: #999;
}
body.single h6 {
	font-family: 'Oswald', arial, serif;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 10px;	
}
body.single hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ddd;	
}
 /*	=============================================================
 	About Us Page Specific Styles
 	============================================================*/
#timeline-container {
	display: table;
	width: 100%;
	margin-top: 1.5em;
}
.year-container {
	display: table-row;		
}
#timeline-container .year {
	display: table-cell;
	vertical-align:middle;
	color: #fe9401;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	font-size: 3em;
	padding-right: .5em;
}
.year-separator {
	display: table-cell;
	vertical-align:middle;
	padding: 1em;
	background: url(images/timelineBG.gif) center repeat-y;	
}
.year-separator-top {
	display: table-cell;
	vertical-align: top;
	padding: 0em 1em 0em 1em;
	text-align: center;
	background: url(images/timelineBG.gif) center repeat-y;
}
.year-separator-top img {	
	margin-left: -1px;
}
.year-separator-bottom {
	display: table-cell;
	vertical-align:bottom;
	padding: 1.5em 1em 0em 1em;	
	text-align: center;
	background: url(images/timelineBG.gif) center repeat-y;
}
.year-separator-bottom img {
	margin-bottom: -3px;	
}
.year-separator img {
	 max-width: inherit;
	 min-width: inherit;
}
.year-copy {
	display: table-cell;
	vertical-align:middle;
	padding-top: 1.5em;
	padding-bottom: 1.5em;	
    border-bottom: solid .2em #6d9cd8;
}
.year-copy p,
.year-copy li {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #5d5d5d;	
	padding-left: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style: none;
}
.year-copy ul {
	margin: 0px;
	padding: 0px;	
}
.year-copy a {
	border-bottom: dotted 1px #5d5d5d;	
}
.year-copy a:hover {
	color: #fe9401;
	border-bottom: dotted 1px #fe9401;	
}
/* ===============================================
	Comment Specific Styles
	============================================*/
div.comment-container {
	clear: both;	
	margin-top: 3em;
}
/* Comments
------------------------------------------------------------ */
#comments,
#respond {
	margin: 0 0 15px;
	overflow: hidden;
}
#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}
#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}
.ping-list {
	margin: 0 0 40px;
}
.comment-list ol,
.ping-list ol {
	padding: 10px;
}
.comment-list li,
.ping-list li {
	list-style-type: none;
	margin: 15px 0 5px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}
.comment-list li,
.ping-list li {
	color: #ed702b;	
}
.comment-list li a:hover,
.ping-list li a:hover {
	text-decoration: underline;	
}
.comment-list li ul li {
	list-style-type: none;
	margin-right: -16px;
}
.comment-content p {
	font-size: 14px;
	margin: 0 0 20px;
}
.comment-list cite,
.ping-list cite {
	font-style: normal;
}
.commentmetadata {
	font-size: 12px;
	margin: 0 0 5px;
}
.reply {
	font-size: 14px;
	font-weight: 300;
}
.nocomments {
	text-align: center;
}
#comments .navigation {
	display: block;
}
li.bypostauthor {
  	border: 1px solid #ED702B;
}
.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}
.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}
.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 5px 0 0 10px;
}
.avatar {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}
li .says {
	color: #333;	
}
h3#comments,
h3#trackbacks {
	font-family: 'Oswald', arial, serif;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 10px;	
	font-size: 30px;
	color: #333;
}
ol.comment-list {
	margin-bottom: 3em;	
}
cite.fn {
	font-size: 1.2em;	
}


/*===========================================
	Service Page Specific Styles
  ==========================================*/
body.page-template-page-services-php .shViHolder {
 	min-height:200px;
 	max-height: 350px;
 	width:100%;
 	margin:0 auto 0 auto;
 	z-index:1;
 	padding-bottom:4px;
 	overflow:hidden;
	position: relative;
	background-size: cover;
 }

body.page-template-page-services-php .shViOvContent {
	max-width: 1100px;	
	height: auto;
	margin: 0 auto 0 auto;
	text-align: center;
	z-index: 199;
	padding-top: 5em;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 2em;
}




                 
   /*---- MEDIA QUERIES --*/
 @media only screen and (max-width:680px) {
 #wrapper {	
 		min-width: inherit;
 	}
 	
  .shViHolder {
 	 height:150px;
 	 overflow:hidden;
 }
 
 body.page-template-page-services-php .shViHolder {
	 height: inherit;
 	 overflow: visible;
 }
 
 .mainContentRgn {
  min-height:400px;
 }
 #viranteVid {
 display:none;
 }
 .sideBarRgn {
  width:90%;
  margin:20px 10px;
  padding-top:20px;
  border-top:dotted 1px #e2e2e2;
 }
 .postRgn {
  width:90%;
 }
  .shViOvContent h3 {
  font-size:1.75em;
 }
  .shViOverlay {
  opacity:100;
 }
 .headerContent {
  height:auto;
  padding:0;
  margin:0;
 }
  .headerLogo {
  margin:0 auto 0 auto;
  text-align:center;
 }
  .headerLogo img {
 }
  .headerContact {
  margin-top:10px;
  margin-left:20px;
  float:right;
 }
  .contactInfo {
 float:left;
 }
  .contactText {
  display:none;
 }
  .contactIcon {
 width:15%;
 margin-bottom:2px;
 }
  .badgeBlock {
  	clear: both;
 	}
 .badgeLogo {
 	width: 66%;
 	height: auto;
 	float: none;
 	display: block;
 	margin: .5em auto;
 	text-align: center;
 }
 .blogsBlock {
  width:100%;
  padding:0 10px 0 10px;
 }
 .blogColLeft {
  width: 90%;
  text-align:center;
  margin-bottom:10px;
 }
 .blogColRight {
  width: 90%;
  padding-top:25px;
  margin-top:20px;
  margin:0;
 }
 .blogDesc {
  display:none;
 }
 .blogListing {
  height:auto;
  margin:0;
 }
 .blogPhoto {
  width:10%;
 }
 .blogRgn h4 {
  font-size:1.25em;
 }
 .footerContent {
  width:100%;
  height:auto;
 }
 .footerColumn {
  /*display:none;*/
 }
 .viranteInfo {
  display:none;
 }
 .footerSoCont {
  width:58%;
  padding-top:10px;
 }
 .socIcon {
  float:right;
  width:12%;
 }
 .footerLinkHead p a {
  font-size:1em;
 }
  .serviceBlock {
 }
 .svcBlkCircles {
  display:none;
  width:85%;
 }
 .svcBlkCats {
  width:85%;
 }
 .svcBlkImage {
  width:12%;
  height:12%;
  margin-left:8px;
 }
 #mini-bio-boxes .teammember-container {	
	width: 90%;	
}
 }
  @media only screen and (min-width: 681px) and (max-width:992px) {
  .sideBarRgn {
  width:90%;
  margin:20px 10px;
  padding-top:20px;
  border-top:dotted 1px #e2e2e2;
 }
 .postRgn {
  width:90%;
 }
 .shViHolder {
 	height:220px;
 	overflow:hidden;
 }
 
 body.page-template-page-services-php .shViHolder {
	 height: inherit;
 	 overflow: visible;
 }
 
  .shViOvContent h3 {
  font-size:2em;
 }
 .headerContact {
  width:30%;
  margin-top:12px;
  float:right;
 }
 .contactIcon {
  width:10%;
 }
  .contactText h3 {
 font-size:1em;
 font-weight:bold;
 }
 .blogColRight {
  padding-left:20px;
  margin:0;
 }
 .blogDesc {
  display:none;
 }
 .blogTitle {
  width:70%;
 }
 .footerSoCont {
  width:15%;
 }
 .socIcon {
  margin:0;
  padding:0;
 }
 .socIcon img {
  width:80%;
 }
 .viranteInfo {
  margin:0;
 }
  .svcBlkCircles {
 display:block;
 }
  .svcBlkImage {
  width:12%;
  height:12%;
  margin-left:6px;
 }
  .svcBlkCats h1 {
  font-size:1.5em;
  padding-top:4px;
  padding-left:4px;
 }
  .svcBlkCats {
  width:23%;
 }
 }
  @media only screen and (min-width: 993px) and (max-width:1800px) {
  .shViOvContent h3 {
  font-size:2.5em;
 }
 }
 /*=============================================================
 	Media Queries
   ===========================================================*/
 /* Super Widescreen */
 @media (min-width: 1391px) {
 }
   
 /* Large desktop */
 @media (min-width: 1200px) and (max-width: 1390px){  
 }
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 1199px) {
 	#viranteVid {
 	display: none;
 }  
 body.home .shViHolder {
 	
 }
 }
  
 /* Landscape phone to portrait tablet */
 @media (max-width: 767px) {
 body.home .shViHolder {
 	
 }
 	 
 #viranteVid {
 	display: none;
 }
 .blogColLeft {
  margin-bottom: 30px;
 }
 footer li {
	width: inherit; 
 }
 
 .footerColumn {
 	width: 100%;
 	float: none;
 	display: block;
 	margin: 30px 0px;
 	clear: both;
 	text-align: center;
 }
 .footerSoCont {
 	 width: 90%;
 	 padding-top: 10px;
 	 text-align: center;
 }	
 .viranteInfo {
 	float:none;
 	font-size:1.1em;
 	clear: both;
 	width: 50%;
 	margin: 1.5em auto;
 }
 .socIcon {
 	width: 40px;
 	height: 40px;
 	float: none;
 	display: inline-block;
 	margin-left: 4px;
 }
 }
 
 @media (max-width: 1026px) {
	 body.blog div.postRgn, body.archive div.postRgn {
		width: 90%;
		float: none;
		display: block;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: auto;
		margin-left: auto;
		border: none;
	}
	
	body.blog article.post, body.archive article.post {
		padding-top: 1.5em;
		padding-right: 0em;
		width: 100%;
		float: none;
	}
	
	
 }
 
 @media (max-width: 680px) { 
 	a.carousel-prev,
 	a.carousel-next {
 		display: none !important;	
 	}
 }
  
 /* Landscape phones and down */
 @media (max-width: 480px) {  
 body.home .shViHolder {
 	
 }
 .blogListing {
 	width: 100%;
 	height:70px;
 	margin: 10px 0px 10px 0px;
 	float:left;
 }
 .blogPhoto {
 	display: none;
 }
 .blogTitle {
 	width: 100%;
 	float:left;
 	display:block;
 	padding: 10px 0 0 0;
 }
 .blogColLeft {
  margin-bottom: 30px;
 }
 .blogColRight {
 	width: 85%;
 }
 .footerSoCont {
 	width: 80%;
 	 display: inline-block;
 	 padding-top: 10px;
 	 text-align: center;
 }
 div.contactboxmid input,
div.contactboxmid textarea {	
	width: 98%;	
}
div.contactboxmid input[type=submit] {
	width: 98%;		
}
.teammember-container h4 {
	display: inline-block;
	color: #6d9cd8;
	padding: .25em .5em;
	background: #fff;
	position: absolute;
	top: -16px;
	left: 6%;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
}
.teammember-container img {
	margin: 1.5em auto;
	float: none;
	display: block;
}
  
.teammember-info {
	float: none;
	width: 100%;	
}
.teammember-info ul {
	padding-left: 20px !important;	
}
.teammember-info li {
	margin-bottom: 1em;	
}
#timeline-container .year {	
	font-size: 1.5em;
	padding-right: 0em;
}
section.entry-content #timeline-container ul {
	padding-left: 0px;
}
 
 }
 @media (max-width: 416px) { 
 .contactInfo {
 	width: auto;
 	margin: 4px auto 0 auto;
 	float: none;
 	display: inline-block;
 }
  
 .headerContact {
 	width: auto;
 	margin:0px;
 	float: none;
 	clear: both;
 	text-align: center;
 	padding-bottom: 1.5em;
 }
 .contactIcon {
 	float: left;
 	display: inline-block;
 	margin: 8px;
 	width: auto; 
 	margin-bottom: 2px;
 	}
 }
 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { *zoom: 1; }
 @media (max-width: 681px) {  
	body.home div.badgeRgn {
		display: none;	
	}
 }
 
 /* New Footer Media Queries */
 @media (max-width: 1140px) { 
 	#new-blog-region #left-side-blog {
		width: 100%;
		float: none;
		clear: both;
		background: none;
		background-size: cover;
		min-height: inherit;
	}
	
	#new-blog-region #left-side-blog #blog-roll-container a {
		display: inline-block;
		text-align: center;
		min-width: 200px;	
	}
	
	#new-blog-region #left-side-blog #blog-roll-container {
		float: none;
		padding: 1.5em;		
	}
	
	#new-blog-region #right-side-blog {
		width: 100%;
		float: none;
		background: none;
		min-height: inherit;
	}
	
	#right-side-blog-content {
		padding: 1em 1.5em;
		width: 85%;
	}
 }