/*
Theme Name: Preference Pro
Theme URI: http://demo.styledthemes.com/preference
Author: Styled Themes
Author URI: http://www.styledthemes.com
Description: The Preference WordPress theme is designed with an absolute gorgeous clean and professional style for businesses wanting a visual presence that stands above others. Take full advantage of Twitter's own Bootstrap framework to give you an awesome responsive theme that lets you view your site in popular mobile devices. You also have the ability to customize your theme with various theme settings that uses the newer theme Customizer, and with unlimited colours, you can create your own personalized style.
Version: 1.5.0
License: GNU General Public License v3 or later
License URI: license.txt
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, custom-colors, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: preference


--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or 
Templates directly. If you do, your customizations will be lost 
as soon as you update this theme.

WordPress and Styled Themes highly recommends using a Child Theme
which is included in your theme download package in the extras folder.

Read More: http://codex.wordpress.org/Child_Themes 

--------------------------------------------------------------

*** Notes ***

This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using this online tool: http://pxtoem.com/

*/
 
@font-face {
    font-family: 'microsoft_yi_baiti';
    src: url('fonts/msyi-webfont.eot');
    src: url('fonts/msyi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/msyi-webfont.woff') format('woff'),
         url('fonts/msyi-webfont.ttf') format('truetype'),
         url('fonts/msyi-webfont.svg#microsoft_yi_baiti') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* Lets reset everything */
 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside,details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* base styles */
html {
	font-size: 100%;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	color:#747474;
}
body {
	font-size:163px;
		font-size: 1.000rem;
	line-height:21px;
		line-height:1.313rem;
	background: #dadddf url('images/patterns/pattern-bg.png') 0 0 repeat fixed;
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}

/* Primary wrappers */
#page-top-bg {
	width:100%;
	height:353px;
	position:fixed;
	background-color:#fff;
	border-top:6px solid #595a67;
	border-bottom:1px solid #bcbcbc;
}
#centered-wrapper {
	max-width:1200px;
	margin:auto;
	position:relative;
	top:6px;
}
#logo-wrapper {
	min-height:60px;
	padding:30px 0;
	text-align:center;
}
#logo img {
	margin:auto;
}
#content-wrapper {
	min-height:200px;
	background-color:#f8f8f8;
	border-bottom:5px solid #595a67;
	border-radius:60px 60px 0 0;
	-webkit-border-radius: 60px 60px 0px 0px;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .2);  
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .2);	
}
#footer-wrapper {
	padding:30px 0 0;
	
	bottom:0;
	background-color:#78a5b6;
	border-top:1px solid #fff;
	color:#fff;
	line-height:17px;
		line-height:1.063rem;
}
#page-footer-wrapper {
	text-align:center;
	padding:20px 0;
	font-size:12px;
		font-size: 0.75rem;
	line-height:19px;
		line-height:1.125rem;
	color:#747474;
}

/* Secondary wrappers */
#nav-wrapper {
	background-color:#78a5b6;
	border-radius:60px 60px 0 0;
	-webkit-border-radius: 60px 60px 0px 0px;
	height:37px;
	text-align:center;
	font:normal 14px open_sans, Arial, sans-serif;
		font-size: 0.875rem;
	color:#fff;
	position:relative;
	z-index:1000;
}
#showcase-wrapper,
#banner-wrapper {
	background:#b9cadc url('mages/backgrounds/showcase-bg.jpg') 0 0 no-repeat;
}
#banner-wrapper {
	padding:6px 0 0;
}
#banner-wrapper .container {
	width:1200px;
}
#showcase-footer {
	height:5px;
	border-bottom:1px solid #D7DFE6;
}
#showcase-shadow {}
#showcase-shadow  img {
	display:block;
}
#showcase img {
	margin:auto;
}
#breadcrumbs {
	margin-top:8px;
	font:italic 11px verdana, sans-serif;
		font-size: 0.688rem;
	color:#9da2a9;
}
#main-content {
	min-height:120px;
	padding:25px 15px;
	/*border-bottom:1px solid #8faeb8;*/
}
#content-top-wrapper {}
#content-bottom-wrapper {}
#content-top-span {}
#content-bottom-span {}
#inset-top, 
#inset-bottom {
	clear:both;
}

#inset-top,
#left-column,
#right-column {
	padding-top:5px;
}
#cta{
	text-align:center;
	margin-bottom:30px;
	padding:0 20%;
}
#left-column,
#right-column {
	padding-top:40px;
}
#bottom-wrapper {
	margin-top:5px;
}


/* Typography */
p {
	margin-bottom:20px;
		margin-bottom: 1.250rem;
}
h1, h2, h3, h4, h5, h6{
	font-family: open_sans, sans-serif;
	font-weight:400;
	color:#333;
	margin-bottom:16px;
		margin-bottom:1rem;
}
h4, h5, h6 {
	margin-bottom:11px;
		margin-bottom:0.688rem;
}
h1 {
	font-size:23px; 
		font-size:1.438rem;
}
h2 {
	font-size:21px; 
		font-size:1.313rem;
}
h3 {
	font-size:18px; 
		font-size:1.125rem;
}
h4 {
	font-size:16px; 
		font-size:1rem;
}
h5 {
	font-size:14px; 
		font-size: 0.875rem;
}
h6 {
	font-size:12px; 
		font-size: 0.750rem;
}
h1.entry-title {
	margin-bottom:25px;
		marging-bottom:1.563rem;
}
h1.intro-title a {
	display:block;
	min-height:22px;
}
h1.intro-title {
	font-size:20px; 
		font-size:1.250rem;
	line-height:22px;
		line-height:1.375rem;
}
h2.entry-title-portfolio {
	font-size:18px;
	font-size:1.125rem;
}
aside h3 {
	font-size:16px; 
		font-size:1rem;
}
aside h4{
	font-size:14px; 
		font-size: 0.875rem;
}
#footer-wrapper aside h4 {
	color:#fff;
	font-size:16px;
}

h1.entry-title-status,
h2.status-date {
	margin-bottom:8px;
}
#cta h1 {
	font-size:22px; 
		font-size:1.375rem;
}
#cta h2,
#cta p {
	font-size:16px; 
		font-size:1rem;
}
/* colours */
.colour-default {color:#5e97ad;}
.colour-grey {color:#828d95;}
.colour-red {color:#d05e5e;}
.colour-amber {color:#cc9f34;}
.colour-purple {color:#ba8cb5;}
.colour-mycustom {color:#000;}


/* styles for your text logo and site description
 * change the font and colour to your preference
 */
h1#site-title {
	font:normal 52px microsoft_yi_baiti,arial,sans-serif;
		font-size:3.250rem;
	color:#4c5d64;
	margin-bottom:10px;
		margin-bottom: 0.625rem;
}
h2#site-description {
	font:normal 14px arial,sans-serif; 
		font-size: 0.875rem;
	color:#8b8b8b;
	margin-bottom:0;
}
h2.aside-title {
	font-style:italic;
	font-size:20px;
	color:#d6d7d8;
}
.sticky span.featured-post{
	vertical-align: 5px;
	font-size: 16px;
		font-size: 1rem;
	font-style: italic;
	color: #cc9f34;
}
address {
	margin:20px 0;
}
kbd {
	font-size:14px;
		font-size: 0.875rem;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
	color:#333;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
abbr, 
acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

a abbr, 
a acronym {
	border: none;
}

dfn[title],
abbr[title], 
acronym[title] {
	border-bottom: 1px solid #ccc;
	cursor: help;
}
.dropcap:first-letter,
.dropcap-grey:first-letter,
.dropcap-red:first-letter,
.dropcap-amber:first-letter,
.dropcap-purple:first-letter,
.dropcap-mycustom:first-letter {
	display:block;
	margin:7px 8px 0px 0px;
	float:left;
	font-size:44px;
	font-family:"Dancing Script", Georgia,Times,serif;
	color:#5e97ad;
}
.dropcap-grey:first-letter {
	color:#828d95;
}
.dropcap-red:first-letter {
	color:#d05e5e;
}
.dropcap-amber:first-letter {
	color:#cc9f34;
}
.dropcap-purple:first-letter {
	color:#ba8cb5;
}
.dropcap-mycustom:first-letter {
	color:#000;
}
.drop-default,
.drop-red,
.drop-grey,
.drop-amber,
.drop-purple,
.drop-mycustom	{
	display:block;
	height:37px;
	width:37px;
	float:left;
	text-align:center;
	font:normal 25px 'Open Sans', sans-serif;
		font-size:1.563rem;
	background: url('images/dropcap.png') 0 0 no-repeat;
	margin:0 9px 0 0;
	color:#fff;
	overflow:hidden;
}
.highlight-default,
.highlight-red,
.highlight-grey,
.highlight-amber,
.highlight-purple,
.highlight-mycustom {
	color:#fff;
	margin:0 3px;
	padding:1px 6px;
	font-style:italic;
	border-radius:6px;
	-webkit-border-radius:6px;
}
.info-box-default,
.info-box-red,
.info-box-grey,
.info-box-amber,
.info-box-purple,
.info-box-mycustom {
	color:#fff;
	margin:20px 0;
	padding:20px;
	height:auto;
}
.info-box-default h3,
.info-box-red h3,
.info-box-grey h3,
.info-box-amber h3,
.info-box-purple h3,
.info-box-mycustom  h3{
	font-size:21px; 
		font-size:1.313rem;
	color:#fff;
	background: transparent url('images/info-box-arrow.png') 0 1px no-repeat;
	padding-left:30px;
}
h3.info-box-white {
	background-image: url('images/info-box-arrow-white.png') ;
}
.drop-default,
.highlight-default,
.info-box-default,
.price-default .price-title {
	background-color:#78a5b6;
}
.drop-red,
.highlight-red,
.info-box-red,
.price-red .price-title {
	background-color:#d05e5e;
}
.drop-grey,
.highlight-grey,
.info-box-grey,
.price-grey .price-title	{
	background-color:#828d95;
}
.drop-amber,
.highlight-amber,
.info-box-amber,
.price-amber .price-title  {
	background-color:#cc9f34;
}
.drop-purple,
.highlight-purple,
.info-box-purple,
.price-purple .price-title  {
	background-color:#ba8cb5;
}
.drop-mycustom,
.highlight-mycustom,
.info-box-mycustom,
.price-mycustom .price-title  {
	background-color:#000;
}

.line-highlight-default,
.line-highlight-red,
.line-highlight-grey,
.line-highlight-amber,
.line-highlight-purple,
.line-highlight-mycustom {
	border-top:1px solid;
	border-bottom:1px solid;
	margin:0 3px;
	padding:0 3px;
	font-style:italic;
}
.line-highlight-default {
	color:#78a5b6;
	border-color:#78a5b6;
}
.line-highlight-red {
	color:#d05e5e;
	border-color:#d05e5e;
}
.line-highlight-grey {
	color:#828d95;
	border-color:#828d95;
}
.line-highlight-amber {
	color:#cc9f34;
	border-color:#cc9f34;
}
.line-highlight-purple {
	color:#ba8cb5;
	border-color:#ba8cb5;
}
.line-highlight-mycustom {
	color:#000;
	border-color:#000;
}

blockquote {
	min-height:44px;
	width:85%;
	background: transparent url('images/blockquote.png') 0 9px no-repeat;
	margin:0 auto 10px;
	padding:20px 0 20px 32px;
	font-style:italic;
	font-size:15px;
		font-size: 0.938rem;
}
blockquote p {
	margin:0;
}
blockquote.quote-right {
	float:right;
	margin:0 0 20px 24px;
	padding-top:12px;
}
blockquote.quote-left {
	float:left;
	margin:0 24px 20px 0;
	padding-top:12px;	
}
blockquote small,
cite{
	font-size:11px;
		font-size: 0.688rem;
	color:#79a5b4;
}
cite {
	font-style:normal;
}

/* Link styles */
a:link, 
a:visited {	
	color:#b88d28; 
	text-decoration:none;
}
a:hover {
	color:#719aa7;
}
a:focus {
	outline:none;
}

h1 a:link,
h1 a:visited,
#right-column a:link,
#right-column a:visited {
	color: #747474;
}
h1 a:hover,
#right-column a:hover {
	color:#b88d28;
}

#footer-wrapper aside a {
	color:#fff;
}

/* List Styles */
ol#comment-list,
ol.children {
	margin-left: 0;
	list-style: none;
}
ol.children {
	margin-left: 24px;
		margin-left: 1.5rem;
}


/* Comments */
ol#comment-list,
ol.children {
	margin-left: 0;
	list-style: none;
}
ol.children {
	margin-left: 24px;
		margin-left: 1.5rem;
}
header.comment-meta {
	margin-bottom: 0.75rem;
	padding: 6px 5px;
	background-color: #f2f2f2;
	font-style: italic;
}
p.comment-awaiting-moderation {}
.reply {
	margin-bottom: 20px;
		margin-bottom: 1.250rem;
}

/* global List and definition styles */
ul,
ol ,
dl {
	margin: 10px 0 12px 30px;
}
#content ul {
	margin-bottom:18px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin:7px 0 7px 23px;
}
li {
  line-height: 18px;
	line-height: 1.125rem;
}

/* Definition Lists */
dl {
	margin-left:0;
}
dt {
	text-transform:uppercase;
}
dd {
	background:none no-repeat left top;
	margin:10px 10px 10px 30px;
	padding-left:10px;
	font-style:italic;
}
dd.dl-line {
	border-left:1px solid #e1e1e1;
}


/* basic list styles */
ul.square {
	list-style-type: square;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.decimal-leading-zero {
	list-style-type: decimal-leading-zero;
}
/* sidebar lists */
aside ul,
aside ul.list-arrow1,
aside ul.list-arrow2,
aside ul.list-arrow3,
aside ul.list-arrow4,
aside ul.list-circles,
aside ul.list-starburst,
aside ul.list-checkmark {
	list-style: none;
	margin: 15px 0;
}
aside ul li {
	border-bottom: 1px solid #dedede;
	line-height: 18px;
		line-height: 1.125rem;

}

/* list styles with images */
ul.list-arrow1,
ul.list-arrow2,
ul.list-arrow3,
ul.list-arrow4,
ul.list-circles,
ul.list-starburst,
ul.list-checkmark {
	list-style: none; 
	margin: 18px;
}
aside ul.list-arrow1 li,
aside ul.list-arrow2 li,
aside ul.list-arrow3 li,
aside ul.list-arrow4 li,
aside ul.list-circles li,
aside ul.list-starburst li,
aside ul.list-checkmark li {
	line-height: 18px;
		line-height: 1.125rem;
	border-bottom: none;
}
ul.list-arrow1 li,
ul.list-arrow2 li,
ul.list-arrow3 li,
ul.list-arrow4 li,
ul.list-circles li,
ul.list-starburst li,
ul.list-checkmark li {
	line-height: 18px;
		line-height: 1.125rem;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	background-image: none;
}

ul.list-arrow1 li{
	background: url('images/list-styles.png') -120px -1px no-repeat;
}	
ul.list-arrow2 li {
	background: url('images/list-styles.png') -100px -21px no-repeat;
}
ul.list-arrow3 li {
	background: url('images/list-styles.png') -80px -41px no-repeat;
}
ul.list-arrow4 li {
	background: url('images/list-styles.png') -60px -61px no-repeat;
}
ul.list-circles li {
	background: url('images/list-styles.png') -40px -81px no-repeat;
}
ul.list-starburst li {
	background: url('images/list-styles.png') -20px -101px no-repeat;
}
ul.list-checkmark li {
	background: url('images/list-styles.png') 0px -121px no-repeat;
}


/* amber list */
ul.list-arrow1.list-amber li {
	background-position: -120px -281px;
}	
ul.list-arrow2.list-amber  li {
	background-position: -100px -301px;
}
ul.list-arrow3.list-amber  li {
	background-position: -80px -321px;
}
ul.list-arrow4.list-amber  li {
	background-position: -60px -341px;
}
ul.list-circles.list-amber  li {
	background-position: -40px -361px;
}
ul.list-starburst.list-amber  li {
	background-position: -20px -381px;
}
ul.list-checkmark.list-amber  li {
	background-position: 0px -401px;
}

/* purple list */
ul.list-arrow1.list-purple li {
	background-position: -120px -841px;
}	
ul.list-arrow2.list-purple  li {
	background-position: -100px -861px;
}
ul.list-arrow3.list-purple  li {
	background-position: -80px -881px;
}
ul.list-arrow4.list-purple  li {
	background-position: -60px -901px;
}
ul.list-circles.list-purple  li {
	background-position: -40px -921px;
}
ul.list-starburst.list-purple  li {
	background-position: -20px -941px;
}
ul.list-checkmark.list-purple  li {
	background-position: 0px -961px;
}

/* red list */
ul.list-arrow1.list-red li {
	background-position: -120px -561px;
}	
ul.list-arrow2.list-red  li {
	background-position: -100px -581px;
}
ul.list-arrow3.list-red  li {
	background-position: -80px -601px;
}
ul.list-arrow4.list-red  li {
	background-position: -60px -621px;
}
ul.list-circles.list-red  li {
	background-position: -40px -641px;
}
ul.list-starburst.list-red  li {
	background-position: -20px -661px;
}
ul.list-checkmark.list-red  li {
	background-position: 0px -681px;
}

/* grey list */
ul.list-arrow1.list-grey li {
	background-position: -120px -1121px;
}	
ul.list-arrow2.list-grey  li {
	background-position: -100px -1141px;
}
ul.list-arrow3.list-grey  li {
	background-position: -80px -1161px;
}
ul.list-arrow4.list-grey  li {
	background-position: -60px -1181px;
}
ul.list-circles.list-grey  li {
	background-position: -40px -1201px;
}
ul.list-starburst.list-grey  li {
	background-position: -20px -1221px;
}
ul.list-checkmark.list-grey  li {
	background-position: 0px -1241px;
}

/* Image styles */
img {
	display:block;
	/* Responsive images (ensure images don't scale beyond their parents) */
	max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */
	width: auto;
	/* IE7-8 need help adjusting responsive images */
	height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Responsive Embeds/Objects */
embed,
object {
	max-width: 100%;
}
svg:not(:root) {
    overflow: hidden;
}

/*.gj-portfolio-intro-image img,*/
.img-intro img,
.img-intro-left img,
.img-intro-right img,
.img-intro-none img,
.imageborder,
.contact-image img,
.entry-attachment img,
img.alignnone,
img.alignright,
img.alignleft,
img.aligncenter,
div.wp-caption img {
	border-bottom:8px solid #78a5b6;
}
.entry-attachment img {
	border-width:12px; 
	margin: 0 auto 15px;
}
.img-intro img,
.img-intro-left img, 
.img-full-left img,
div.wp-caption.alignleft,
img.alignleft {
	float:left; 
	margin:8px 30px 20px 0;
}
.img-intro-right img,
.img-full-right img,
div.wp-caption.alignright,
img.alignright {
	float:right; 
	margin:8px 0 20px 30px;
}

.img-intro-none img,
.img-full-none img,
div.wp-caption.alignnone,
img.alignnone {
	float:none; 
	margin:8px 0 20px;
}
div.wp-caption.aligncenter,
img.aligncenter {
	margin:8px auto 20px;
}

.wp-caption-text {
	text-align:center;
	margin-top:4px;
	margin-bottom:6px;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
}
/* For the attachment image.php view */
.attachment-details {
	font:normal 14px arial,helvetica, sans-serif;
	color:#a6a8a5;
	text-transform:uppercase;
	margin:0 auto 14px;
}
span.mini {
	font-size:11px;
	text-transform:normal;
}
.entry-caption {
	font-size:18px;
	}
.entry-description {
	width:40%;
	margin:auto;
}

/* Default WP Gallery */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 20px .85% 0 .85%;
	text-align: center;
	list-style: none;
	padding: 0;	
	}
.gallery .gallery-icon img.attachment-thumbnail {
	border-bottom:8px solid #78a5b6;
}
.gallery .gallery-item .gallery-icon img {
	width: auto;
	height: auto;
	margin: 0 auto;	

}
.gallery-caption {
	margin-left: 0;
}

.gallery-columns-0 dl { width: 100%; }
.gallery-columns-1 dl { width: 100%; }
.gallery-columns-2 dl { width: 48.3%; }
.gallery-columns-3 dl { width: 31.63%; }
.gallery-columns-4 dl { width: 23.3%; }
.gallery-columns-5 dl { width: 18.3%; }
.gallery-columns-6 dl { width: 14.96%; }
.gallery-columns-7 dl { width: 12.58%; }
.gallery-columns-8 dl { width: 10.80%; }
.gallery-columns-9 dl { width: 9.41%; }
.gallery-columns-10 dl { width: 8%; }

/* Article styles */
.actions,
.actions li,
.article-info,
.article-info dd {
	display:inline;
}
.article-info dd {
	margin:0 12px 0 0;
	padding:0;
}
.article-info dd:first-child {
	margin-left:0;
}
.article-details {
	margin:12px 0;
	font:normal 11px verdana, helvetica, sans-serif;
		font-size:0.688rem;
}
.item-separator {
	height:56px;
}
.category-description{
	margin-bottom:40px;
}

hr {
  margin: 30px 0;
  border: 0;
}

/* Portfolio */
.portfolio {}
.portfolio-intro {
	margin-bottom:20px;
}
.portfolio-intro-image {
	text-align:center;
}
.portfolio-title,
.portfolio-title a,
h3.portfolio-title-sm,
h3.portfolio-title-sm a {
	margin:10px 0;
	font-size:16px;
		font-size: 1rem;
	color:#333;
	font-weight:400;
}


.portfolio-title,
.portfolio-title a {
	font-size:20px;
}
p.see-more-btn {
	margin:18px 0 20px;
}

.entry-footer {
	font-style: italic;
	margin: 30px 0;
		margin: 1.875rem 0;	
}
.page-links,
.cat-links,
.tag-links,
.modified-date {
	font-weight: bold;
	font-style: normal;
}
aside#author-info,
nav.nav-single {
	margin-bottom: 48px;
		margin-bottom: 3rem;
}

.bypostauthor {}
.aside-post {
	border-left:5px solid #e7e9ea;
	padding-left:12px;
}
.aside-entry-meta {
	font:italic 11px verdana, arial, helvetica, sans-serif;
}
.status-date {
	font-size:12px;
}

/* Comments Form */
.form-horizontal .control-label {
	width:60px;
}
.form-horizontal .controls {
	margin-left:60px;
}
#commentform p.form-submit {
	text-indent:90px;
	margin-bottom:20px;
}
p.help-inline,
span.required {
	font-size:11px;
		font-size:0.688rem;
	font-style:italic;
}

#author-avatar {
	background-color:#c4c4c4;
}
#author-link {
	font-size:.688rem;
	padding:6px 0;
	font-style:italic;
}
#author-description,
nav.nav-single {
	padding:7px;
	background-color:#f2f2f2;
}


#author-title,
#comments-title {
	font-size: 16px;
		font-size: 1rem;
}
.assistive-text {
	margin-bottom: 0;
}
#comments-title {
	margin-bottom: 16px;
		margin-bottom: 1rem;
}

cite {
	font-size: 11px;
		font-size: 0.688rem;
}
cite.fn {
	font-size: 14px;
		font-size: 0.875rem;
	font-weight: bold;
}
cite.fn span,
.comment-date {
	font-size: 11px;
		font-size: 0.688rem;
	font-weight: normal;
}
blockquote cite:after {
	content: ' \2014 \00A0';
}
span.edit-link,
a.post-edit-link,
.reply {
	font-size: 11px;
		font-size: 0.688rem;
}


/* Table and special list layouts */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
	padding:6px;  
	text-align: left;
	vertical-align: top;
}
.table th {
  font-size:16px;
  letter-spacing:1px;
}
.table-striped thead tr {
	background-color: #78a5b6;
	color:#fff;
}
.table-striped thead tr a {
	color:#fff;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
	background-color: #e9e9e9;
}
.table-striped tbody tr:nth-child(even) td,
.table-striped tbody tr:nth-child(even) th {
	background-color: #fff;
}
.price-list {
	list-style:none;
	margin-left:0;
}
.price-list li{
	border:1px solid #dddcdc;
	border-bottom:0;
	margin:0;
	padding:8px 0px;
	text-align:center;
}
.price-list li:last-child{
	border-bottom:1px solid #dddcdc;
	margin-bottom:20px;
}
.price-title,
.price {
	padding:12px 0!important;
	font-size:28px;
	color:#fff;
}
.price {
	font:bold 52px 'PT Sans Narrow', arial, sans-serif;
}
.price sup {
	font-size:24px;
	font-weight:300;
}
.price-month {
	font-size:22px;
	font-weight:300;
}
.price-item {	
	background-color:#fff;
}
.price-default .price-footer {
	background-color:#b4cbd3;
}
.price-red .price-footer {
	background-color:#e08484;
}
.price-grey .price-footer {
	background-color:#9ea4a9;
}
.price-amber .price-footer {
	background-color:#e0bc66;
}
.price-purple .price-footer {
	background-color:#d6c1d4;
}
.price-mycustom .price-footer {
	background-color:#404244;
}
.price-default .price,
.price-default .price sup {
	color:#739dac;
}
.price-red .price,
.price-red .price sup {
	color:#d05e5e;
}
.price-grey .price,
.price-grey .price sup {
	color:#6a7075;
}
.price-amber .price,
.price-amber .price sup {
	color:#cc9f34;
}
.price-purple .price,
.price-purple .price sup {
	color:#ae7da9;
}
.price-mycustom .price,
.price-mycustom .price sup {
	color:#000;
}

/*Pagination*/
.pagination a, .pagination span {
cursor: pointer;
  color: #494f55;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);  
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  
}
.pagination a:hover, .pagination span:hover {
  color: #494f55;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.alignright,
.pull-right {
	float:right;
}
.alignleft,
.pull-left {
	float:left;
}
.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

/* Module styles */
.module {
	margin-bottom:35px;
		margin-bottom:2.188rem;
}

/* style 0 is a plain title and content module */
.module.plain {}
.module.plain .modline-outer,
.module.plain .modline-inner {
	display:none;
}

/* Module style 1 */
.modline-outer {
	height:2px;
	border-top:1px solid #78a5b6;
	border-bottom:1px solid #78a5b6;
	margin-bottom:18px;
}
.modline-inner {
	width:25%;
	height:2px;
	background-color:#78a5b6;
}
.module.red .modline-outer {
	border-color:#d05e5e;
}
.module.red .modline-inner {
	background-color:#d05e5e;
}
.module.grey .modline-outer {
	border-color:#828d95;
}
.module.grey .modline-inner {
	background-color:#828d95;
}
.module.amber .modline-outer {
	border-color:#cc9f34;
}
.module.amber .modline-inner {
	background-color:#cc9f34;
}
.module.purple .modline-outer {
	border-color:#ba8cb5;
}
.module.purple .modline-inner {
	background-color:#ba8cb5;
}
.module.mycustom .modline-outer {
	border-color:#000;
}
.module.mycustom .modline-inner {
	background-color:#000;
}


/* style 2 and 3 */
.module.bar .modline-outer,
.module.bar .modline-inner,
.module.curve .modline-outer,
.module.curve .modline-inner,
.module.box .modline-outer,
.module.box .modline-inner,
.module.menu .modline-outer,
.module.menu .modline-inner,
.module.plain .modline-outer,
.module.plain .modline-inner {
	display:none;
}
/* style 2 */
.module.bar h3,
.module.bar.red h3,
.module.bar.grey h3,
.module.bar.amber h3,
.module.bar.purple h3,
.module.bar.mycustom h3 {
	padding-bottom:16px;
	border-bottom: 5px solid #78a5b6;
}
.module.bar.red h3 {
	border-color: #d05e5e;
}
.module.bar.grey h3 {
	border-color: #828d95;
}
.module.bar.amber h3 {
	border-color: #cc9f34;
}
.module.bar.purple h3 {
	border-color: #ba8cb5;
}
.module.bar.mycustom h3 {
	border-color: #000;
}

/* style 3 */
.module.curve,
.module.curve.red,
.module.curve.grey,
.module.curve.amber,
.module.curve.purple,
.module.curve.mycustom {
	background-color:#eaeced;
	border-bottom:1px solid #78a5b6;
	border-radius:16px 0 16px 0;
	-webkit-border-radius:16px 0 16px 0;
	margin-bottom:33px;
}
.module.curve h3,
.module.curve.red h3,
.module.curve.grey h3,
.module.curve.amber h3,
.module.curve.purple h3,
.module.curve.mycustom h3 {
	padding:3px 10px;
	background-color:#78a5b6;
	color:#fff;
	border-bottom:2px solid #fff;
	border-radius:16px 0 0 0;
	-webkit-border-radius:16px 0 0 0;
}
.module.curve .modcontent,
.module.curve .textwidget,
.module.curve ul {
	padding:0 10px 9px;
}

.module.curve.red {
	border-color: #d05e5e;
}
.module.curve.red h3{
	background-color: #d05e5e;
}
.module.curve.grey {
	border-color: #828d95;
}
.module.curve.grey h3{
	background-color: #828d95;
}
.module.curve.amber {
	border-color: #cc9f34;
}
.module.curve.amber h3{
	background-color: #cc9f34;
}
.module.curve.purple {
	border-color: #ba8cb5;
}
.module.curve.purple h3{
	background-color: #ba8cb5;
}
.module.curve.mycustom {
	border-color: #000;
}
.module.curve.mycustom h3{
	background-color: #000;
}

/* Style 4 */
.module.box {
	background-color:#78a5b6;
	padding:10px 10px 3px;
	color:#fff;
}
.module.box h3 {
	padding:3px 0 4px;
	border-bottom:1px solid #fff;
	color:#fff;
}
.module.box.red {
	background-color: #d05e5e;
}
.module.box.grey {
	background-color: #828d95;
}
.module.box.amber {
	background-color: #cc9f34;
}
.module.box.purple {
	background-color: #ba8cb5;
}
.module.box.mycustom {
	background-color: #000;
}

/* Menu styles */
#gj-menu a {
	color:#fff;
	text-decoration:none;
}


/* Default module menu and list styles */
aside ul li {
	margin:0;
	padding:6px 0;
	border-bottom:1px solid #dadddf;
}
aside ul li:hover,
aside ul.menu li:hover {
	border-bottom:1px solid #ededed;
}
aside ul li a:link {
}
aside ul li:hover a {
}
aaside ul.list-arrow1 li:hover,
aside ul.list-arrow2 li:hover,
aside ul.list-arrow3 li:hover,
aside ul.list-arrow4 li:hover,
aside ul.list-circles li:hover,
aside ul.list-starburst li:hover,
aside ul.list-checkmark li:hover,
aside .thumbnails > li:hover  {
	border: none;
}
#footer-wrapper li,
.wk-twitter-list article {
	border-color:#afc7cf;
}
#footer-wrapper li:hover {
	border-color:#84a2ab;
}
aside .thumbnails {
	margin-top:4px;
	margin-left:0;
}
aside .thumbnails > li {
	padding:0;
	border:none;
}
aside .thumbnails img {
	border-width:4px;
}

/* Widget Menus */

aside ul.menu li {
	list-style:none;
	margin-left:0;
}
aside ul.menu li {
	margin:0;
	padding:6px 0;
	border-bottom:1px solid #dadddf;
}
aside ul.menu li.current a:link,
aside ul.menu li a:hover	{}

aside ul.sub-menu {
	margin:3px 0 0 12px;
}
aside ul.sub-menu li:last-child {
	border:none;
	padding-bottom:0;
}
/* lets style the sub menu items */
	aside ul.menu li .current > a,
	aside ul.menu li .active > a,
	aside ul.menu li .current-menu-item > a,
	aside ul.menu li .current-menu-ancestor > a,
	aside ul.menu li .current_page_item > a,
	aside ul.menu li .current_page_ancestor > a {
}

/* menu suffix colours */
.module.menu.red ul li.current a:link,
.module.menu.red ul li a:hover {background-color:#d05e5e; }
.module.menu.grey ul li.current a:link,
.module.menu.grey ul li a:hover {background-color:#828d95; }
.module.menu.amber ul li.current a:link,
.module.menu.amber ul li a:hover {background-color:#cc9f34;}
.module.menu.purple ul li.current a:link,
.module.menu.purple ul li a:hover {background-color:#ba8cb5;}
.module.menu.mycustom ul li.current a:link,
.module.menu.mycustom ul li a:hover {background-color:#000000;}



/* Footer wrapper widget menus */
#footer-wrapper .module.menu li {
	border:none;
}
#footer-wrapper .module.menu ul li a {
	background:#84a2ab;
	color:#fff;
}
#footer-wrapper .module.menu ul li.current a:link,
#footer-wrapper .module.menu ul li a:hover	{
	background-color:#c6d8dd;
	color:#747474;
}



/* Code styles */
code, pre {
  	padding: 0 3px 2px;
  	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  	font-size: 12px;
 	 color: #333333;
  	-webkit-border-radius: 5px;
     	-moz-border-radius: 5px;
          	border-radius: 5px;
}
code {
	margin:0 1px;
  	padding: 2px 7px;
  	color: #cc9834;
  	background-color: #f7f7f9;
  	border: 1px solid #e1e1e8;
}
pre {
  	display: block; 
  	word-break: break-all;
  	word-wrap: break-word;
  	white-space: pre;
  	white-space: pre-wrap;
	background: url('images/pre.png') repeat #f6f6f6;
	border: 1px solid #dfe0e3;
	font: 12px/18px Monaco, Consolas, "Courier News", monospace;
	padding: 17px;
	margin:15px 0;
}	

/* Contact Form 7 */
#contact-form label {
	margin-bottom:5px;
}
#contactmap {
	background:transparent url('images/map.png') 0 0 no-repeat;
	min-height:270px;
}
/* Widgetkit Twitter module */
.wk-twitter .image {
	padding:0!important;
	border-color:#b8c9ce!important;
}

/* Bootstrap overrides */
.form-horizontal .control-group {
	margin:12px 0;
}

/* Mobile styling */
@media (max-width: 767px) {
	#centered-wrapper {
		margin:0 10px;
	}
	#footer-wrapper {
		padding-left:10px;
		padding-right:10px;
	}
	#breadcrumbs {
		padding-left:15px;
		padding-right:15px;
	}
	#cta {
		padding-left:10px;
		padding-right:10px;
	}
}