/*
	Theme Name: Bowtie
	Theme URI: http://themeforest.net/item/bowtie-business-and-portfolio-theme/350263
	Author: Jami Gibbs
	Author URI: http://themeforest.net/user/JamiGibbs
	Description: Clean business theme with portfolio.  Painstakingly crafted for your business or studio.
	Version: 2.8
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Designed & Developed by Jami Gibbs for ThemeForest.com
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

@import url("css/fonts.css");

#twitter .timeline .timeline-header,
.var-narrow .timeline-header {display:none;}

#banner {text-align: center; margin-left: 20px;}

body{font-weight:400;font-family: 'Lato'; font-style: normal;font-size:15px;line-height:22px;position:relative;float: left;width: 100%;color:#585858;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lato', arial, sans-serif;color:#333333;font-weight:400;}

.clear {clear:both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.margin-bottom {margin-bottom:20px;}
.rightalign {text-align:right;}

.image-fade img {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.image-fade img:hover{
opacity: .8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

/* Sticky Footer - http://ryanfait.com/sticky-footer */
html, body {height: 100%;}
#body-wrap {height: auto !important;height: 100%;/*margin: 0 auto -142px;*/ /* the bottom margin is the negative value of the footer's height */}
.footer {height: 142px; /* .push must be the same height as .footer */}
/* End Sticky Footer */

/*------------------------------------------------*/
/*	Header
/*------------------------------------------------*/
header {margin-top:20px;height:100%; }
#top-bg {height:0px;background:url(images/bg-top.png) repeat-x;width:100%;}
.search-bar {display:none;float:right;position:absolute;top:5px;right:100px;z-index:1000;}
.search-field {}
.search-field fieldset {margin:0;text-align:right;}
.search-field #searchform input {
	margin:0px 1px 0px 1px;
	width:570px;
	padding:5px 15px 5px 15px;
	border:none;
	background-color:#eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.search-button img {width:30px;height:30px;margin:10px;cursor:hand;cursor:pointer;}
.search-button {margin-right: 20px;width:50px;height:50px;float:right;}



/*------------------------------------------------*/
/*	Navigation 
/*------------------------------------------------*/
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute;top:-999em;width:200px;margin-top:10px;background:#fff;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;padding-right:2em;cursor:hand;cursor:pointer;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.3em;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:16.7em;top:0;}

#top_nav {/*margin-top:20px;*/}
.sf-menu a {font-family:'Lato', arial, serif;color:#8a8a8a;font-size:16px;padding: .75em 1em;text-decoration:none;font-weight:300;}
.sf-menu a, .sf-menu a:visited {color:#8a8a8a;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;color: #333333!important;}
.sf-menu a.active {color:#000;}

.sf-menu li.current-menu-parent a  {color: #333333!important;}
.sf-menu ul.sub-menu a {color: #8A8A8A!important;border-bottom:1px dashed #E6E6E6;}
.sf-menu ul.sub-menu :last-child a {border-bottom:none;}
.sf-menu ul.sub-menu a:hover, .sf-menu ul.sub-menu a:focus,.sf-menu ul.sub-menu a:active, .sf-menu ul.sub-menu li.current-menu-item  a {color: #333333!important;}

/* arrows */
.sf-menu a.sf-with-ul {padding-right:1em;padding-left:0;in-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:0.2em;top:1.05em; /* IE6 only */width:10px;height:	10px;text-indent:-999em;overflow:hidden;background:	url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:1.0em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

.sf-menu .sub-menu a {font-size:18px;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	#fff;border: 1px solid #dbdbdb;width: 250px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*  Magic Line */
#top_nav {position:relative;}
#top_nav li {z-index:1000;}
.current-menu-item  a {color: #333333!important ;}
#magic-line{list-style:none;display:inline-block;position: absolute; top: 0; left: 0; width: 100px; z-index: 100; float:none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
} 

/*------------------------------------------------*/
/*	Slider Styles
/*------------------------------------------------*/
#slider{width:100%;margin:20px 0 25px 10px;float:left;position:relative;z-index:1;display:none;}
#slider p {color:#A1A1A1;}
.slider-wrap {width:940px;position:relative;z-index:1;overflow:hidden;}
#slider .hentry{margin:0;}
#slider .entry-content{width:940px;border:none;padding:0;}
#slider .entry-content a {border: none;}

#slider img.alignright { margin: 10px 0 0 20px; }
#slider img.alignleft { margin: 10px 25px 0 0; }

.slides-nav {width: 940px;float: left;}


/* Pagination */
.pagination{width:80px;margin:0 auto;}
.pagination li{float:left;list-style:none;margin:0 1px;}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(images/slider/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a{background-position:0 -12px;}

/* Slider Content */
.slide-content {}
.slide-content h3 {color:#565656;font-size:18px;}
.slide-content p {color:#a1a1a1;text-align: justify;}
.slide-content p:first-of-type {margin-top:20px;}

.slide-button  {margin-top:5px;}
.slide-button .fadeThis {position:relative;display:block;height: 42px;width: 140px;background:url(images/button-slider.png) 0 0 no-repeat;}
.slide-button .hover {position: absolute;top: 0;left: 0;display: none;height: 42px;width: 140px;background:url(images/button-slider.png) 0 -42px no-repeat;}

/* Team Members */
.team-member-bg {background:url(images/bg-team.png) 0 0 no-repeat;width:220px;height:220px;}

.first-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/first-member.png) 0 0 no-repeat;}
.first-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/first-member.png) 0 -220px no-repeat;}

.second-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/second-member.png) 0 0 no-repeat;}
.second-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/second-member.png) 0 -220px no-repeat;}

.third-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/third-member.png) 0 0 no-repeat;}
.third-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/third-member.png) 0 -220px no-repeat;}

/* Nivo Slider */
#slider-wrapper {width:940px;height:300px;margin:0 auto;margin-bottom:45px;}
#slider-nivo{position:relative;width:940px;height:300px;background:url(images/sider/nivo/loading.gif) no-repeat 50% 50%;margin:30px 0 0;
-moz-box-shadow:0 0 5px #333;
-webkit-box-shadow:0 0 5px #333;
box-shadow:0 0 5px #333;}
#slider-nivo img{position:absolute;top:0;left:0;display:none;}
#slider-nivo a{border:0;display:block;}
#slider-nivo .slide a{border:0;width:940px;height:300px;}
.nivo-slice,.nivo-box{position:absolute;}
.nivo-controlNav{position:absolute;left:47%;bottom:-30px;}
.nivo-controlNav a{display:block;width:10px;height:10px;background:url(images/slider/nivo/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:-10px 0;}
.nivo-caption{text-shadow:none;background-color:#fff;position:absolute;top:250px;z-index:10;width:940px;height:50px;}
.nivo-caption p{font-family:'Lato', arial, sans-serif;font-size:18px;font-weight:300;color:#333;padding:15px 0 0 20px;}

/* The Nivo Slider styles */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;}

/* The slices in the Slider */
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}

/* Caption styles */
.nivo-caption{position:absolute;left:0;bottom:0;background:#fff;color:#333;opacity:0.8px;width:100%;z-index:89;}
.nivo-caption p {padding:15px 0 0 20px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/*------------------------------------------------*/
/*	Call to Action
/*------------------------------------------------*/
.inner-cta-wrap{width:100%;height:125px; background:url(images/bg-inner-header.png) 0 0 repeat-x #b1b4b6;}
.inner-cta-wrap #call-to-action  h2  {padding-top:35px;}
.cta-wrap{height:40px;/*background:url(images/bg-cta.png) 0 0 repeat-x #b1b4b6;*/}
#call-to-action {width: 570px;margin-top: 20px;}
#call-to-action h2 {color:#ececec;font-style:italic;font-weight:400;}
#call-to-action h2 a {color:#ffffff;}
#call-to-action h2 a:hover {#458AB3;}

.cta-button {position:relative;top:10px;}
.cta-button .fadeThis {position:relative;display:block;height: 42px;width: 140px;background:url(images/button-cta.png) 0 0 no-repeat;}
.cta-button .hover {position: absolute;top: 0;left: 0;display: none;height: 42px;width: 140px;background:url(images/button-cta.png) 0 -42px no-repeat;}

.cta-info {background:url(images/bg-cta-info.png) 0 0 no-repeat;height:200px;width:380px;}
/*.cta-empty {margin:25px 0 -20px 0;}*/
.cta-empty hr {margin:0px;}

/*------------------------------------------------*/
/*	Home Page Content
/*------------------------------------------------*/
#body-wrap {height:50%;}
.hr-pattern {background:url(images/hr-pattern.png) 0 0 repeat-x;height:17px;}
.blog-page-post .hr-pattern {margin-bottom:10px;}
.post-info-wrap {margin-bottom:10px;}
.blog-page-post .featured-image {float:right;}

/* Home Portfolio */
#home-content-wrap {min-height:175px;}
#home-portfolio {margin-top:30px;margin-bottom:0;}
#home-portfolio hr {margin-top:10px;}
#home-portfolio img:hover {border:5px solid #cccccc;}
#home-portfolio h4 {color:#fff;margin:10px 0 5px 0;font-size:16px;}
#home-portfolio p {color:#8b8b8b;font-size:13px;font-family: 'Lato', arial, serif;font-style:italic;margin-bottom:0;}
#home-portfolio #portfolio {margin-top:5px;}

#home-portfolio ul#filter {list-style: none;float: left;border:1px solid #dddddd;padding:5px 20px; }
#home-portfolio ul#filter li {float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;margin-left:0;}
#home-portfolio ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
#home-portfolio ul#filter a { color: #999; text-decoration: none;font-family: 'Lato', arial, serif;font-size:13px;text-transform:uppercase;font-weight:300; }
#home-portfolio ul#filter li.current a { border-bottom:none; }
ul#filter a:hover  {border-bottom:1px dotted #000;}
#home-portfolio ul#filter li.current a { color:#73a4c0; }
#home-portfolio span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:13px;position:relative;top:8px;font-weight:300;}

#home-portfolio .portfolio h4 {font-size:15px;margin:15px 20px 10px 0;}
#home-portfolio ul#portfolio { float: left; list-style: none; margin: 13px 0 0 0; }
#home-portfolio ul#portfolio #id-2 div.type-portfolio {float:right;}
#home-portfolio ul#portfolio #id-3 div.type-portfolio {float:right;}
#home-portfolio ul.portfolio li {margin-left: 0;padding: 0 0;}
#home-portfolio ul.portfolio a {width: 100%; }
#home-portfolio ul.portfolio a:hover {text-decoration: none; }
#home-portfolio ul.portfolio img {}
#home-portfolio .portfolio-details {margin-top:20px;}
#home-portfolio .details {margin-left:20px;}
#home-portfolio .details h4 {color:#458ab3;font:14px/16px 'Droid Sans',arial,sans-serif;}
#home-portfolio .details a {padding-left:20px; width:190px;color:#fff;line-height:16px;display:none;}
#home-portfolio .details span {padding-right:10px;color:#fff;}
#home-portfolio .more-info div {float:left;}
#home-portfolio ul.portfolio  .portfolio_three_columns {margin-left:0!important;margin-right:10px!important;}

/* Home Blog */
#home-latest-blog {margin-top:15px;}
#home-blog-post-wrap, #dev-blog-post-wrap {margin-top:15px;}
#home-latest-blog .hr-pattern, #home-portfolio .hr-pattern, #dev-latest-blog .hr-pattern, #dev-resources .hr-pattern {margin-top:4px;}
#dev-resources>div {margin-bottom:15px;}
#home-blog h3, #dev-blog h3 {line-height:18px;font-size:18px;}
#home-blog p.home-meta, #dev-blog p.home-meta {color:#666;}
#home-blog .home-meta a, #dev-blog  .home-meta a {color:#333;}
#home-blog .home-meta a:hover, #dev-blog .home-meta a:hover {color:#000000;}
#home-blog img, #dev-blog img {border:1px solid #CCCCCC;padding:2px;}
#home-blog img:hover, #dev-blog img:hover {border:1px solid #b5b5b5;}
#blog-title h3 {font-size:24px;color:#4a4949;border-bottom:1px solid #d9d9d9;padding-bottom:10px;}
#blog-title span, #blog-title  a {color:#7b7b7b;}
#blog-title  a  {font-style:italic;}
#blog-title p, #dev-blog-title p {background:url(images/arrow-circle.png) 200px 0px no-repeat;margin-top:20px;}
#blog-title a:hover {color:#4D778F;}
#home-blog .home-meta, #dev-blog .home-meta {margin:-5px 0 20px 0;}

.blog-item img:hover {border:5px solid #cccccc;}
.blog-item h4 {color:#5f5f5f;margin:10px 0 5px;font-size:20px;}
.blog-item p {color:#8b8b8b;font-size:13px;text-align: justify;}
.blog-item  p.meta {color:#8b8b8b;font-size:10px;margin-bottom:10px;}
.blog-item .meta a {color:#585858;}
.blog-item .meta a:hover {color:#000;}
#home-blog .read-more, #dev-blog .read-more {font-style:italic;color:#7b7b7b;margin-left:10px;}
#home-blog .read-more:hover, #dev-blog .read-more:hover {color:#000;}
.home-post-content .more-link, .dev-post-content .more-link {float:right;margin-right:50px;position:relative;top:0px;}
.dev-post-content {margin-bottom:20px;}
.more-link {position:relative;top:-15px;}

#blog-list {margin-top:-2px;}
#blog-list td, #blog-list table {border:none;vertical-align: middle;}
#blog-list tr {border-bottom:1px dashed #E2E2E2;}
#blog-list tr:last {border-bottom: none;}
#blog-list h3 {border-bottom:1px solid #e7e7e7; margin: 0 0 2px; padding-bottom: 8px;font-size:18px;}
#blog-list h4 {line-height:14px;margin-top:10px;}
#blog-list h4 a {font-weight:300;font-family: 'Lato'; font-style: normal;color:#4D4D4D;font-size:15px;line-height:22px;}
#blog-list h4 a:hover {color:#4d778f;}
#blog-list .thumbnail {width:34px;}

/*  Image Hover Effect - www.buildinternet.com/project/mosaic */
.mosaic-block-wrap {height: 117px;width: 204px;border: 1px solid #d6d6d6;padding: 2px;}
.mosaic-block{float:left;position:relative;overflow:hidden;width:204px;height:117px;background:#111 url(images/progress.gif) no-repeat center center;border:5px solid #dfdfdf;margin-bottom:10px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block:hover {border:5px solid #d5d5d5;}
.mosaic-backdrop{display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.mosaic-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
.fade .mosaic-overlay {background:url(images/bg-black.png);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
}
.circle .mosaic-overlay {background:url(images/hover-magnify.png) no-repeat center center;display:none;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
}
.details h4 {font-size:15px;margin: 15px 0 10px 0;color:#fff;}
.details p {padding:0 20px;text-align:justify;}
.details p {font-size:13px;}


/*  Home Services */
#home-services {margin-top:15px;}
#home-services-wrap {margin:15px 0 10px 0;}
#home-services .hr-pattern {margin-top:4px;}
#home-services .grid_12 h3, #home-latest-blog .grid_12 h3, #dev-latest-blog .grid_12 h3, #dev-resources .grid_12 h3 {min-width:160px;text-transform:uppercase;padding-right:20px;float:left;background-color:white;}
.service h4 {border-bottom: 1px solid #dddddd;padding-bottom:10px;margin-bottom:15px;font-size:18px;}
.service img {margin-top:3px;}
.service p {margin-top:15px;margin-bottom:0;}
.service span.read-more {margin-right:10px;float:right;}
.service span.read-more a {color:##B21319;}
.service span.read-more a:hover {color:#B21319;}

/*------------------------------------------------*/
/*	Inner Pages
/*------------------------------------------------*/
/* Wordpress Styles */
img.alignright {float:right; margin:0 0 10px 10px }
img.alignleft {float:left; margin:0 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px}
a img.alignleft {float:left; margin:0 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {text-align: center;margin: 10px 10px 10px 10px;font-style: italic;}
.wp-caption-text {margin: 0;padding: 5px;}
.sticky {background:#fff;}
.gallery-caption {margin-left: 0;}

/*  Page Title */
#cta-top h2.inner-title {font-size:40px;}

/*  Single */
.blog-content-wrap {margin-top:-10px;}
h3.post-title {font-size:30px;color:#333333!important;margin-top:-10px;}
#post-content-wrap .featured-image {padding:15px;float:right;}
#post-content-wrap .blog-page-post .featured-image {padding:0;border:none;}
#post-content-wrap .blog-page-post .featured-image img {border:1px solid #ccc;padding:2px;}

#right-sidebar-content-wrap .featured-image {margin-bottom:15px;}
#right-sidebar-content-wrap .widget-block h2 {font-size:18px;}
#right-sidebar-content-wrap .widget-block p,
#right-sidebar-content-wrap .textwidget {color:#585858;}

#content {margin:20px 0;}
#content p {margin:10px 0 20px 0;line-height:22px;}
.content {margin:0 0;}
.content p {margin:20px 0;}
.content .hr-pattern {margin-bottom:20px;}
.content .more-link {float: right;font-style:italic;text-transform:lowercase;}
.content .more-link:hover {color:#458ab3;}

/* Breadcrumbs */
#breadcrumb-wrap {margin:5px 0 20px 10px;}
#breadcrumb-wrap {color:#abaaaa;font-style:italic;margin:10px 0 15px 10px;font-weight:300;}
#breadcrumb-wrap a {color:#666;}
#breadcrumb-wrap a:hover {color:#000;}

/* Meta */
#post-content-wrap .meta ul, #post-content-wrap .meta-page ul {list-style:none;margin-bottom:5px;}
#post-content-wrap .meta ul li, #post-content-wrap .meta-page ul li {float:left;margin-left:0;color:#666;}
#post-content-wrap .meta ul li a, #post-content-wrap .meta-page ul li a {color:#666;}
#post-content-wrap .meta ul li a:hover, #post-content-wrap .meta-page ul li a:hover {color:#000;}
#post-content-wrap .meta p {margin:0;}
#post-content-wrap .meta {margin-bottom:-20px;}
#post-content-wrap .meta .meta-categories {
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: transparent;
	height: 14px;
	font-size: 11px;
	vertical-align: middle;
	display: inline-block;
	color: #5e5e5e;
	text-decoration: none;
	padding: 3px 5px 2px 19px;
	white-space: nowrap;
	overflow: visible;
	background-position: 0 -8px;
	line-height: 12px;
	zoom:1.3;
	margin: 3px;
}
#post-content-wrap .meta-page {height:30px;}

/* Tags Single Post */
#post-tags {color:#999;border-top:1px solid #E6E6E6;height:40px;font: italic 13px/18px "Droid Serif", Georgia, Times, serif;padding-top:10px;margin-top:20px;}
#post-tags a {color:#999;}
#post-tags a:hover {color:#4D778F;}

.post #content .wp-caption {
    max-width: 100%;
}

.post #content img {
    max-width: 100%;
    height: auto;
}

/*  Author */
.grid-hr {background:url(images/bg-author.png) repeat-x;height:17px;}
#post-author  {margin-bottom:20px;color:#585858;}
#post-author img {margin:25px 15px 25px 0;border:1px solid #ccc;padding:2px;float:left;}
#post-author img:hover {border:1px solid #999;}
#post-author p {margin-bottom:5px;}
#author-details {margin-top:20px;}
#post-author a {color:#4D778F;}
#post-author a:hover {color:#000;}

/*  Blog Page */
.hr-blog-page {background:url(images/bg-author.png) repeat-x;height:17px;margin-bottom:20px;}
h3.blog-page-title {font-size:30px;color:#3c3c3c;margin-bottom:20px;}
.blog-page-meta ul {list-style:none;margin-bottom:0px;}
.blog-page-meta ul li {margin-left:0;color:#838383;font-size:11px;}
.blog-page-meta ul li a {color:#515151;}
.blog-page-meta ul li a:hover {color:#000;}
.blog-read-more {position:relative;top:5px;}

.calendar {background:url(images/calendar.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.comment-bubble {background:url(images/comments.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.cat-icon {background:url(images/categories.png) 0 0 no-repeat;padding:0 0 10px 20px;}

.blog-page-meta .blog-tags {color:#999;}
.blog-page-meta p.tags {font: normal 10px/20px sans-serif;margin:5px 0 0 0;}
.blog-page-meta p.tags span.jg-tags {padding: 0px 0px 0 5px;margin: 5px 0 0 0;background: #efefef;display: inline-block;border: 1px solid #dadada;}
.blog-page-meta p.tags span.jg-tags:hover {border: 1px solid #ccc;}
.blog-page-meta p.tags span.jg-tags a {text-decoration: none;padding: 0px 8px 0px 2px;background: #efefef;display: inline-block;color:#a0a0a0;}
.blog-page-meta p.tags span.jg-tags a:hover {color: #333;}
.blog-excerpt {margin-bottom:20px;}
.blog-excerpt p {margin:15px 0;}

/* Pagination */
#post-content-wrap .pagination{clear:both;height:50px;margin-top:30px;padding-top:15px;width:100%;}
#post-content-wrap .pagination span.pages{text-transform:uppercase;border:none;color:#565555;font-size:10px;padding:10px 10px 10px 0;}
#post-content-wrap .pagination a,#post-content-wrap .pagination a:link,#post-content-wrap .pagination a:visited,#post-content-wrap .pagination span.current,#post-content-wrap .pagination span.extend{background:none repeat scroll 0 0 #FFF;border:1px solid #C8C8C8;border-radius:3px 3px 3px 3px;color:#444;font-size:11px;margin:1px;padding:10px;}
#post-content-wrap .pagination a:hover{border:1px solid #999;}
#post-content-wrap .pagination span.current{border:1px solid #999;color:#777;font-weight:700;margin:1px;padding:10px;}

/* Search */
.screen-reader-text {display:none;}
#searchform input {width:300px;height:30px;padding-left: 15px;}

/* Archive */
.archive-wrap { min-height: 180px; }
.archive-wrap .content p {margin-top:0;}

/*------------------------------------------------*/
/*	Contact Form
/*------------------------------------------------*/
.wpcf7-form p {text-align:justify;margin-bottom:0px!important;display:block;}
.wpcf7-form-control-wrap h3 {font-size:26px;margin:20px 0;}
.wpcf7-form-control-wrap  label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 120px;}
.wpcf7-form-control-wrap label img {border:0 none;margin-left:-9px;}
.wpcf7-form-control-wrap  input, .wpcf7-form-control-wrap  textarea, .wpcf7-form-control-wrap  select {margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0;position:relative;border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px; -webkit-border-radius:2px;}   
.your-message textarea {position:relative;bottom:0px;}
span.wpcf7-not-valid-tip {width:245px!important;height:23px;color: #e4a7a7;font-family: 'Droid Sans';font-size: 13px!important;padding:5px 5px 5px 20px!important;border:2px solid #FF0808!important;top:15%!important;}
div.wpcf7-validation-errors {display:none!important;}
div.wpcf7-mail-sent-ng {border: 2px solid #FF0000;float: left;margin: 40px 0 0!important;width: 300px;}
/* div.wpcf7-mail-sent-ok  {float: left;margin: 40px 0 0!important;width: 230px;height:18px;padding:0.8em 1em!important;} */

.wpcf7-form-control-wrap  input:focus, .wpcf7-form-control-wrap  textarea:focus, .wpcf7-form-control-wrap  select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.wpcf7-submit {cursor: pointer; border: 1px solid #222; background:#333; color:#fff; width:100px;height:30px;padding:0;border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px; -webkit-border-radius:2px;float: right;margin-right: 8px;}
.wpcf7-submit:hover {background:#444;}
.wpcf7-form-control-wrap  legend { padding:20px 0; font-weight:bold; color:#000;}
.wpcf7-form-control-wrap  span.required{ font-size: 13px; color: #ff0000; float:left; } /* Select the colour of the * if the field is required. */
.wpcf7-form-control-wrap label.addition {font-size:16px;color:#666;width:70px;}
.wpcf7-form-control-wrap input#verify {margin:0 0!important;padding:5px;}

/* Style for the error message */
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; line-height: 22px; background: #FBE3E4 url(../includes/assets/error.gif) no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }
ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }
.loader { padding: 0 10px; }
#contact #success_page h1 { background: url(../includes/assets/success.gif) left no-repeat; padding-left:22px; }
acronym {}

/*  Contact Sidebar Details */
#contact-sidebar h3 {font-size:22px;padding:25px 0 0 0;margin-bottom:20px;color:#000;}
#contact-sidebar h5 {padding:10px 0 0 0;color:#000;}
#success_page h3 {padding:10px 10px;background:#E8E8E8;color:#4D778F;}
#success_page p {margin:20px 0 0;}

/*------------------------------------------------*/
/*	Comments - http://cdharrison.com/2008/12/03/threaded-comments/ 
/*------------------------------------------------*/
.comment-body {border-top:1px solid #e6e6e6;padding-top:10px;}
.comment-body p{position:relative;margin:10px 0 10px 80px;}
.comment-body a {color:#0083c7;}
.comment-body a:hover {color:#0083c7;}

#comments .grid-hr {background:url(images/bg-author.png) repeat-x;height:17px;position:relative;bottom:30px;margin-top:70px;}

#comments h3#comments-title {margin:10px 0 30px 0;}
#comments ol.commentlist {list-style:none;margin-bottom:40px;}
#comments ol.commentlist li {margin-left:0;position:relative;}
#comments ol.commentlist li.alt {}
#comments ol.commentlist li.bypostauthor {}
#comments ol.commentlist li.byuser {}
#comments ol.commentlist .cancel-comment-reply {float:right;}
#comments ol.commentlist .cancel-comment-reply a {padding:5px;border:1px solid #efefef;color:#C6C6C6;}
#comments ol.commentlist .cancel-comment-reply a:hover {border:1px solid #ccc;color:#333;}
#comments ol.commentlist li.comment-author-admin {}
#comments ol.commentlist li.comment {min-height:80px;}
#comments ol.commentlist li.comment p {}
#comments ol.commentlist li.comment div.comment-author {}
#comments ol.commentlist li.comment em.comment-awaiting-moderation {position:absolute;}
#comments ol.commentlist li.comment div.vcard {float:left;}
#comments ol.commentlist li.comment div.vcard cite.fn {color:#515151;float:left;margin:0 5px 0 80px;font-style:normal;}
#comments ol.commentlist li.comment div.vcard cite.fn a {color:#000;}
#comments ol.commentlist li.comment div.vcard cite.fn a:hover {color:#4D778F;}
#comments ol.commentlist li.comment div.vcard cite.fn a.url {color:#000;}
#comments ol.commentlist li.comment div.vcard img.avatar {position:absolute;left:0;border:1px solid #ccc;padding:2px;}
#comments ol.commentlist li.comment div.vcard img.avatar:hover {border:1px solid #999;}
#comments ol.commentlist li.comment div.vcard img.avatar-32 {}
#comments ol.commentlist li.comment div.vcard img.photo {}
#comments ol.commentlist li.comment div.vcard span.says {display:none;}
#comments ol.commentlist li.comment div.commentmetadata {}
#comments ol.commentlist li.comment div.comment-meta {display:inline-block;}
#comments ol.commentlist li.comment div.comment-meta a {display:inline-block;color:#666;}
#comments ol.commentlist li.comment div.comment-meta a:hover {color:#4D778F;}

#comments ol.commentlist li.comment div.reply {}
#comments ol.commentlist li.comment div.reply a {position:absolute;top:10px;right:0;color:#c6c6c6;font: italic 10px/18px Georgia, Palatino, Times, "Times New Roman", serif;}
#comments ol.commentlist li.comment div.reply a:hover {color:#4D778F;}
#comments ol.commentlist li.comment ul.children {list-style:none;margin-left:20px;margin-bottom:0;display:block!important;}
#comments ol.commentlist li.comment ul.children li {}
#comments ol.commentlist li.comment ul.children li.alt {}
#comments ol.commentlist li.comment ul.children li.bypostauthor {}
#comments ol.commentlist li.comment ul.children li.byuser {}
#comments ol.commentlist li.comment ul.children li.comment {}
#comments ol.commentlist li.comment ul.children li.comment-author-admin {}
#comments ol.commentlist li.comment ul.children li.depth-2 {}
#comments ol.commentlist li.comment ul.children li.depth-3 {}
#comments ol.commentlist li.comment ul.children li.depth-4 {}
#comments ol.commentlist li.comment ul.children li.depth-5 {}
#comments ol.commentlist li.comment ul.children li.odd {}
#comments ol.commentlist li.even {}
#comments ol.commentlist li.odd {}
#comments ol.commentlist li.parent {}
#comments ol.commentlist li.pingback {}
#comments ol.commentlist li.pingback div.comment-author {}
#comments ol.commentlist li.pingback div.vcard {}
#comments ol.commentlist li.pingback div.vcard cite.fn {}
#comments ol.commentlist li.pingback div.vcard cite.fn a.url {}
#comments ol.commentlist li.pingback div.vcard span.says {}
#comments ol.commentlist li.pingback div.commentmetadata {}
#comments ol.commentlist li.pingback div.comment-meta {}
#comments ol.commentlist li.pingback div.comment-meta a {}

#comments ol.commentlist li.pingback div.reply {}
#comments ol.commentlist li.pingback div.reply a {}
#comments ol.commentlist li.pingback ul.children {}
#comments ol.commentlist li.pingback ul.children li {}
#comments ol.commentlist li.pingback ul.children li.alt {}
#comments ol.commentlist li.pingback ul.children li.bypostauthor {}
#comments ol.commentlist li.pingback ul.children li.byuser {}
#comments ol.commentlist li.pingback ul.children li.comment {}
#comments ol.commentlist li.pingback ul.children li.comment-author-admin {}
#comments ol.commentlist li.pingback ul.children li.depth-2 {}
#comments ol.commentlist li.pingback ul.children li.depth-3 {}
#comments ol.commentlist li.pingback ul.children li.depth-4 {}
#comments ol.commentlist li.pingback ul.children li.depth-5 {}
#comments ol.commentlist li.pingback ul.children li.odd {}
#comments ol.commentlist li.thread-alt {}
#comments ol.commentlist li.thread-even {}
#comments ol.commentlist li.thread-odd {}

#respond h3 {margin-bottom:20px;}

/* Comments Form */
#respond input {background:#efefef;border:1px solid #dadada;height:20px;width:205px;margin-right:10px;padding:10px;} 
#respond textarea {background:#efefef;border:1px solid #dadada;margin-right:10px;padding:10px;} 
#respond label {color:#474747;}
#respond input#submit {background:none;border:none;height:42px; width:141px;margin-right:0;padding:0;}

/*------------------------------------------------*/
/*	Sidebar
/*------------------------------------------------*/
.xoxo {margin-bottom:0px;}
#sidebar {margin-top:0px;}
#sidebar .widget {margin-bottom:20px;}
#sidebar .widget-area ul, .widget-block ul {list-style:none;padding: 0;margin: 0;}
#sidebar .widget-area ul ul, .widget-block ul  li {list-style:circle inside;}
#sidebar .widget-area li, .widget-block li {margin-left:0;}
#sidebar .widget-area h2 {border-bottom:1px solid #e6e6e6;padding-bottom:5px;}
#sidebar .widget-block {margin-bottom:20px;}

/*------------------------------------------------*/
/*	Portfolio
/*------------------------------------------------*/
#portfolio {margin-top:20px;}
#portfolio .featured-image {border:none; padding:0;}
#post-content-wrap .portfolio h4.details {font-size:16px;margin-top:5px;}
#post-content-wrap ul#filter {list-style: none;float: left;border:1px solid #dddddd;padding:5px 20px; }
#post-content-wrap ul#filter li {float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;margin-left:0;}
#post-content-wrap ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
#post-content-wrap ul#filter a { color: #999; text-decoration: none;font-family: 'Lato', arial, serif;font-size:13px;text-transform:uppercase;font-weight:500; }
#post-content-wrap ul#filter li.current a { border-bottom:1px dotted #000; }
ul#filter a:hover  {border-bottom:1px dotted #000;}
#post-content-wrap ul#filter li.current a { color:#73a4c0; }
#post-content-wrap span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:13px;position:relative;top:8px;font-weight:300;}
#post-content-wrap  span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:13px;position:relative;top:8px;font-weight:300;}
#post-content-wrap .portfolio h4 {font-size:20px;}
#post-content-wrap ul#portfolio { float: left; list-style: none; margin-left: 0; }
#post-content-wrap .three-columns li {margin-bottom:20px;}
#post-content-wrap ul.portfolio li {margin-left: 0;padding: 0 0;}
#post-content-wrap ul.portfolio a {width: 100%; }
#post-content-wrap ul.portfolio a:hover {text-decoration: none; }
#post-content-wrap ul#portfolio img {margin-top:-15px;padding:2px;border:1px solid #ccc;}
#post-content-wrap ul#portfolio img:hover {border:1px solid #b5b5b5;}
#post-content-wrap .portfolio-details {margin-top:20px;}
#post-content-wrap .more-info div {float:left;}
#post-content-wrap ul.portfolio  .portfolio_three_columns {margin-left:0!important;margin-right:10px!important;}

.client {background:url(images/client.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.services {background:url(images/services.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.extra {background:url(images/document.png) 0 0 no-repeat;padding:0 0 10px 20px;}

/* Portfolio Video */
.portfolio_one_column .featured-image {margin-bottom: 20px;}
li.portfolio_one_column img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:200px}
li.portfolio_two_column img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:200px}
li.portfolio_three_columns img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:130px}
li.portfolio_gallery img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:130px}
.portfolio-single img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 170px;left:450px;padding:2px;border:1px solid #CCCCCC;}
.portfolio-single img.play-button:hover {border:1px solid #b5b5b5;}

/*------------------------------------------------*/
/*	404 Error Page
/*------------------------------------------------*/
.error-page {min-height:400px;}
.title-404 {font-size:55px;font-weight:bold}
.subtitle-404 {font-size:18px;font-style:italic;padding-top:20px; }

/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
footer p, footer a {font-size:13px;}
footer .textwidget img {padding:0px 10px 10px 0px;}
.home footer { margin-top: 20px;}
/* Widget Blocks */
#toggle-top {background:url(images/bg-expand.png) top left repeat-x #ffffff;height:6px;}
#expand-button {background:url(images/expand.jpg) 0 0 no-repeat; height:23px; width:73px;margin-left:10px;}
#toggle-top a {font-size: 5px;}
#home-widgets-wrap {width:100%;overflow: auto;background:url(images/bg-widget-blocks.png) top left repeat #e5e5e5;padding-bottom:10px;}
#home-widgets .widget-block {margin-top:20px;}
.widget-block h2 {color:#949494;margin-bottom:13px;text-transform:uppercase;font-size:20px;}
.widget-block p, .textwidget {color:#777777;}

/* Social Area */
#social-wrap {width:100%;height:51px;background:url(images/bg-social.png) 0 0 repeat-x;}
#social-icons{height:50px;padding-top:14px;}
#social-icons a {font-family: 'Lato', arial, serif;font-size:18px;color:#999999;text-transform:lowercase;float:right;font-weight:300;}
#social-icons ul {list-style:none;margin-bottom:0;}
#social-icons li {display:inline;margin-left:0;height:40px;float:left;padding:0 0;}

#twitter a:hover, #facebook a:hover, #dribbble a:hover, #forrst a:hover, #rss a:hover, #contact a:hover {color:#7f7f7f;}

#twitter .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/twitter.png) 0 0 no-repeat;}
#twitter .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/twitter.png) 0 -28px no-repeat;}

#facebook .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/facebook.png) 0 0 no-repeat;}
#facebook .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/facebook.png) 0 -28px no-repeat;}

#linkedin .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/linkedin.png) 0 0 no-repeat;}
#linkedin .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/linkedin.png) 0 -28px no-repeat;}

#dribbble .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/dribbble.png) 0 0 no-repeat;}
#dribbble .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/dribbble.png) 0 -28px no-repeat;}

#forrst .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/forrst.png) 0 0 no-repeat;}
#forrst .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/forrst.png) 0 -28px no-repeat;}

#google .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/google.png) 0 0 no-repeat;}
#google .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/google.png) 0 -28px no-repeat;}

#rss .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/rss.png) 0 0 no-repeat;}
#rss .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/rss.png) 0 -28px no-repeat;}

#contact .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/contact.png) 0 0 no-repeat;}
#contact .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/contact.png) 0 -28px no-repeat;}

#share .fadeThis {position:relative;display:block;float:left;height: 28px;width: 32px;background:url(images/social/share.png) 0 0 no-repeat;}
#share .hover {position: absolute;top: 0;left: 0;display: none;height: 28px;width: 32px;background:url(images/social/share.png) 0 -28px no-repeat;}
#share a {font-size:16px;color:#c9c9c9;}
#share a:hover {color:#fff;}
#share .fadeThis {width:140px;}

/*  Copyright */
#copyright-wrap {width:100%;background:#171717;}
#copyright {margin-top:8px;}
#copyright p {font-size:13px;color:#777777;padding-top:10px;float:left;}
#copyright a, #copyright a:hover {color:inherit;}

/* Footer Navivation */
.footer-nav {float:right;margin-top:10px;}
.footer-nav li {display:inline;margin-left:10px;}

/*------------------------------------------------*/
/*	Recent Posts Widget
/*------------------------------------------------*/
/* Sidebar */
#sidebar .jg_recent_posts ul.recent-posts, #sidebar .jg_popular_posts ul.recent-posts {list-style:none!important;}
#sidebar .jg_recent_posts ul.recent-posts li, #sidebar .jg_popular_posts ul.recent-posts li {min-height:65px;list-style:none!important;}
#sidebar .jg_recent_posts ul.recent-posts img, #sidebar .jg_popular_posts ul.recent-posts img {border:1px solid #ccc;padding:2px;margin:0 10px 0 0;float:left;}
#sidebar .jg_recent_posts ul.recent-posts img:hover, #sidebar .jg_popular_posts ul.recent-posts img:hover {border:1px solid #999;}
#sidebar .jg_recent_posts ul.recent-posts .most-recent-title a, #sidebar .jg_popular_posts ul.recent-posts .most-recent-title a{color:#666;}
#sidebar .jg_recent_posts ul.recent-posts .most-recent-title a:hover, #sidebar .jg_popular_posts ul.recent-posts .most-recent-title a:hover {color:#458AB3;}
#sidebar .jg_recent_posts ul.recent-posts .most-recent-excerpt, #sidebar .jg_popular_posts ul.recent-posts .most-recent-excerpt {color:#ccc;}

/* Footer */
#home-widgets ul.recent-posts {list-style:none!important;}
#home-widgets ul.recent-posts li {min-height:65px;list-style:none;}
#home-widgets ul.recent-posts img {border:1px solid #ccc;padding:2px;margin:0 10px 0 0;float:left;}
#home-widgets ul.recent-posts img:hover {border:1px solid #999;}
#home-widgets ul.recent-posts .most-recent-title a {color:#333;}
#home-widgets ul.recent-posts .most-recent-title a:hover {color:#458AB3;}
#home-widgets ul.recent-posts .most-recent-excerpt {color:#999;}

/*------------------------------------------------*/
/*	Flickr Widget
/*------------------------------------------------*/
ul.flickr {list-style:none;margin-top:10px;}
ul.flickr li {display:inline;float:left;margin:0 9px 9px 0;}
ul.flickr li.last {margin-right:0;}
ul.flickr img {padding:2px;border:1px solid #ccc;}
ul.flickr img:hover {border:1px solid #999;}

/*------------------------------------------------*/
/*	Video Widgets
/*------------------------------------------------*/
#call-to-action .cta-widget h2.widgettitle {display:none;}
#call-to-action .cta-widget .jg_youtube {position:relative;left:20px;bottom:17px;}
#call-to-action .cta-widget .jg_vimeo {position:relative;left:40px;bottom:18px;}

/*------------------------------------------------*/
/*	Ads 120x240, 125x125, 300x250
/*------------------------------------------------*/
.jg_ad120x240_widget .sidebar_ad {text-align:center;}
.jg_ad120x240_widget .sidebar_ad img {border:1px solid #CCCCCC;padding:2px;}
.jg_ad120x240_widget .sidebar_ad img:hover {border:1px solid #999999;}

.ads-125 {margin-left:10px;}
#home-widgets .ads-125 {margin-left:0px;}
.jg_ad125x125_widget ul li {list-style:none;float:left;display:block;margin:0 10px 10px 0;}
.jg_ad125x125_widget img {border:1px solid #CCCCCC;padding:2px;}
.jg_ad125x125_widget img:hover {border:1px solid #999999;}

/*------------------------------------------------*/
/*	Blog Tabs Widget
/*------------------------------------------------*/
.jg_blog_widget #tabs {padding: 0;width: 300px;}
.jg_blog_widget ul#tab-items {border-bottom: 1px solid #CFCFCF;margin-left: 1px!important;padding-right: 1px;float: left;height: 40px;list-style: none!important;margin: 0;padding: 0;}
.jg_blog_widget #tab-items li {background: none repeat scroll 0 0 #E8E8E8;border: 1px solid #CFCFCF ;border-left:none;float: left;height: 40px;line-height: 40px;margin: 0 0 -5px;overflow: hidden;padding: 0;width: 100px;list-style:none!important;}
.jg_blog_widget #tab-items li#jg_tab1 { width: 72px; }
.jg_blog_widget #tab-items li#jg_tab2 { width: 70px; }
.jg_blog_widget #tab-items li#jg_tab3 { width: 90px; }
.jg_blog_widget #tab-items li#jg_tab4 { width: 63px;border-right:none; }
.jg_blog_widget #tab-items li a{border:1px solid #FFF;color:#5E5E5E;display:block;font-size:13px;text-decoration:none;padding: 0 2em .2em 1.4em;}
.jg_blog_widget #tab-items .ui-state-active {border-bottom:none;}
.jg_blog_widget .ui-widget-content {border:none!important;}
.jg_blog_widget .ui-corner-top  {border-top-right-radius:0px;border-top-left-radius:0px;}
.jg_blog_widget .ui-corner-all {border-radius:0px;}
.jg_blog_widget .ui-widget-header {background:none;border:none;color:#fff;font-weight:normal;}
.jg_blog_widget .ui-widget {font: normal 13px/18px 'Droid Sans', arial, sans-serif;}
.jg_blog_widget .ui-tabs .ui-tabs-panel {padding: 0 0;}
.jg_blog_widget .ui-tabs .ui-tabs-nav li {top:0;}
.jg_blog_widget #tab-items li.ui-tabs-selected a, 
.jg_blog_widget #tab-items li.ui-state-active a {background: #ffffff;text-decoration: none;color: #666;}
.jg_blog_widget #tab-items li a:hover {background: #fff;}
.jg_blog_widget #tab-items li.ui-state-active a:hover {line-height: 40px;}
.jg_blog_widget .tabs-inner {border: 1px solid #d2d2d2;padding: 10px 0 10px 0;background: #fcfbf9;}
.jg_blog_widget .ui-tabs-hide { display: none; }
.jg_blog_widget .tab ul {list-style-type: none;margin: 40px 0 0!important;margin-bottom: 0;}
.jg_blog_widget .tab ul  h3 {margin-bottom:5px;}
.jg_blog_widget .tab ul li {border-bottom: 1px solid #e2e2e2;padding: 10px 10px 10px 20px;min-height: 60px;list-style:none!important;}
.jg_blog_widget .tab ul li:last-child {border-bottom: none;}
.jg_blog_widget .tab-thumb { background: #9a9a9a;float: left;margin: 5px 13px 0 0;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.jg_blog_widget .tab-thumb img { vertical-align: bottom; }
.jg_blog_widget .entry-title,
.jg_blog_widget .entry-title a {font-size: 13px;line-height: 18px;text-transform: none;font-weight: normal;padding: 0;}
.jg_blog_widget .entry-meta {float: left;padding: 0;margin: 0;}
.jg_blog_widget .entry-meta,
.jg_blog_widget .entry-meta a {color: #aaaaaa;background: none;font-size: 11px;}
.jg_blog_widget .entry-meta a:hover {text-decoration: none;color: #444444;}
.tab-comments .avatar {background: #9a9a9a;float: left;margin: 5px 13px 0 0;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.tab-comments h3,
.tab-comments h3 a {font-size: 13px;line-height: 20px;font-weight: normal;font-style: italic;color: #666;text-transform: none;}

/* Tag Cloud */
.tab-tags  {font: normal 10px/20px 'Droid sans',arial,sans-serif;margin:50px 10px 0 20px;}
.tab-tags a {text-decoration: none;padding: 4px 10px;background: #efefef;display: inline-block;color:#A0A0A0;font-style:normal;margin:0 7px 7px 0;background: #efefef;display: inline-block;border: 1px solid #dadada;}
.tab-tags a:hover {color: #333;border: 1px solid #ccc;background-color:#ebebeb;}

/*------------------------------------------------*/
/*	Quote Rotator Widget
/*------------------------------------------------*/
.cta-widget #flexi-quote-rotator h4 {display: inline;left: 73px;position: relative;top: 35px;width: 230px;}
#quotearea {background: url(images/testimonial-quotes.png) 0 33px no-repeat;width: 230px;height: 100px;padding: 30px 35px 0;margin: 15px auto;}
#quoterotator {line-height: 1.5em;}
#quoteauthor {display: block;text-align: right;font-style: italic;margin-top:10px;}
#home-widgets #quotearea {background: url(images/testimonial-quotes.png) no-repeat scroll 3px 8px transparent;float: left;margin: 0 auto 15px;padding: 5px 35px 0 40px;width: 230px;}

/*------------------------------------------------*/
/*	Column Shortcodes
/*------------------------------------------------*/
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 25px;
float: left;
}

.column-last {
margin-right: 0!important;
clear: right;
}

/*------------------------------------------------*/
/*	Button Shortcodes
/*------------------------------------------------*/
a.buttons {background-image: url(images/shortcodes/button_left_sprite.png);display: block;color: #111111;font-family: 'Droid Serif', "Times New Roman", Times, serif;font-size: 14px;border: none;margin: 0 0;padding: 0 0 0 17px;cursor: pointer;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
}
a:hover.buttons {border: none; }
a.buttons span {background-image: url(images/shortcodes/button_sprite.png);padding: 6px 20px 10px 5px;font-family: 'Yanone Kaffeesatz', arial, serif;}

/* Silver Button */
a.button_silver {background-position: 0 0;color: #333;}
a.button_silver span {background-position: 100%  0;padding:6px 20px 10px 5px;}
a:hover.button_silver{ background-position: 0 610px; }
a:hover.button_silver span { background-position: 100% 610px; }

/* Green Button */
a.btn_green {background-position: 0 569px;color: #435425;}
a.btn_green span { background-position: 100%  569px;padding:6px 20px 10px 5px; }
a:hover.btn_green { background-position: 0 528px; }
a:hover.btn_green span { background-position: 100% 528px; }

/* Red Button */
a.btn_red {background-position: 0 488px;color: #57222e;}
a.btn_red span { background-position: 100%  488px }
a:hover.btn_red { background-position: 0 448px }
a:hover.btn_red span { background-position: 100% 448px }

/* Blue Button */
a.btn_blue {background-position: 0 408px;color: #204552;}
a.btn_blue span {background-position: 100% 408px;}
a:hover.btn_blue { background-position: 0 368px }
a:hover.btn_blue span { background-position: 100% 368px }

/* White Button */
a.btn_white {background-position: 0 328px;color: #444444;}
a.btn_white span { background-position: 100%  328px }
a:hover.btn_white { background-position: 0 288px }
a:hover.btn_white span { background-position: 100% 288px }

/* Black Button */
a.btn_dark {background-position: 0 249px;color: #fff;text-shadow: none;}
a.btn_dark span { background-position: 100%  249px }
a:hover.btn_dark { background-position: 0 209px;color: #fff; }
a:hover.btn_dark span { background-position: 100% 209px }

/*------------------------------------------------*/
/*	Alert Shortcodes
/*------------------------------------------------*/
.alert {font-family: 'Droid Serif', "Times New Roman", Times, serif;text-align: center;margin: 0 0 25px 0;padding: 12px 5%;}
.alert.blue {background: url(images/shortcodes/alert-blue.gif);border: 1px solid #89acd1;color: #326294;}
.alert.red {background: url(images/shortcodes/alert-red.gif);border: 1px solid #f9bac7;color: #d54c4c;}
.alert.orange {background: url(images/shortcodes/alert-orange.gif);border: 1px solid #efd1b1;color: #cc6600;}
.alert.green {background: url(images/shortcodes/alert-green.gif);border: 1px solid #cadba7;color: #5f8b33;}
.alert.white {background: url(images/shortcodes/alert-white.gif);border: 1px solid #e4e4e4;color: #444444;}
.alert.dark {background: url(images/shortcodes/alert-dark.gif);border: 1px solid #333333;color: #ffffff;}

/*------------------------------------------------*/
/*	Info Box Shortcodes
/*------------------------------------------------*/
.infobox-wrap {clear: both;}
.infobox-wrap p:last-child { margin: 0 }
.inner {color: #585858;padding: 20px 15px 20px 15px;border: 1px solid #d3d3d3;border-top: none;overflow: hidden;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.infobox-wrap h4 {font-family: 'Lato', arial, sans-serif;padding: 13px 15px 12px 15px;margin: 0;font-size: 16px;border: 1px solid #d3d3d3;background:#efefef;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

/*------------------------------------------------*/
/*	Horizontal Rule Shortcodes
/*------------------------------------------------*/
.hr-shortcode {background: url("images/hr-pattern.png") repeat-x scroll 0 0 transparent;height: 17px;margin:20px 0;}

/*------------------------------------------------*/
/*	Tabbed Box Shortcode
/*------------------------------------------------*/
.tabs {padding:10px 0 10px 0;float: none;}
.tabs ul {margin: 0}
.tabs li { list-style: none;margin-left:0px; }
.tab_wrap {background: #fff;color: #444444;border: 1px solid #d2d2d2; float: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.tabs ul.nav {background: #efefef;width: 100%;height: 39px;font-size: 13px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tabs ul.nav li a {display: block;padding: 11px 20px 8px 20px;text-align: center;border: none;color: #555555;font-family: 'Lato', arial, sans-serif;}
.tabs ul.nav li a:hover {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff }
.tabs ul.nav li.ui-tabs-selected a:hover { padding-bottom: 9px }
.tabs ul.nav li {float: left;position: relative;padding: 0 0 0 0;background: url(images/shortcodes/tab_border.gif) repeat-y right;}
.tabs .padder { padding: 20px 20px; }
.tabs .tab p:last-child { margin: 0 }
.tabs ul.nav li.ui-tabs-selected a {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff;border: none;padding-bottom: 9px;}
.tabs ul.nav li.first a {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
}
.tabs .tab {float: none;padding: 0;margin: 0;}
.ui-tabs .ui-tabs-hide {display:none }

/*------------------------------------------------*/
/*	Toggle Content Shortcode
/*------------------------------------------------*/
.infobox-wrap.toggle h4 {cursor: pointer }
#content .callout_box.toggle h4:hover { border: 1px solid #bebebe }
.infobox-wrap.toggle h4 span {background: url(images/shortcodes/up_down_sprite.gif) 12px 12px;display: block;float: left;width: 12px;height: 12px;margin: 3px 10px 0 0;}

/*------------------------------------------------*/
/* 	Pricing Plan
/*------------------------------------------------*/
.pricing  div.placeholder{font-size:1.8em;margin-top:158px;}
.pricing  div.feature-header{margin-top:10px;padding-bottom:10px;font-size:16px;}
.pricing  .plan{background-color:#F6F6F6;color:#444;display:block;text-align:center;text-decoration:none !important;}
.pricing  .plan div.name{background-color:#DEDEDE;color:#333;font-size:1.8em;font-variant:small-caps;padding:10px 0;}
.pricing  .plan div.segment{background-color:#EFEFEF;color:#111;font-size:14px;font-variant:small-caps;padding:10px 0;}
.pricing  .plan div.cost{color:#455101;font-size:1.4em;font-variant:small-caps;padding:30px 0 0 0;}
.pricing  .plan span.number{font-size:56px;font-weight:700;color:#272727;margin:10px 0;}
.pricing  .plan p.per{color:#666;margin:10px 0 0 0!important;padding-bottom:10px;font-size:14px;border-bottom:1px dashed #E6E6E6;}
.pricing  .plan div.feature{font-size:14px;margin-top:10px;padding-bottom:10px;border-bottom:1px dashed #e6e6e6}
.pricing  .plan div.yes {background:url(images/check.png) 60px 0px no-repeat;text-indent: -9999em;}
.pricing  .plan div.no {background:url(images/minus.png) 60px 0px no-repeat;text-indent: -9999em;}
.pricing  a.button {position:relative;display:block;height: 30px;width: 140px;background:url(images/pricing-button.png) 0 0 no-repeat;margin-top:20px;padding-top:10px;font-family: 'Yanone Kaffeesatz', arial, serif;color:#fff;font-size:16px;text-shadow: 1px 1px 0px #aa250d;}
.pricing  a.button:hover {opacity:0.9;}
.pricing  .plan:hover {background-color: #cde8ac}
.pricing  .plan:hover div.name {background-color: #a2c773;}
.pricing  .plan:hover div.segment, .pricing a.plan:hover div.cost {background-color: #cde8ac;}
.pricing  div.box {border-top: 1px solid #CCCCCC;padding-bottom: 20px;padding-top: 20px;}
.pricing  div.discounts{padding:20px 0;}
.pricing  div.faq-header{border-top:1px solid #CCC;color:#111;font-size:1.8em;font-weight:400;padding-top:20px;}
.pricing  h2{color:#111;font-size:1.8em;font-weight:400;margin-bottom:10px;}
.pricing .grid_2 {margin-bottom:20px;}

/*------------------------------------------------*/
/* 	Text Highlighting Shortcodes
/*------------------------------------------------*/
.highlight span {padding:0px 5px;}

.highlight span.yellow {background-color:#fcfdb9;}
.highlight  span.red {color:#6e0601;background-color:#f4bbb9;}
.highlight  span.green {color:#055c00;background-color:#cfde94;}
.highlight span.blue {color:#023760;background-color:#bad4ef;}
.highlight  span.gray {color:#333333;background-color:#c7c7c7;}
.highlight  span.black {color:#ffffff;background-color:#3e3e3e;}


/*------------------------------------------------*/
/* 	Tooltip
/*------------------------------------------------*/
.bubbleInfo {position: relative;margin-top:10px;z-index:80;}
.popup {position: absolute;display: none; /* keeps the popup hidden if no JS available */}
.popup {position: absolute;display: none;z-index: 50;border-collapse: collapse;background-color:#ffffff;border:1px solid #ccc;padding:10px;text-align:center;}

/*-------------------------------------------------*/
/*     WATS     
 *-------------------------------------------------*/
#wats_frontend_ticket_listing_filters_div {
	float: left;
}
#wats_ticket_type_tl, #wats_ticket_priority_tl, #wats_ticket_status_tl, #wats_ticket_author_tl, #wats_ticket_owner_tl {
	float: right; margin-right: 20px;
}

/*-------------------------------------------------*/
/*     Service list
 *-------------------------------------------------*/
.post-409 h4 {margin-left:42px;border-bottom: 1px solid #dddddd;padding-bottom:10px;margin-bottom:15px;}
.post-409 h2 {margin-left:42px;padding-bottom:5px;margin-bottom:10px;}
.post-409 h4 a {color:#333333;}
.post-409 h2 a {color:#333333;}
.post-409 img {border:none;float:left;padding:0 5px 10px 5px;}
.post-409 p {margin-bottom:0;}
.post-409 .read-more {float:right;}
.post-409 .read-more a {color:#b21319;}
.post-409 .read-more a:hover {color:#e94e40;}

.view-services-list-widget .clear {
  height: 15px;
}

/*-------------------------------------------------*/
/*     Hosting plans widget
 **-------------------------------------------------*/
.hosted-plans .title .plan-title {
  text-align: center;
}

.hosted-plans .plan-feature-label {
  width: 200px;
  font-weight: bold;
  border-width: 0px;
  color: #333;
}

.hosted-plans table {
  border-width: 0px;
  margin: auto;
  margin-bottom: 25px;
}

.hosted-plans td { padding: 10px 10px; }

.hosted-plans .plan-title,
.hosted-plans .plan-feature {
  border-right-width: 0px;
}

.hosted-plans .plan-feature {
  color: #585858;
}