/*
Theme Name: Adapt2
Theme URI: http://www.adaptconsulting.com.au/
Version: 1.0
Description: Custom Theme based on Canvas
Author: Kri8it
Author URI: http://www.kri8it.com
Template: canvas
*/
/* Default styles */
@import "../canvas/css/reset.css";
/*@import "../canvas/style.css";*/

/* COLOUR SWATCHES
BLUE: 	0094ab
GREEN:  169d16
*/



/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 @font-face

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
	-2.2.1 Drop-down menus
	-2.2.2 Optional Top Navigation (WP Menus)
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / Woo Pagination
-3.4 Single Post Author
-3.5 Tumblog Styling

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Contact Form
-6.4 Gravity forms
-6.5 Tumblog
-6.6 Subscribe & Connect
-6.7 Featured Posts Shortcode

7. LAYOUTS
-7.1 Site Width
-7.2 two-col-left
-7.3 two-col-right
-7.4 three-col-left
-7.5 three-col-middle
-7.6 three-col-right

8. TEMPLATES / SLIDER
-8.1 WooSlider
-8.2 Magazine template
-8.3 Business template
-8.4 Footer Widgets 1-4 Columns
-8.5 Portfolio
-8.5.1 Single Portfolio Item
-8.5.2 Portfolio Items In Archive Screens
-8.6 Contact Page Template
-8.7 Timeline Page Template

9. WOODOJO
10. BROWSER SPECIFIC

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; padding: 0 !important; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* GENERAL STYLES */

/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}

/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear  { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }/* http://sonspring.com/journal/clearing-floats */


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
body  {
	font: 15px/20px Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;
	/*font: 13px/20px georgia !important;*/
	color: #555;
	background: #fff url(images/header-bg.jpg) no-repeat top center; }

h1, h2, h3, h4, h5, h6  { margin: 0; color: #979797; font-weight: normal; }
h1  {font-size: 2em; color: #5c5c5c; text-transform: none; }
h2  {font-size: 1.8em;line-height: 1.0em;}
h3  {font-size: 1.4em; margin-bottom: 15px;}
h4  {font-size: 1.2em;}
h5  {font-size: 1em;}
h6  {font-size: 0.8em;}

.home h3  {font-size: 1.3em; margin-bottom: 15px;}

p {margin: 0 0 15px 0; font:16px/24px; }
hr { background-color: #DDD;
border: 0;
height: 2px;
margin: 30px 0; }
input, textarea { padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input:focus, textarea:focus  { background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(48,136,255,.7); -moz-box-shadow: 0 0 6px rgba(48,136,255,.7); -webkit-box-shadow: 0 0 6px rgba(48,136,255,.7); }
.hide { display: none; }

img  { vertical-align: bottom; max-width: 100%; }

/* 1.2 Hyperlinks */
a:link, a:visited  { color: #0094ab; text-decoration:none; font-weight: bold;}
a:hover {text-decoration:underline; color:#00b8d2; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration:  none !important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none !important;}

h2.services {
	line-height: 23px;
	color: #666;
	margin-bottom: 30px;
	font-size: 25px !important;
}
h2 a {
	font-weight: normal !important;
	color: #008b9f !important;
}
h2 a:hover {
	color: #00b0ca !important;
}
a h3.services {
	/*font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; */
	color: #0094AB !important;
	font-weight: bold !important;
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 8px;
	min-height: 50px;
	vertical-align: middle;
}
a:hover h3.services {
	color: #00b8d2 !important;
	text-decoration: none !important;
}

/* 1.3 @font-face */
/* Setup Web Symbols Font */
@font-face { font-family: 'WebSymbolsRegular'; src: url('includes/fonts/websymbols-regular-webfont.eot'); src: url('includes/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/websymbols-regular-webfont.woff') format('woff'), url('includes/fonts/websymbols-regular-webfont.ttf') format('truetype'), url('includes/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; }
.icon:before, .icon:after  { font-size: 1em; line-height: 1; display:inline-block; font-family: "WebSymbolsRegular"; }
.icon:before  { margin-right: 0.618em; }
.icon:after  { margin-left: 0.618em; }
.icon:hover:before, .icon:hover:after  { color: #aaa; }
/* Post Tags */
.post p.tags:before  { content: 'Tagged:'; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important; }
.post p.tags:hover:before  { color: #999; }
/* Pagination */
.post-entries .nav-prev a:before, .nav-entries .nav-prev:before  { content: '<:'; margin-right: 0.618em; font-size: 18px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important; }
.post-entries .nav-next a:after, .nav-entries .nav-next:after  { content: '>:'; margin-left: 0.618em; font-size: 18px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;}
.post-entries .nav-prev a:before, .post-entries .nav-next a:after, .nav-entries .nav-prev:before, .nav-entries .nav-next:after  { position: relative; top: -0.2em; font-size: 0.7em; font-family: "WebSymbolsRegular"; }
/* Sliders */
#loopedSlider a.prev:before, #post-gallery .pagination .jcarousel-prev:before  { content: '('; }
#loopedSlider a.next:before, #post-gallery .pagination .jcarousel-next:after  { content: ')'; }
#loopedSlider a.prev:before, #loopedSlider a.next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after  { position: absolute; top: 3px; left: 2px; font-size: 24px; color: #666; color: rgba(0,0,0,0.6); }
#loopedSlider a.prev:hover:before, #loopedSlider a.next:hover:before, #post-gallery .pagination .jcarousel-prev:hover:before, #post-gallery .pagination .jcarousel-next:hover:after  { color: #222; }
/* Tumblog */
.post .post-icon a:before  { display: block; height: 50px; width: 50px; padding-top: 0.6em; font-size: 1.7em; color: #fff; text-align: center; }
.post .post-icon.link a:before  { content: 'K'; }
.post .post-icon.video a:before  { content: 'M'; }
.post .post-icon.article a:before  { content: 'a'; }
.post .post-icon.audio a:before  { content: 'u'; }
.post .post-icon.image a:before  { content: 'I'; }
.post .post-icon.quote a:before  { content: '\201C'; font-size: 6em; padding-top: 0.1em; }


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { padding:10px 0 40px; }

#main{}
#main h1 {
	margin-bottom: 20px;
}
#sidebar{}

/* 2.2 Navigation */
#navigation {
  position: relative;
  clear: both;
	margin: 0;
	display: none;
  font:17px/15px sans-serif;
  border: none;
  background: #333;
	z-index: 10003;
	
	
	/*background: #fff; color: #000 !important; text-align: center; height: 45px;  border-bottom: 3px solid #333;*/
	
	
}
/*#navigation ul.rss { float: none; position: absolute; top: 10px; right: 9px; }
#navigation ul.rss li { display: block; margin: 0 0 10px 0; padding: 0; font-size: 1em; }
#navigation ul.rss li a { color: #555555; text-decoration: none; padding: 0; display: inline-block; position: relative; }
#navigation ul.rss li a:hover { color: #222; } */
ul.nav li a { padding: .5em 1em; display: block; color: #666; background: #fff; text-transform: none !important; 
		-webkit-transition: background .4s;
		-moz-transition: background .4s;
		transition: background .4s; }
ul.nav li a:hover  { color: #222; text-decoration: none;}
ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a { background: #cacaca; color: #333; }
ul.nav li ul li a  { background: #fff!important; color: #666!important; }
ul.nav ul li.current_page_item a,
ul.nav ul li.current_page_parent a,
ul.nav ul li.current-menu-ancestor a,
ul.nav ul li.current-cat a,
ul.nav ul li.current-menu-item a  { background: #cacaca; color: #333; }
/*#header .nav-toggle  { margin: 1em 0 0; font-size: 1.2em; position: absolute; top: 45px; right: 0; }
#header .nav-toggle a { display: block; overflow: hidden; height: 0; width: 25px; padding-top: 15px; background: url(images/nav-toggle.png) no-repeat left top; }*/

h3.nav-toggle {
	/*margin: 1em 0 0;*/
	font-size: 1.1em;
	text-transform: uppercase;
	/*position: absolute;
	top: 45px;*/
	padding: 10px;
	/*right: 0;
	*/
	display: block;
	background: #fff !important;
	/*margin-top: 30px !important;*/
	border: none;
	color: #666666;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
	border-bottom: 4px solid #008DA7;
	margin-top: 10px;
	/*width: 85%;
	margin: 1em auto 0 !important;*/ /* this is to centre the h3 toggle - to try out the shadow */
}
h3.nav-toggle a {
	padding: 10px;
	width: 100%;
	color: #666;/*
	background: #009bb0;*/
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
h3.nav-toggle a:hover {
	color: #fff;
	text-decoration: none;
	background: #009bb0;
}

/*-------------------------------------  */

#navigation ul.nav > li {
	border: none !important;
	font-size: 12px;
	text-transform: uppercase;
	color: #666 !important;
}

#navigation ul.nav > li a:hover {
	/*background: #009bb0 !important;*/
	background: #cacaca !important;
	color: #fff !important;
}

#navigation ul.nav ul li {
	background: #111 !important;
	border: none !important;
	padding: 0 !important;
	/*left: -1px;*/
	color: #ddd !important;
	/*margin-left: 10px;*/
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	transition: background .4s;
}


ul.nav ul {
	width: 20em !important;
	visibility: hidden;
	position: absolute;
	text-align: left !important;
	top: 100%;
	left: 0;
	z-index: 9999;
	margin: 0;
	padding: 0.4em 0;
	background: none;
}
ul.sub-menu {
	padding: 0 !important;
	/*border-bottom: 5px solid #333;*/
}

/* SUBMENU */

#navigation ul.nav ul.sub-menu {
	/*border: 4px solid white !important;*/
	border-right: 3px solid #008da7 !important;
	border-left: 3px solid #008da7 !important;
	border-bottom: 3px solid #008da7!important;
	left: -1px;
}

ul.nav li a  {
	font-size: 15px !important;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;
}
ul.nav li ul li a  {
	background: #fff!important; color: #666!important;

	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s;
	font-size: 14px !important;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;
	/*
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	*/
	}

	/* all hover*/
#navigation ul.nav ul.sub-menu li a:hover {
	text-decoration: none !important;
	color: #fff !important;
	/*background: #0094ab !important;*/
	background: #cacaca !important;
	
}
#navigation ul.nav ul {
background: #fff !important;
border: none !important;
left: -1px;
}





/*
ul.nav ul {
	width: 11.089em;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	margin: 0 !important;
	padding: 0 !important;
}
ul.nav li a {
	display: block !important;
	color: #ddd !important;
	padding: .8em 1em !important;
	border: none !important;
}
ul.nav li a:hover {
	color: #474747 !important;
}
#navigation ul li, #navigation ul li a {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
	background: #165916 !important;
	color: #fff !important;
}
*/
.fl {
/*float: left !important;*/
width: 100% !important;
}

/* -------------------------------------------------------------------------------------------------------------*/ 



#top select { margin: 1.618em 0 0; width:100%; }
#top #top-nav { display: none; }

/* 2.3 Header */
#header{
	/*padding:20px 0 28px 0;*/
	padding: 20px 0 0 0;
	clear:both;
	position:relative;
	z-index: 100 !important;
	}

#logo  { margin-bottom: 20px;}
#logo img  { }
#logo .site-title { line-height: inherit; margin-bottom: 5px; font-weight: bold; }
#logo .site-title, #logo .site-description  { color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; }
#logo {
	margin: 40px auto 20px !important;
	text-align: center;
	float: none !important;
}

#topad { margin: 2em 0 0.5em; }

/* 2.4 Content */
#content{padding:0 0 40px; position:relative;}

/* 2.5 Sidebar */
#sidebar { margin-top: 0; overflow:hidden; }
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; } 
#sidebar .tertiary { float:left; margin-right:0; } 
#sidebar .last { margin:0; } 

/* 2.6 Footer */
#footer{padding: 0; color:#999;}
#footer p {}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer .col-left { margin-bottom: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.breadcrumbs { margin-bottom: 1.5em; }

.archive_header  { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 0.7em; }
.archive_header .catrss  { display: none; }

.post, .search .page  { margin: 0 0 20px; }

.post.sticky {}

/*.post .title, .page .title  { font:normal bold 26px/26px Helvetica, Arial sans-serif; margin: 0 0 0.5em; }*/
.post .title, .page .title  {margin-bottom: 10px; }
.post .title a:link, .post .title a:visited,
.page .title a:link, .page .title a:visited{ color:#222; }

.post-meta {margin: 0 0 20px 0 !important; color:#aaa; font-style: italic; }
.post-meta .small {text-transform:lowercase;}
.post-meta .author {text-transform: capitalize;}
.post-more { clear:both; padding: 0.2em 0; font-size: 0.9em; }
.post-more .sep  { padding: 0 0.5em; }
.post p.tags { color:#0094ab !important; width:100%;clear:both;margin-bottom:20px;}
.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited { font-weight: bold; color:#0094ab; text-decoration:none; }
.post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:underline; color:#00bcd7;}

.post .post-embed { margin-bottom:30px; }

.entry  {margin-bottom: 30px;}
.entry .page-link { margin: 0 0 1.2em; }

/* 3.1 Typographic Elements */

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }

.entry p  { margin-bottom: 1.2em; }

.entry blockquote  { position: relative; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote:before  { content: '\201C'; position: absolute; top: 0.45em; left: 0; font-size: 7em; color: #ccc; font-family: Georgia, serif; }
.entry blockquote:after  { content: '\201D'; position: absolute; top: 0.4em; right: 10px; font-size: 7em; color: #ccc; font-family: Georgia, serif; }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img, img.thumbnail { padding: 3px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); }

img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; width: auto; margin: 5px 15px 15px 0; }
.alignright  { float: right; width: auto; margin: 5px 0 15px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .gallery-caption {}

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 1px 1px #fff; -moz-box-shadow: inset 0 0 1px 1px #fff; -webkit-box-shadow: inset 0 0 1px 1px #fff; }
.entry .wp-caption img{ margin:0!important; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0 0 0.3em; padding:0; font: bold 11px/22px; text-align:center; }
.entry .wp-caption a  { margin: 0!important; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

/* 3.3 Pagination */
.nav-entries { clear: both; font-size: 11px; }

.post-entries { clear:both; margin-top:-20px; }
.post-entries a:link, .post-entries a:visited { font-size:0.9em; color:#888; }
.post-entries a:hover  { text-decoration: none; color: #666; }

.woo-pagination { margin: 0; text-align: center; clear: both; display: block; }
.woo-pagination a:link,
.woo-pagination a:visited,
.nav-entries a span { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; }
.nav-entries a  { font-size: 1.2em; }
.woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span {
	/* Border Radius */
	font-weight: bold;
	font-size: 0.9em;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	border: 1px solid #d9d9d9;
  	background: #ffffff;
  	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  	background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  	background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
  	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
.woo-pagination span.current  { border: none; background: none; font-weight: bold; font-size: 0.9em; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; background: #fafafa; }
.woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; }

/* 3.4 Single Post Author */
#post-author {
  padding:15px; margin: 0 0 1.5em; 
  border: 1px solid #e6e6e6;
  background: #fafafa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#post-author h4 { margin-bottom: 0.4em; }
#post-author .profile-image img { float:left; margin:0 15px 25px 0; padding: 0; border: none; 
padding: 2px;
border: solid 2px #DEDEDE;}
#post-author .profile-link {  }
#post-author .profile-content  { font-size: 13px; }
.author #post-author { margin-bottom:30px; }

/* 3.5 Tumblog Styling */
.post { position: relative; }
.post .post-icon a  { float:right; display: block; overflow: hidden; width: 50px; height: 50px; background: #333; border-radius: 100px; }
.post .post-icon a:hover  { background: #111; text-decoration: none; }
.post .audio { margin-bottom: 1.8em;}

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 30px 0; font-size:12px; }
.widget h3  { margin: 0 0 0.3em 0; padding:0 0 8px; font:normal bold 14px; color:#555; }
.widget p { font:12px/20px; margin-bottom:15px; }

.widget ul  { clear:both; list-style: none; }
.widget ul li  {border-top: 1px solid #CCC; font-size: 14px;}
.widget ul li a  { padding: 0 0 0 5px; line-height: 22px; text-decoration: none !important; }
.widget ul li a:hover  { text-decoration:underline; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

.widget_recent_comments li, #twitter li  { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

#footer-widgets { padding:0; }

/* 4.2 Specific Widgets */

/* SEARCH FORM */
.searchform  { width: 99%; margin-top: 5px; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.searchform input.s  { padding: 8px; width:85%; margin:0; border:none; background: none; color:#777;  }
.searchform input.s:focus  { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.searchform input.submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; }

/* Feedback */

.feedback .pagination { margin-top: 20px; }

/* 4.3 WooTabs */
#tabs { height:auto; display: block; margin-bottom:30px; }

#tabs ul.wooTabs { position: relative; bottom: -1px; padding:0px; z-index: 99; }
#tabs ul.wooTabs li { float: left; display:inline; margin-right: 2px; font-weight: bold; color: #ffffff; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; border: 1px solid #d9d9d9; border-width: 1px 1px 0; color: #666;
background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
  background: -webkit-linear-gradient(#f2f2f2, #ffffff);
  background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%);
  background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2,endColorstr=#ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)";
  box-shadow: inset 0 1px 0 #fff, 0 -1px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 0 #fff, 0 -1px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 -1px 3px rgba(0,0,0,0.1);
}
#tabs ul.wooTabs li a {	color:#999; display: block;float: left; border: 1px solid transparent; border-width: 1px 1px 0; padding: 5px 8px 3px; text-transform:uppercase; font-size: 11px; text-shadow: 1px 1px 0 solid #fff; }

#tabs .inside { box-shadow: 0 0 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); }
#tabs .inside li { background:#fff;  }
#tabs #tab-tags { padding:10px; background: #fff; border: 1px solid #d9d9d9; }
#tabs .inside ul { margin:0; border: 1px solid #d9d9d9; border-width:1px 0 1px 0; list-style: none; padding-left: 0px; }
#tabs .inside li { border:1px solid #d9d9d9; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 13px/18px; padding:0; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }

#tabs { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px;	-moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }
#tabs .inside .list { display:none; }
#tabs .inside .list:first-child { display:block; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #e6e6e6; border-top:1px solid rgba(0,0,0,0.07);}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #fafafa; background: rgba(0,0,0,0.02); border-bottom:1px solid #e6e6e6; border-bottom:1px solid rgba(0,0,0,0.07); }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .bypostauthor {}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{ margin: 0;vertical-align: middle;}
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { color: #0094ab; }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation {}
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 40px 0 0; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond #reply-title small { display: block; font-size: 14px; margin-top: 5px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt, #commentform textarea { font:14px/14px; }
#commentform input.txt  { width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { width: 95% !important; padding: 5px 7px; }

#commentform #submit  { margin: 15px 0 0 0;  }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { font-weight: bold;  display: inline-block; padding: 9px 14px 9px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { 
  border: 1px solid #3a3a3a;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#424242));
  background: -webkit-linear-gradient(#555555, #424242);
  background: -moz-linear-gradient(center top, #555555 0%, #424242 100%);
  background: -moz-gradient(center top, #555555 0%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#555555,endColorstr=#424242);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#555555, endColorstr=#424242)";
  
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
  -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
  -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
  
 }
body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { color: #fff  !important; text-decoration:none; }
body #wrapper #content .button:active, body #wrapper #content .reply a:active, body #wrapper #content #respond .form-submit input#submit:active { box-shadow: inset 0 0 3px rgba(0,0,0,0.6); -moz-box-shadow:  inset 0 0 3px rgba(0,0,0,0.6); -webkit-box-shadow:  inset 0 0 3px rgba(0,0,0,0.6); }
body #wrapper #content .small.button, body #wrapper #content .small.button:visited, body #wrapper #content .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { font-size: 12px; line-height: 1; }
body #wrapper #content .large.button, body #wrapper #content .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #content #respond .form-submit input#submit { text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
body #wrapper #content .button:hover, body #wrapper #content .reply a:hover, body #wrapper #content #respond .form-submit input#submit:hover { opacity:0.9; }



/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:80px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:70%;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 0 0 0 100px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
#contact-page ol.forms li.inline input#sendCopy  { margin-left: 100px; }
.three-col-left #contact-page ol.forms textarea, 
.three-col-middle #contact-page ol.forms textarea, 
.three-col-right #contact-page ol.forms textarea { width: 65%; }
.three-col-left #contact-page ol.forms input#sendCopy, 
.three-col-middle #contact-page ol.forms input#sendCopy, 
.three-col-right #contact-page ol.forms input#sendCopy { float: left; }

/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; margin: 5px 0px 4px !important; font: normal normal normal 14p; font-weight: bold; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; }
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; }
.gform_footer { font-size: 13px !important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
letter-spacing: 0px; }

.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }

/* 6.5 Tumblog */
.entry .quote, .entry .video  { margin-bottom:1.5em; }
.entry .quote blockquote { font-style:italic; }
.entry .quote cite { text-align: right; font-style: normal; display: block; font: 0.9em sans-serif; }
.entry .quote cite:before  { content: '~ ' }

/* 6.6 Subscribe & Connect */
#connect { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; clear:both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; }
#main #connect .col-left, #connect .col-right { float: none; width: 100%; }
#connect h3 { margin-bottom: 10px; font-size: 1.4em; }
#connect p { margin: 0 0 1em; }
#connect .newsletter-form { margin: 0 0 1em; }
#connect .newsletter-form .input {  }
#connect .newsletter-form .email { width:140px; }
#connect .newsletter-form .submit { cursor:pointer; padding: 3px 5px; margin:0 0 0 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#connect .related-posts { border-top:1px solid #e6e6e6; margin-top: 1em; padding-top: 1em; }
#connect .related-posts h4  { font-size: 1em; }
#connect .related-posts ul { list-style: none; margin:5px 0 5px 0; }
.widget #connect { background: none; padding: 0; border:none; }
.widget #connect .fl, .widget #connect .fr { float:none; }

#connect .social a { opacity: 0.8; filter: alpha(opacity=@opacity * 100); -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; }
#connect .social a:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); }
#connect .social a { display: inline-block; height: 28px; width: 32px; background-image: url(images/ico-subscribe-social.png); background-repeat: no-repeat; }
#connect .social a.subscribe { background-position: 0px 0; }
#connect .social a.twitter { background-position: -2.244em 0; }
#connect .social a.facebook { background-position: -60px 0; }
#connect .social a.youtube { background-position: -90px 0; }
#connect .social a.flickr { background-position: -120px 0; }
#connect .social a.linkedin { background-position: -150px 0; }
#connect .social a.delicious { background-position: -180px 0; }
#connect .social a.googleplus { background-position: -210px 0; }

/* 6.7 Featured Posts Shortcode */
.woo-sc-featured-posts ul { float: left; clear: both; list-style: none; padding-left: 0px; }
.woo-sc-featured-posts ul li { float: left; clear: both; list-style: none; margin-bottom: 10px; }
.woo-sc-featured-posts ul li .thumbnail { float: left; margin-right: 10px; }
.woo-sc-featured-posts ul li .related-title { float: left; }


/*-------------------------------------------------------------------------------------------*/
/* 8. TEMPLATES / SLIDER */
/*-------------------------------------------------------------------------------------------*/

/* 8.3 Footer Widgets 1-4 Columns */
#footer-widgets .block  { padding-top: 15px; }




/*-------------------------------------------------------------------------------------------*/
/* 10. BROWSER SPECIFIC */
/*-------------------------------------------------------------------------------------------*/

/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; }
.ie6 .button, .ie6 .button:visited{ padding:6px 0; margin:0;  }
.ie6 .widget input.submit { float:right; }
.ie6 #loopedSlider .content p, .ie6 #loopedSlider .content a h2 { width:300px; }
.ie6 .business #loopedSlider a.previous { top:150px; }
.ie6 .business #loopedSlider a.next { top:150px; }

/* IE7 */
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .button:visited {  padding:7px 6px; margin:0; }
.ie7 .nav-entries a  { font-style:normal !important; }
.ie7 #comments, .ie7 .comment-container, .ie7 .reply a  { position: static; }

.ie7 #footer-widgets .widget_woo_feedback  { zoom: 1; }

/* IE8 */
.ie8 .button, .ie8 .button:visited {  padding:10px 15px; margin:0; }


/*-------------------------------------------------------------------------------------------*/



#banner-area {
	background: url(images/banner-bg.jpg) repeat-y top center;
	/*height: 300px;*/
	padding: 0;
	text-align: center;
}
#banner-bg {
	width: 100%; padding: 0;	text-align: center;
	/*background: url(images/banner-bg.jpg) repeat-y top center; */
}

.nav-left-shadow {
	width: 9px;
	height: 45px;
	background: url(images/nav-shadow-left.png) no-repeat;
	position: absolute;
	top: 0;
	left: -9px;
}
.nav-right-shadow {
	width: 9px;
	height: 45px;
	background: url(images/nav-shadow-right.png) no-repeat;
	position: absolute;
	top: 0;
	right: -9px;
}

/*------------------------------------------------------------------------------
	=tagline
------------------------------------------------------------------------------*/
h1#tagline {
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	text-transform: none;
	margin: 20px 0 15px 0;
}
h1#tagline strong {
	font-weight: bold;
	text-transform: uppercase;
}
h1#tagline em {
	color: #0094ab;
	font-style: normal;
	text-transform: uppercase;
}

	#breadcrumbs {
		margin-bottom: 30px;
	}
	.divider {
		width: 100%;
		height: 5px;
		margin: 20px 0;
		background: url(images/divider-line-960.png) no-repeat;
		background-position: center top; 
		/*background-size: contain;*/
	}

#content {
	padding: 5px 0 40px !important;
	position: relative;
}

/*------------------------------------------------------------------------------
	=FOOTER
------------------------------------------------------------------------------*/

#footer h3 {
	font-size: 16px;
	font-weight: bold;
	color: #8c8c8c;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#footer h3 em {
	color: #d8d8d8;
	font-style: normal;
}
ul#our-process {
	margin: 10px 0 10px 0;
}
ul#our-process li {
	background: url(images/pixel-arrow-white.png) left no-repeat;
	padding-left: 20px;
	/*color: #0094ab;*/ /* blue */
	color: #eee;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 14px;
}

/*------------------------------------------------------------------------------
	= SOCIAL ICONS
------------------------------------------------------------------------------*/


ul#social-icons li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	/*position: relative;*/
	margin-right: 3px;
}


ul#social-icons li a {
	display: block;
	margin: 0 3px;
	width: 32px;
	height: 32px;
	background: url('images/social-icons-sprite.png') no-repeat;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: relative;
}

ul#social-icons li a img {
position: absolute;
top: 0;
left: 0;
}

ul#social-icons li a {
	text-indent: -9999px;
	margin: 0;
}

ul#social-icons li a:hover {
	text-indent: -9999px;
	margin: 0;
	/*opacity: 0.3;*/
}

/* up states */
ul#social-icons li a.facebook {
	background-position: 0px 0px;
}
ul#social-icons li a.twitter {
	background-position: -32px 0px;
}
ul#social-icons li a.linkedin {
	background-position: -64px 0px;
}
ul#social-icons li a.googleplus {
	background-position: -96px 0px;
}
/* hover states */
ul#social-icons li a.facebook:hover {
	background-position: 0px -32px;
}
ul#social-icons li a.twitter:hover {
	background-position: -32px -32px;
}
ul#social-icons li a.linkedin:hover {
	background-position: -64px -32px;
}
ul#social-icons li a.googleplus:hover {
	background-position: -96px -32px;
}


/*------------------------------------------------------------------------------
	= JQUERY CYCLE PLUGIN
------------------------------------------------------------------------------*/

.item_preview {
width: 960px;
height: auto;
/*padding: 5px;
border: 1px solid #ccc;
margin-left: 10px;*/
text-align:center;
}

#itemnav {}

#itemnav li {
float: left;
display: inline-block;
margin: 10px 0px 10px 10px;}

#itemnav li  {
/*border: 2px solid #CCC;*/
}

#itemnav li.activeSlide  {
border: 2px solid red;
}

.item_preview {
position: relative;}

.arrow_right {
display: block;
background: url(images/banner-nav-right.png) no-repeat;
width: 31px;
height: 46px;
text-indent: -5000px;
position: absolute;
top: 48%;
right: -10px;
z-index: 1000;
}

.arrow_left {
display: block;
background: url(images/banner-nav-left.png) no-repeat;
width: 31px;
height: 46px;
text-indent: -5000px;
position: absolute;
top: 48%;
left: -10px;
z-index: 1000;
}

.slide {
/*margin-top: 120px;*/ /* this was for the placeholder headings */
max-height: 300px;
width: 100%;
}
p.service-summary {
	font-size: 12px; line-height: 18px; color: #686868;
}
a.services-read-more {
color: #0094ab; text-transform: uppercase; padding: 1px 5px; background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a:hover.services-read-more {
text-decoration: none;
}
	
	
	#banner-area p {
		/*font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;*/ 
		font-size: 25px;
		font-weight: bold;
		color: #b8e5d4;
		line-height: 40px;
		text-align: center;
		margin: 20px auto 0px;
		padding: 0 30px;
		opacity: 0.8;
	}
	
	#banner-area p strong{
		font-size: 48px;
		color: #fff;
		line-height: 40px;
		vertical-align: -5px !important;
		opacity: 1 !important;
	}
	

	/*------------------------------------------------------------------------------
	=SUBMENU FOR SERVICES
------------------------------------------------------------------------------*/
	ul#menu-services-childpages {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
	/*	border-bottom: 1px solid #ddd;*/
	}
	ul#menu-services-childpages li {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	ul#menu-services-childpages li a {
		display: block;
		line-height: 14px;
		background: url(images/services-submenu-arrow.png) no-repeat left;
		opacity: 0.5;
		padding: 10px 0 10px 20px;
	}
	ul#menu-services-childpages li a:hover {
		text-decoration: none;
		opacity: 1;
	}
	ul#menu-services-childpages li.current_page_item a {
		color: #169d16 !important;
		opacity: 1 !important;
	}
	
	
	/* for the footer only */
	#footer ul#menu-services-childpages {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
		margin-top: -5px;
	}
	
	#footer ul#menu-services-childpages li {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom: 1px solid #555;
	}
	#footer ul#menu-services-childpages li a {
		display: block;
		line-height: 14px;
		background: url(images/services-submenu-arrow.png) no-repeat left;
		opacity: 0.7;
		padding: 5px 0 5px 20px !important;
	}
	#footer ul#menu-services-childpages li a:hover {
		color: #00bad5;
		text-decoration: none;
		opacity: 1;
	}
	
	/* and for the pages that have the menu on already */
	
	#footer ul#menu-services-childpages-1 li a {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	#footer ul#menu-services-childpages-1 {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
		margin-top: -5px;
	}
	
	#footer ul#menu-services-childpages-1 li {
		display: block;
		list-style: none;
		float: left;
		width: 100%;
		border-bottom: 1px solid #555;
	}
	#footer ul#menu-services-childpages-1 li a {
		display: block;
		line-height: 14px;
		background: url(images/services-submenu-arrow.png) no-repeat left;
		opacity: 0.7;
		padding: 5px 0 5px 20px !important;
	}
	#footer ul#menu-services-childpages-1 li a:hover {
		color: #00bad5;
		text-decoration: none;
		opacity: 1;
	}
	
	

	/*------------------------------------------------------------------------------
	=FOOTER LATEST NEWS
------------------------------------------------------------------------------*/
	#latest-news {
		padding-top: 15px;
	}
	#latest-news li {
		margin-bottom: 18px; min-height: 30px;
	}
	#latest-news p.news-title{
		font-size: 12px; line-height: 14px;
	}
	#latest-news a p.news-title{
		font-weight: normal;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	#latest-news a:hover {
		text-decoration: none;
	}
	#latest-news a .date {
		 text-align: center; float: left; margin-right: 10px; width: 34px; height: 34px; background: url(images/sprite.png) no-repeat; background-position: -120px 0;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		opacity: 0.6;
	}
	#latest-news a:hover .date {
		opacity: 1;
	}
	#latest-news a p.date-day {
		font-family: Arial; font-size: 18px; color: #eee; font-weight: normal; line-height: 16px; margin: 4px 0 0 0; padding: 0;
	}
	#latest-news a p.date-month {
		font-family: Arial; font-size: 9px; color: #eee; font-weight: normal; text-transform: uppercase; line-height: 10px; margin: 0; padding: 0;
	}
	
	
	#main-nav {
		float: none !important;
		margin: 0 auto !important;
		text-align: center !important;
		padding-bottom: 7px !important;
	}
	
	/*------------------------------------------------------------------------------
		  =QUOTEBLOCK
------------------------------------------------------------------------------*/
	
	#quoteblock {
		background: #e0e0e0; width: 100%; padding: 13px 0 22px 0; margin-top: 20px;
	}
	.commas-open {
		display: block; margin: 0 130px 0 9px; width: 60px; height: 40px; background: url(images/sprite.png) no-repeat;
	}
	.commas-close {
		display: block; clear: both; float: right; margin: 0 10px 0 0; width: 60px; height: 40px; background: url(images/sprite.png) no-repeat; background-position: -60px 0;
	}
	p.testimonial {
		margin: 5%; font-style: italic; color: #a0a0a0; font-size: 14px !important; line-height: 21px !important;
	}
	
	p.quote-person-name {
		margin-left: 10px; color: #636363;
	}
	p.quote-company-name {
		margin-left: 10px; font-size: 10px !important; line-height: 15px; color: #7e7e7e; font-style: italic; margin-top: -15px;
	}
	
	
	/*-----------------------------------------------------------------------------
	=CASE STUDIES
	------------------------------------------------------------------------------*/
	#main div.casestudy {
		margin-bottom: 45px !important;
	}
	#main div.casestudy h2 {
		margin: 10px 0 20px 0 !important;
		color: #333 !important;
		padding-bottom: 10px;
		/*border-bottom: 2px solid #ddd;*/
	}

	#main div.casestudy .casestudy-provide-title, #main div.casestudy .casestudy-result-title {
	   font-weight: bold;
	   color: #169d16;
	   text-transform: uppercase;
	}
	#main div.casestudy ul {
		padding-left: 20px;
		margin: 15px 0;
		list-style: disc !important;
	}
	#main div.casestudy div.casestudy-result {
		padding-left: 12px;
		border-left: 5px solid #dedede;
		margin-left: 15px;
		margin-bottom: 20px !important;
		clear: both;
	}
	#main div.casestudy p.casestudy-person, #main div.casestudy p.casestudy-position {
		font-style: italic;
		color: #666;
		line-height: 14px;
		margin-bottom: 5px;
	}
	
	.post-type-archive-casestudies #main {
		width: 73.85%;
	}
	.post-type-archive-casestudies #sidebar {
		width: 22.05% !important;
	}


	/*-----------------------------------------------------------------------------
	=ARCHIVE
	------------------------------------------------------------------------------*/
	#main h1.cat {
		margin: 0 !important;
	}
	.category-news h1 {
	font-size: 3.15em !important;
	}
	
	
	#main .photo {
float: right;
padding: 2px;
/*border: solid 2px #DEDEDE;*/
border: 1px solid #E6E6E6
}

	#main .avatar .photo {
padding: 0;
border: none;
}
	
	.twocol-one {
	float: left;
	margin-right: 40px;
	}
	.last {
		float: none;
	}
		
	#navigation ul li:first-child, #navigation ul li:first-child a {
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
	}
	
	#navigation .nav li.parent > a::after {
border-color: #333 transparent transparent transparent !important;
}
	
	
	#copyright p {
		float: left;
margin-top: 28px;
	}
	.mr_social_sharing_top a.mr_social_sharing_popup_link, .mr_social_sharing_top div, .mr_social_sharing_top span, .mr_social_sharing_top iframe, .mr_social_sharing_top img {
line-height: 0;
vertical-align: top;
height: 20px !important;
}
a.adaptbutton {
	padding: 5px 10px;
	background: #0094ab;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.quotestart {
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; font-size: 70px; margin-right: 10px; vertical-align: -20px;
}
.quoteend {
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 	font-size: 70px; vertical-align: -35px; margin-left: 10px;
}

	
	/* **************************************************************************************************************************************************** */
	/* =RESPONSIVE CODE STARTS */
	/* **************************************************************************************************************************************************** */

	
	
	
	
	
	/* --------------------------------------------------------------------------------- 240px  --------------------------*/
@media only screen and (min-width:240px) {

/*#thing-with-maps {
		width: 96%;
		margin: 1em auto;
		border: 3px solid #F0E68C;
		background-color: white;
		padding: 1em;
		overflow: hidden;
		-moz-border-radius: 10px;
		border-radius: 10px;
}
*/
#thing-with-maps {
		width: 100%;
		margin: 0 auto;
		background-color: white;
		padding: 0;
		overflow: hidden;
}
.kr-column-1 {
		width: 100%;
		float: left;
	}
	.kr-column-2 {
		width: 100%;
		float: left;
	}
	.services-detail {
		float: left; width: 100%; margin-right: 3.08%; margin-top: 10px;
	}
	.services-submenu-holder {
		float: left; width: 100%; margin-right: 0; margin-top: 10px; margin-bottom: 30px;
	}
	.services-submenu-holder p {
		font-size: 16px; color: #424242; 
	}
	.services-submenu-holder p span {
		color: #0094ab; font-weight: bold;
	}

	#logo {
		margin: 10px auto 30px !important;
	}
	#navigation-container {
	margin: 0 auto;
	background: pink;
	width: 96%;
	}
	.col-full {
		width:96%;
		margin: 0 auto;
	}
	
	#banner-area {
		width: 100%;
		margin-top: 30px;
	}
	.item_preview {
		width: 95%;
		margin: 0 auto;
	}
	
		.arrow_right {
		display: block;
		background: url(images/banner-nav-right.png) no-repeat;
		width: 31px;
		height: 46px;
		text-indent: -5000px;
		position: absolute;
		top: 48%;
		right:0;
		z-index: 1000;
		}
		
		.arrow_left {
		display: block;
		background: url(images/banner-nav-left.png) no-repeat;
		width: 31px;
		height: 46px;
		text-indent: -5000px;
		position: absolute;
		top: 48%;
		left: 0;
		z-index: 1000;
		}
		
		#index-column-1 {
			width: 100% !important;
			float: left;
		}
		#index-column-2 {
			width: 100% !important;
			margin-bottom: 20px;
			/*float: left;*/
		}
		
		.service-block {
		width: 96%;
		margin: 10px auto 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #ddd;
		/*padding: 4px;*/
		}
		.service-block h3 {
		/*font-size: 16px;*/
		margin-top: 8px;
		padding-left: 50px;
		font-weight: bold;
		/*color: #0094ab;*/
		color: #979797;
		line-height: 17px;
		height: 60px;
		}
		.service-block img {
			float: left; margin-right: 9px;opacity: 0.5; margin-top:-8px; width: 38px; height: 38px; margin-bottom: 15px;
		}
		/*.service-block a img {
			float: left; margin-right: 9px;opacity: 0.5; margin-top:-8px; width: 38px; height: 38px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		}
		.service-block a:hover img {			
			text-decoration: none;
			color: #0094ab;
			opacity: 1;
		}*/
		.services-detail img {
			float: left; margin-right: 9px;opacity: 0.5; margin-top:-8px; width: 44px; height: 44px;
		}
		#quoteblock {
			display: none;
		}
		#tagline {
			font-size: 28px; font-weight: normal; color: #5c5c5c; line-height: 34px;
		}
		.block {
			padding-bottom: 20px;
			border-bottom: #333 3px solid;
		}
		
		.nav-left-shadow, .nav-right-shadow {
			display: none;
		}
		
		#social-icons-holder {
			/* width: 240px; */
			 text-align: center;  margin: 0 auto;
		}
		ul#social-icons {
			height: 22px; width: 140px; margin: 0 auto; text-align: center;
		}
		
		
		
		.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8,  .block-7, .block-8, .block-9 {
			border-bottom: 2px solid #DEDEDE;
			padding-bottom: 25px;
		}
		
		#about-column-1, #about-column-2, #about-column-3 {
		width: 100%;
	}
		#about-column-1 {
		float: left;
	}
	
	p a.adaptbutton {
		padding: 6px 10px;
		background: #0094ab;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
		text-decoration: none;
		margin: 10px 0 20px 0;
	}
		p a:hover.adaptbutton {
			background: #00b5ce;
			text-decoration: none;
	}
		
	#follow-buttons {
		/*visibility: hidden;*/
		float: none; width: 160px; text-align: center; margin: 0 auto; margin-top: 20px;
	}
}
/* --------------------------------------------------------------------------------- //240px  ------------------------*/
	
	
	
	/* --------------------------------------------------------------------------------- 480px  --------------------------*/
@media only screen and (min-width:480px) {
	

	#index-column-2 {
		width: 100% !important;
		margin-right: 0;
		float: left;
	}
	
	.service-block {
		width: 48%;
		margin-right: 3.8%;
		height: 180px;
		float: left;
		border: none;
		padding: 0;
	}
	.block-2, .block-4, .block-6, .block-8 {
		margin-right: 0;
	}
	.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8,  .block-7, .block-8, .block-9 {
			border-bottom: 2px solid #DEDEDE;
			padding-bottom: 40px;
		}
	
	.block {
		padding-bottom: 20px;
		border-bottom: none;
	}
	
		
}
/* --------------------------------------------------------------------------------- //480px  ------------------------*/
	
		
	/* --------------------------------------------------------------------------------- 768px  --------------------------*/
@media only screen and (min-width:768px) {
	
	
	#follow-buttons {
		visibility: visible;
		float: right; width: 110px; 
		margin-top: -55px;
	}
	
	.kr-column-1 {
		width: 62%;
		margin-right: 3.8%;
		float: left;
	}
	.kr-column-2 {
		width: 34%;
		margin-right: 0;
		float: left;
	}
	
	#thing-with-maps {
		width: 100%;
		margin: 0 auto;
		background-color: white;
		padding: 0;
		overflow: hidden;
}
		#tagline {
			font-size: 38px; font-weight: normal; color: #5c5c5c; line-height: 34px;
		}
	
	
	#social-icons-holder {
		/* width: 240px;  */
		text-align: left;  margin: 0;
	}
	
	ul#social-icons {
		height: 32px; width: 150px; margin: 0; text-align: left;
	}
	
	/*#logo {
		margin: 40px auto 30px !important;
	}*/
	#logo {
		 /* 	margin: 40px auto 40px !important;original */
			margin: 0 auto 20px !important; /* when social media icons are added */
	}
/*	#footer-widgets.col-4 .block {
		border-bottom: 2px solid blue;
		padding-bottom: 20px;
		width: 48% !important;
	}
	*/
		#navigation {
			background: #fff;
			margin: 1em 0 1em;
		}
		.service-block img {
			float: left; margin-right: 9px;opacity: 0.5; margin-top:4px; width: 44px; height: 44px;
		}
		.service-block a img {
			float: left; margin-right: 9px;opacity: 0.5; margin-top:5px; width: 44px; height: 44px;
		}
		.service-block a:hover img {
			opacity: 1;
			color: #0094ab;
			text-decoration: none;
		}
		#tagline {
			font-size: 38px; font-weight: normal; color: #5c5c5c; line-height: 42px;
		}
		#quoteblock {
			display: block;
			margin-top: 30px;
			float: left;
		}
		
		#index-column-1 {
			width: 73.75% !important;
			margin-right: 3.8%;
			float: left;
		}
	
		#index-column-2 {
			width: 22.05% !important;
			margin-right: 0;
			float: right;
		}
		.service-block {
			width: 48%;
			margin-right: 3.8%;
			height: 180px;
			float: left;
			border: none;
			padding: 0;
		}
	.block-2, .block-4, .block-6, .block-8 {
		margin-right: 0;
	}
	.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8,  .block-7, .block-8, .block-9 {
			border-bottom: 2px solid #DEDEDE;
			padding-bottom: 40px;
		}
		
	#banner-area {
		margin-top: 5px;
	}
		#navigation-container {
		width: auto;
		background: #fff;
		display:inline-block;
		padding: 0 10px; /* was 20 initially */
		margin-top: -30px;
		position: relative;
		z-index: 999;
		border-bottom: 3px solid #008da7;
	}
	.nav-left-shadow, .nav-right-shadow {
		display: block;
	}
	.services-detail {
		float: left; width: 73.85%; margin-right: 3.08%; margin-top: 10px;
	}
	.services-submenu-holder {
		float: right !important; width: 22.05%; margin-right: 0; margin-top: 10px; margin-bottom: 0;
	}
	
	.category #main-sidebar-container #main, .single-post #main-sidebar-container #main {
		width: 73.75% !important;
		margin-right: 3.8%;
		float: left;
	}
	
	.category #main-sidebar-container #sidebar, .single-post #main-sidebar-container #sidebar {
		width: 22.05% !important;
		margin-right: 0;
		float: right;
		margin-top: 0 !important;
	}

		
		
	#main-sidebar-container #main {
			width: 73.75% !important;
			margin-right: 3.8%;
			float: left;
		}
	#main-sidebar-container #sidebar {
			width: 22.05% !important;
			margin-right: 0;
			float: right;
			margin-top: 0 !important;
		}
	
		#navigation .nav li.parent > a::after {
	border-color: #979797 transparent transparent transparent !important;
	}
	
		#about-column-1, #about-column-2, #about-column-3 {
		width: 30.5%;
		float: left;
	}
		#about-column-1, #about-column-2 {
		margin-right: 3.8%;
	}
	.page-id-6 h2 {
			margin: 35px 0 20px 0;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
	}
	#about-column-1 ul li, #about-column-2 ul li, #about-column-3 ul li {
		list-style: disc;
		margin-left: 20px;
	}
	
		p a.adaptbutton {
		display: none;
	}
		p a:hover.adaptbutton {
		display: none;
	}
	
	/* ---------------------------------------------- */
	#social-icons-holder {
			/* width: 240px; */
			 text-align: center;
			 margin: 0 auto;
			 margin-top: -60px;
		}
		ul#social-icons {
			float: left;
			height: 22px;
			width: 140px;
			margin: 0 auto;
			text-align: center;
			margin-bottom: 50px;
		}
		#follow-buttons {
		visibility: visible;
		float: right;
		width: 110px; 
		margin-top: -10px;
	}
	
	/* ---------------------------------------------- */
	
	
	
}
/* --------------------------------------------------------------------------------- //768px  ------------------------*/
	
	
	
	
	/* --------------------------------------------------------------------------------- 1000px  --------------------------*/
@media only screen and (min-width:1000px) {
	
	
	
	#social-icons-holder {
		/* width: 240px;  */
		text-align: left;  margin: 0;
		/* margin-top: -10px; */
	}
	ul#social-icons {
		height: 32px; width: 150px; margin: 0; text-align: left;
	}
	#follow-buttons {
		float: right; width: 170px; margin-top: 10px;
	}
	
	
	
	ul#menu-services-childpages li a {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	ul#menu-services-childpages li a:hover {
		padding: 10px 0 10px 20px;
	}
	
	#tagline {
		font-size: 38px !important; font-weight: normal; color: #5c5c5c; line-height: 52px;
	}
	.block {
		border-bottom: none;
		padding-bottom: 20px;
		width: 48%;
	}
	.col-full {
		width:960px;
		margin: 0 auto;
	}
	.item_preview {
		width: 960px;
		margin: 0 auto;
	}
	
	
		.service-block {
			width: 30.75%;
			margin: 0 3.8% 40px 0;
			/*height: 180px;*/
			float: left;
			border: none;
			padding: 0;
			padding: 0 0 60px 0;
			margin-bottom: 25px;
		}
		.page-id-14 .service-block {
			width: 30.75%;
			/*width: 22.05%;*/
			margin: 0 3.8% 40px 0;
			/*height: 180px;*/
			float: left;
			padding: 0 0 60px 0;
			margin-bottom: 25px;
		}
		.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8,  .block-7, .block-8, .block-9 {
			border-bottom: 2px solid #DEDEDE;
			padding-bottom: 60px;
		}
		
		.block-2, .block-4 {
			margin-right: 3.8%;
		}
		.block-3, .block-6, .block-9  {
			margin-right: 0;
		}
		
		.page-id-14 .block-3, .block-6, .block-9 {
			margin-right: 0 !important;
		}
		
		
}
/* --------------------------------------------------------------------------------- //1000px  ------------------------*/



p.quote-source {
	text-align: right !important;
	margin: -30px 40px 0 0 !important;
	padding: 0 !important;
	font-style: italic !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

#post-highlight-box p{
	margin-bottom: 0 !important;
}