/*------------------------------------------------
Theme Name: Newa: Responsive HTML Template
Theme URI: http://template.mycolorpencils.com/newa/
Description: Newa is a clean, creative and responsive HTML site template with tons of features offering the best way to bring your business and portfolio online!
Version: 1.0
Author: mycolorpencils
Author URI: http://mycolorpencils.com
------------------------------------------------*/

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

CSS STRUCTURE:

1. IMPORT SECTION

2. GENERAL TYPOGRAPHY
	2.1 Global Reset & Clearfix
	2.2 @Font Face
		- Sosa Icon Font
	2.3 General Styles
		- Links
		- Floating & Alignment
		- Clear Floats
	2.4 Columns Styles
	2.5 Dividers
	2.6 Basic Lists
	2.7 Headings
	2.8 Images Styles
		- Image with Caption
		- Image with Frame
	2.9 Video Styles
	2.10 Forms Styles
	2.11 Tables Styles
	2.12 Pricing Tables
	2.13 Styled Boxes
		- Framed Box
	2.14 Buttons Styles
		- Buttons Color Scheme

3. SITE STRUCTURE
	3.1 Header
		- Logo
	3.2 Navigation
	3.3 Tiny Navigation
	3.4 Intro
		- Page Title
		- Page description
	3.5 FlexSlider
		- Browser Resets
		- FlexSlider Necessary Styles
		- Direction Navigation
		- Control Navigation
		- Slider Caption
	3.6 Content
		- Section General
		- Custom Blocks Section
		- Content Slider Section
			- Content Slider Navigation
			- Content Slides Container
			- Portfolio Section
			- Blog Post Section
		- Call to Action Section
		- Clients Section
		- Services Section
		- Testimonials Section
			- Testimonials Slider
		- Related Works Section
		- Our Team Section
		- 404 Error Page
		- Testimonials
		- Contact Form
	3.7 Sidebars
		- Right Sidebar
		- Left Sidebar
	3.8 Footer
	3.9 Footer Bottom
		- Copyright
		- Footer menu
		
4. PORTFOLIO STYLES
	-General
	4.1 Filter
	4.2 Portfolio Two Columns
	4.3 Portfolio Three Columns
	4.4 Portfolio Four Columns
	4.5 Portfolio Single
	
5. WIDGET STYLES
	- Widget General
	- Sidebar Widget General
	- Footer Widget General
	5.1 Categories / Archives Widget
	5.2 Search Form Widget
	5.3 Text Widget
	5.4 Popular Posts / Recent Posts Widget
	5.5 Recent Comments Widget
	5.6 Video Widget
	5.7 Contact Info Widget
	5.8 Tags Widget
	5.9 Twitter Widget
	5.10 Flickr Widget
	5.11 Social Media Widget
	5.12 Google Map Widget
	
6. BLOG STYLES
	- General
	- Blog Slider
	6.1 Blog Single Post
	6.2 Post Navigation
	6.3 Pagination
	6.4 Comments List
	6.5 Comments Form
	
7. EXTENDED TYPOGRAPHY & SHORTCODES
	7.1 Blockquote / Pullquote
	7.2 Dropcap
	7.3 Text Highlights
	7.4 Code & Pre
	7.5 List Styles
	7.6 Icon Boxes
	7.7 Tabs & Toggles & Accordion
		- Tabs
			- Horizontal Tabs
			- Vertical Tabs
		- Toggles
		- Accordions
		
8. ANIMATED SCROLL TO TOP

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

/*====================================================================*/
/* 1. IMPORT SECTION */
/*====================================================================*/
@import url("boxed.css");

/*====================================================================*/
/* 2. GENERAL TYPOGRAPHY */
/*====================================================================*/
/*----------------------------------------------*/
/* 2.1 Global Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) */
/*----------------------------------------------*/
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, fieldset, form, label, legend, 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 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfix */
.clearfix { display: block; }

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	height: 0;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; /* IE < 8 */ }
	
/*----------------------------------------------*/
/* 2.2 @Font Face */
/*----------------------------------------------*/
/* Sosa Icon Font
---------------------------------------------------------- */
@font-face {
    font-family: 'sosa';
    src: url('fonts/sosa-icon-font/sosa.eot');
    src: url('fonts/sosa-icon-font/sosa.eot?#iefix') format('embedded-opentype'),
         url('fonts/sosa-icon-font/sosa.woff') format('woff'),
         url('fonts/sosa-icon-font/sosa.ttf') format('truetype'),
         url('fonts/sosa-icon-font/sosa.svg#sosa') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* 2.3 General Styles */
/*----------------------------------------------*/
html { -webkit-text-size-adjust: none; }

body {
	background-image: url('../images/patterns/pattern20.png');
	background-position: 0 0;
	background-repeat: repeat;
	background-color: #1388be;
	font: 12px/22px "Open Sans", "Arial", "Helvetica", sans-serif;
	font-weight: 400;
	color: #626364;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
	
ins { 
	background-color: #ff9; 
	color: #000; 
	text-decoration: none;
}

mark { 
	background-color: #ff9; 
	font-style: italic; 
	font-weight: bold;
	color: #000; 
}

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor:help; }

small { font-size: 11px; }

input, select { vertical-align: middle; }

strong, th, thead td { font-weight: 600; }
	
cite, em { font-style: italic; }
	
code, pre {
	display: block;
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
}
	
hr { 
	display: block; 
	border: 0; 
	border-top: 1px solid #e5e5e5; 
	margin: 10px 0; 
	padding: 0;
	height: 1px; 
}

a { 
	background: none; 
	color: #1388be; 
	text-decoration: none; 
	outline: none; 
	cursor: pointer;
}

a:hover { color: #101010; }

a img { 
    border: none; 
    vertical-align: bottom;
}
	
img {
	display: inline-block;
	border: 0;
	width: auto\9;/* IE8 Fix */
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
	
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], textarea {
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 20px; }
	
::selection {
	background: #1388be;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #1388be;
	color: #fff;
	text-shadow: none;
}

/* Links
---------------------------------------------------------- */
a.link {
	border-bottom: 1px dotted #e5e5e5;
	padding: 4px 0 2px;
	font-size: 13px;
	font-weight: 600;
	color: #101010;
}
	
a.link:hover {
	color: #1388be;
	border-color: #1388be;
}
		
span a.link { margin-left: 10px; }

a.goto {
	background: transparent url('../images/goto_arrow.png') no-repeat scroll 100% 50%;
	padding: 3px 25px 4px 0;
	font-weight: 700;
	color: #1388be;
	-webkit-transition: padding 0.1s ease-out;
	-moz-transition: padding 0.1s ease-out;
	-o-transition: padding 0.1s ease-out;
	-ms-transition: padding 0.1s ease-out;
	transition: padding 0.1s ease-out;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}

a.goto:hover { padding-right: 28px; }

.required { color: #1388be; }

/* Floating & Alignment
---------------------------------------------------------- */
.float-left, .align-left { float: left; }

.float-right, .align-right { float: right; }
	
.align-center {
	margin-left: auto;
	margin-right: auto;
}

.text-align-left {text-align: left; }
	
.text-align-right {text-align: right; }
	
.text-align-center {text-align: center; }
	
.hidden { display: none; }

/* Clear Floats
---------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}
	
/*----------------------------------------------*/
/* 2.4 Columns Styles */
/*----------------------------------------------*/
.one-half, .one-third, .one-third-qrcode, .two-third, .one-fourth, .three-fourth, .one-fourth-large, .one-fourth-justify, .one-fifth, .one-fifth-justify, .two-fifth, .three-fifth, .four-fifth {
	position: relative;
	float: left;
	margin-right: 4%;
}

.one-half { width: 48%; }
.one-third { width: 30.6667%; }
.one-third-qrcode { width: 29.6667%; }
.two-third  { width: 65.3332%; }
.one-fourth { width: 22%; }
.one-fourth-large { width: 24%; }
.one-fourth-justify { width: 24%; text-align: justify; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.one-fifth-justify { width: 16.8%; text-align: justify; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 79.2%; }

.last {
	clear: right;
	margin-right: 0 !important;
}
	
/*----------------------------------------------*/
/* 2.5 Dividers */
/*----------------------------------------------*/
.divider {
	clear: both;
	display: block;
	position: relative;
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 35px;
	padding-top: 15px;
	height: 1px;
}
	
.divider-empty {
	clear: both;
	display: block;
	position: relative;
	padding-top: 20px;
}
	
.divider a.top {
	background: #f7f7f7 url('../images/arrow_top.png') no-repeat scroll right top;
	position: absolute;
	top: 12px;
	right: 0;
	padding: 0 8px;
	font-size: 9px;
	line-height: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777;
}
	
.divider a.top:hover { color: #1388be; }

/*----------------------------------------------*/
/* 2.6 Basic Lists */
/*----------------------------------------------*/
ul {
	list-style-type: disc;
	margin-left: 1.5em;
}
	
ul li { margin-left: .85em; }
	
ul ul { list-style-type: square; }
	
ul ul ul { list-style-type: circle; }
	
ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2.35em;
}
	
dt {
	margin-top: .8em;
	margin-bottom: .4em;
	font-weight: bold;
}
	
ol ol, ul ol { margin-left: 2.5em; }
	
ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; }

/*----------------------------------------------*/
/* 2.7 Headings */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	font-weight: 400;
	line-height: 1.5em;
	color: #101010;
}

h3, h4, h5, h6 { font-weight: 600; }
	
h1 { font-size: 24px; }
	
h2 { font-size: 18px; }
	
h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
	
h4 {
	font-size: 14px;
	margin-bottom: 8px;
}
	
h5 {
	font-size: 12px;
	margin-bottom: 6px;
}
	
h6 {
	font-size: 11px;
	margin-bottom: 4px;
}
	
/*----------------------------------------------*/
/* 2.8 Images Styles */
/*----------------------------------------------*/
.preloading {
	background: #fff url("../images/loading.gif") no-repeat 50% 50%;
	display: block;
}
	
img.align-left, .wp-caption.align-left { margin: 6px 20px 6px 0; }
	
img.align-right, .wp-caption.align-right { margin: 6px 0 6px 20px; }
	
img.align-center, .wp-caption.align-center {
	display: block; 
	margin: 8px auto 20px;
	text-align: center;
}
	
/* Image with Caption
---------------------------------------------------------- */
.wp-caption {
	margin-bottom: 10px;
	text-align: center;
}
	
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
	
p.wp-caption-text {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #8d8d8d;
}

/* Image with Frame
---------------------------------------------------------- */
.image-frame, .video-frame {
	background-color: #fff;
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 5px;
	line-height: 0px;
	border-radius: 3px;
}
	
.image-frame a, .image-icon-zoom, .image-icon-link, .image-icon-play {
	display: block;
	position: relative;
}

.mask-overlay {
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
	
.image-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.image-icon-zoom .image-overlay { background: transparent url('../images/image_icon_zoom.png') no-repeat scroll center center; }
	
.image-icon-link .image-overlay { background: transparent url('../images/image_icon_link.png') no-repeat scroll center center; }
	
.image-icon-play .image-overlay { background: transparent url('../images/image_icon_play.png') no-repeat scroll center center; }
	
.image-no-link { cursor: default; }

/*----------------------------------------------*/
/* 2.9 Video Styles */
/*----------------------------------------------*/
.video {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 56.25%;
	height: 0;
}

.video embed, .video iframe, .video object, .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------*/
/* 2.10 Forms Styles */
/*----------------------------------------------*/
fieldset {
	border: 1px solid #e5e5e5;
	padding: 1em;
}
	
legend {
	padding: 0 .8em;
	font-weight: bold;
	font-size: 1.2em;
}
	
textarea, input[type=text], input[type=password], input[type=email], select {
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: inherit;
	outline: none;
}
	
input, select { cursor: pointer; }
	
input[type=text], input[type=password], input[type=email] { cursor: text; }
		
input { padding: 5px 10px; }
	
textarea {
	overflow: auto; 
	padding: 10px;
}
	
select { padding: 2px; }
	
option { padding: 0 4px; }
	
input[type=button], button {
	font-size: 12px;
	cursor: pointer;
	vertical-align: middle;
}
	
label {
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}

input.text-input, textarea.textarea {
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
}

input.text-input {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
	
input.text-input:focus, textarea.textarea:focus, select:focus {
	background: #fff;
	border: 1px solid #1388be;
	color: #777;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}
	
::-webkit-input-placeholder, input:-moz-placeholder { color: #c2c2c2; }
	
/*----------------------------------------------*/
/* 2.11 Tables Styles */
/*----------------------------------------------*/
table, th, td { vertical-align: middle; }
	
.table-style {
	border: 1px solid #f3f3f3;
	border-bottom: 0;
	border-left: none;
	margin-bottom: 20px;
}
	
.table-style table {
	border-left: 1px solid #f3f3f3;
	border-right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
	
.table-style thead {
	background: #f0f0f0;
	font-size: 15px;
	text-align: center;
	color: #101010;
	text-transform: uppercase;
}
	
.table-style th {
	border-right: 1px solid #f3f3f3;
	padding: 10px;
}

.table-style th:last-child { border-right: 0; }
	
.table-style td {
	border: 1px solid #f3f3f3;
	border-right: 0;
	padding: 10px;
	text-align: center;
}
	
.table-style tbody tr { background-color: #fafafa; }

.table-style tbody tr:nth-child(even) { background-color: #f6f6f6; }

.table-style tfoot { background: #f0f0f0; }
	
.table-style tfoot td {
	padding: 6px;
	font-style: italic;
}
	
/*----------------------------------------------*/
/* 2.12 Pricing Tables */
/*----------------------------------------------*/
.pricing-table {
	position: relative;
	margin: 50px 0 20px;
	width: 100%;
}

.pricing-table .button { margin: 0; }

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6 {
	position: relative;
	width: 100%;
}

.column-2 .column, .column-3 .column, .column-4 .column, .column-5 .column, .column-6 .column { float: left; }

.column-6 .column { width: 16.6%; }
.column-5 .column { width: 20%; }
.column-4 .column { width: 25%; }
.column-3 .column { width: 33.3%; }
.column-2 .column { width: 50%; }

.pricing-table .column {
	background: #f9f9f9;
	position: relative;
}

.pricing-table .column.last-column .column-header, .column.last-column .features-list, .column.last-column .column-footer { border-right: 1px solid #e5e5e5; }

.column-header {
	background: #f3f3f3;
	border-left: 1px solid #e5e5e5;
	height: 135px;
	min-height: 135px;
	text-align: center;
}

.column-header .title {
	background: #101010;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 36px;
	text-transform: uppercase;
	color: #f6f6f6;
}

.column-header .price {
	margin: 0;
	font-size: 30px;
	font-weight: 400;
	line-height: 55px;
	letter-spacing: -3px;
	text-transform: none;
	color: #101010;
}

.column-header .price-real {
        margin: 0;
        font-size: 30px;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: -3px;
        text-transform: none;
        color: #101010;
}

.column-header .price span { font-weight: 400; }

.column-header .price .dollar-sign {
	font-size: 18px;
	letter-spacing: 1px;
}

.column-header .price .per-month {
	display: block;
	margin-top: -10px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
}

.column-footer {
	background: #f0f0f0;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 20px;
	text-align: center;
}

.features-list {
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.features-list li {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	line-height: 20px;
}

.features-list li:first-child { border-top: 1px solid #e5e5e5; }

.features-list li:nth-child(even) { background: #f6f6f6; }

.features-list li .check {
	background: transparent url('../images/price_check_green.png') no-repeat scroll 0 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.features-list li .label {
	display: none;
	margin-bottom: 5px;
	font-weight: 700;
	color: #444;
}

.features .column-header {
	background: #f3f3f3 url('../images/bg.png') repeat scroll 0 0;
	border: 0 none;
}

.features .features-list li {
	font-weight: 600;
	text-align: left;
}

.pricing-table .featured {
	position: relative;
	margin-top: -12px;
	z-index: 1;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.featured .column-header {
	background: #1388be;
	border-left: 0 none;
	border-top: 2px solid #1388be;
	height: 145px;
	min-height: 145px;
}

.ie7 .featured .column-header, .ie8 .featured .column-header { border-left: 1px solid #f3f3f3; }

.featured .title {
	background: #fff;
	padding: 5px 0;
	font-size: 16px;
	color: #1388be;
}

.featured .price {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.featured .column-footer {
	border-bottom: 2px solid #1388be;
	padding: 15px 20px 25px;
}

/*----------------------------------------------*/
/* 2.13 Styled Boxes */
/*----------------------------------------------*/
.info-box, .success-box, .error-box, .warning-box {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding-left: 40px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}
	
.info-box {
	background: #e6f1fa url('../images/icons/message_box_icons/info.png') no-repeat scroll 15px 11px;
	border-color: #b6Cfe5;
	color: #00529b;
}
	
.success-box {
	background: #eafae6 url('../images/icons/message_box_icons/success.png') no-repeat scroll 15px 11px;
	border-color: #9edc95;
	color: #5d792e;
}

.error-box {
	background: #fee4e4 url('../images/icons/message_box_icons/error.png') no-repeat scroll 15px 11px;
	border-color: #e1a3a3;
	color: #d54444;
}
	
.warning-box {
	background: #fff9cc url('../images/icons/message_box_icons/warning.png') no-repeat scroll 15px 11px;
	border-color: #e2c74f;
	color: #9f6000;
}
	
.message-box {
	position: relative;
	padding: 10px 10px 0 10px;
}
	
.message-box p { margin-bottom: 10px; }

.message-box .close {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
	position: absolute;
	top: 22px;
	right: 15px;
	margin-top: -5px;
	width: 8px;
	height: 9px;
	cursor: pointer;
}

.info-box .message-box .close { background-image: url('../images/icons/message_box_icons/info_close.png'); }

.success-box .message-box .close { background-image: url('../images/icons/message_box_icons/success_close.png'); }

.error-box .message-box .close { background-image: url('../images/icons/message_box_icons/error_close.png'); }

.warning-box .message-box .close { background-image: url('../images/icons/message_box_icons/warning_close.png'); }

/* Framed Box
---------------------------------------------------------- */
.framed-box {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}
	
.framed-box-content {
	padding: 20px 20px 0 20px;
}
	
.framed-box-arrow {
	background: transparent url('../images/framed_box_arrow.png') no-repeat scroll 0 0;
	display: block;
	position: absolute;
	width: 9px;
	height: 16px;
	top: 20px;
	left: -9px;
}
	
/*----------------------------------------------*/
/* 2.14 Buttons Styles */
/*----------------------------------------------*/
button, .button, a.button, .button span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
button, .button, a.button {
	white-space: nowrap;
	background: #1388be;
	position: relative;
	overflow: visible;
	margin: 0 5px 20px 0;
	font-weight: normal;
	line-height: 1em;
	outline: none;
	cursor: pointer;
}
	
button::-moz-focus-inner { border: none; }
	
button.button {
	border: 0;
	margin: 0;
	padding: 0;
	text-transform: none;
}
	
.button, .button:hover { text-decoration: none; }
	
.button.full, .button.full span {
	margin: 0;
	display: block;
}
	
a.button:hover, .button:hover { background: #101010; }

a.button:hover span, .button:hover span { color: #fff; }
		
.button span {
	white-space: nowrap;
	position: relative;
	color: #fff;
	padding: 0.4em 1em;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
}
	
.ie7 .button span { padding: 0.4em 1em 0.5em; }
	
.button.small span {
	padding: 0.4em 1em;
	font-size: 11px;
	line-height: 16px;
}
	
.ie7 .button.small span { padding: 0.2em 1em 0.5em; }
	
.button.medium span {
	padding: 0.5em 1em;
	font-size: 14px;
	line-height: 16px;
}

.ie7 .button.medium span { padding: 0.4em 1em 0.7em; }

.button.large span {
	padding: 0.6em 1em 0.7em;
	font-size:18px;
	line-height: 1em;
}
	
.ie7 .button.large span { padding: 0.4em 1em 0.8em; }
	
/* Buttons Color Scheme
---------------------------------------------------------- */
.button.black { background-color: #101010; }
.button.black:hover { background: #1388be; }
.button.black span { color: #fff; }
	
.button.gray { background-color: #ddd; }
.button.gray:hover { background-color: #bbb; }
.button.gray span { color: #666; }
.button.gray span:hover { color: #101010; }
	
.button.white { background-color: #fafafa; }
.button.red { background-color: #e61316; }
.button.orange { background-color: #FF7924; }
.button.purple { background-color: #9b4cb8; }
.button.yellow { background-color: #ffd800; }
.button.yellow span { color: #101010; }
.button.blue { background-color: #00a8ff; }
.button.pink { background-color: #FF69b4; }
.button.green { background-color: #9acd32; }
.button.coffee { background-color: #d6a581; }
.button.rosy { background-color: #F56C7e; }
	
/*====================================================================*/
/* 3. SITE STRUCTURE */
/*====================================================================*/
#page-wrap {
	background: #fff url('../images/bg.png') repeat scroll 0 0;
	position: relative;
	margin: 0 auto;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

.container-qrcode {
        position: relative;
        margin: 0 auto;
        width: 960px;
	text-align: justify;
}

.container-terms {
        position: relative;
        margin: 0 auto;
        width: 960px;
        text-align: justify;
}

.container-privacy {
        position: relative;
        margin: 0 auto;
        width: 960px;
        text-align: justify;
}
	
#content, #sidebar { position: relative; }
	
/*----------------------------------------------*/
/* 3.1 Header */
/*----------------------------------------------*/
#header {
	display: block;
	position: relative;
	padding: 30px 0 0;
	z-index: 2;
}

#header .container { padding: 0 0 30px 0; }
	
/* Logo
---------------------------------------------------------- */
 #logo {
	margin-top: 0px;
	float: left;
}
	
#logo, #logo a {
	font-size: 28px;
	line-height: 30px;
	color: #101010;
	font-weight: 800;
}
		
/*----------------------------------------------*/
/* 3.2 Navigation */
/*----------------------------------------------*/
#navigation {
	position: relative;
	float: right;
	margin: 0;
	height: 50px;
	font-size: 12px;
	font-weight: 700;
}

.ddsmoothmenu{ width: auto; }

.ddsmoothmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 13px 0 0;
	z-index: 100;
}

/* Top level list items */
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 0 4px;
}

/* Top level menu link items style */
.ddsmoothmenu ul li a {
	background: transparent url('../images/nav_arrow_active.png') no-repeat scroll 6px -9999px;
	display: block;
	margin: 0;
	padding: 0 0 4px 0;
	color: #101010;
	letter-spacing: -0.02em;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.ddsmoothmenu ul li:hover a, .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li > a.current {
	background-position: 6px 100%;
	color: #f6f6f6;
	text-decoration: none;
}

.ddsmoothmenu ul li > a.current {
	background-position: 6px 100%;
}

.ddsmoothmenu ul li a span {
	display: block;
	padding: 0 15px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.ddsmoothmenu ul li:hover a span, .ddsmoothmenu ul li > a.current span { background: #101010; }


* html .ddsmoothmenu ul li a { /* IE6 hack to get sub menu links to behave correctly */
	display: inline-block;
}

/* 1st sub level menu */
.ddsmoothmenu ul li ul {
	display: none;
	/* collapse all sub menus to begin with */
	position: absolute;
	left: 0;
	padding: 0;
	visibility: hidden;
	-webkit-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	}

	/* Sub level menu list items (undo style from Top level List items) */
	.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	margin: 0;
}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	background: #222;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #101010;
	margin: 0;
	padding: 6px 15px;
	width: 150px; /* width of sub menus */
	font-weight: normal;
	color: #f6f6f6;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.current {
	background: #1388be;
	border-top: 1px solid #1388be;
	border-bottom: 1px solid #1388be;
}

/* Holly Hack for IE */
* html .ddsmoothmenu { height: 1%;} /* Holly Hack for IE7 and below */


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	display: none;
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	display: none;
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { /* shadow for NON CSS3 capable browsers */
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow { /* shadow opacity for NON CSS3 capable browsers. Doesn't work in IE */
	opacity: 0.8;
}	
	
/*----------------------------------------------*/
/* 3.3 Tiny Navigation */
/*----------------------------------------------*/
.tinynav {
	display: none;
	float: left;
	margin: 15px 0;
	padding: 8px;
	width: 100%;
	font-size: 12px;
	color: #626364;
	border-radius: 3px;
}

/*----------------------------------------------*/
/* 3.4 Intro */
/*----------------------------------------------*/
.page-heading {
	background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 45% 0;
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.page-heading .container {
	background: #101010 url('../images/page_heading_corner.png') no-repeat scroll 100% 100%;
	display: block;
	overflow: hidden;
	padding: 15px 0;
}
					
/* Page Title
---------------------------------------------------------- */
#page-title { float: left; }
	
.page-title {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	color: #f6f6f6;
}
	
/* Page Description
---------------------------------------------------------- */
.page-description {
	margin-bottom: 35px;
	text-align: center;
}

.page-description h1, .page-description h2, .page-description h3, .page-description h4, .page-description h5, .page-description h6 {
	margin: 0;
	font-weight: 600;
}

.page-description h1, .page-description h2 { font-weight: 300; }
.page-description h1 { font-size: 30px; }
.page-description h2 { font-size: 24px; }

.page-description p {
	margin: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	color: #8d8d8d;
}

.page-description hr {
	border: 0;
	margin: 15px auto;
	width: 180px;
	height: 0;
	font: 0/0 serif;
	background: none;
	border-top: 1px solid #e5e5e5;
}

/*----------------------------------------------*/
/* 3.5 FlexSlider */
/*----------------------------------------------*/
.slider-container {
	background: transparent;
	display: block;
	position: relative;
	margin: 0 0 50px;
	z-index: 1;
}
	
/* Browser Resets
---------------------------------------------------------- */
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
---------------------------------------------------------- */
.flexslider {
	background: transparent;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	zoom: 1;
}

.flexslider .slides > li {
	display: none;
	margin: 0;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

.flex-viewport { max-height: 2000px; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Navigation
---------------------------------------------------------- */
.flex-direction-nav { *height: 0; }

.flex-direction-nav li { margin: 0; }

.flex-direction-nav a {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	text-indent: -9999px;
	z-index: 20;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.flex-direction-nav .flex-next {
	background-image: url('../images/slider_arrow_next.png');
	right: 30px;
}

.flex-direction-nav .flex-prev {
	background-image: url('../images/slider_arrow_prev.png');
	left: 30px;
}

.flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #1388be; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Navigation
---------------------------------------------------------- */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 25px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #f6f6f6;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	text-indent: -9999px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.flex-control-paging li a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.flex-control-paging li a.flex-active {
	background: #101010;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: default;
}

/* Slider Caption
---------------------------------------------------------- */
.slider-caption {
	background: #101010;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	left: 30px;
	bottom: 30px;
	padding: 15px;
	width: 35%;
	color: #eee;
	border-radius: 3px;
	font-size: 20px;
}

.caption-title {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
	color: #f6f6f6;
}

.owner-name {
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 600;
	font-style: italic;
        color: #f6f6f6;
}

.slider-caption p { margin-bottom: 0; }
	
.no-js .slider-caption { visibility: hidden; }
	
/*----------------------------------------------*/
/* 3.6 Content */
/*----------------------------------------------*/
#content { padding: 0 0 50px; }
	
/* Section General
---------------------------------------------------------- */
.section-wrap { margin: 0 0 55px; }
	
.section-wrap:last-child { margin-bottom: 20px; }
	
.section-title {
	background: transparent url('../images/heading_bg.png') repeat-x scroll 0 1px;
	border: 0;
	margin: 0 0 50px 0;
	padding: 0;
	height: 14px;
	font-size: 14px;
	font-weight: 800;
	line-height: 13px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 3px;
}

.section-title span {
	background: #fff url('../images/bg.png') repeat scroll 0 0;
	padding: 0 15px;
}

.section-wrap .icon-box, .section-wrap .tabs-container, .section-wrap .accordion { margin: 0; }

.section-wrap .clients-list a { margin: 0 10px; }

.section-wrap .testimonials-slider .testimonials {
	margin: 0;
	padding: 0 10px;
}

/* Custom Blocks Section
---------------------------------------------------------- */
.custom-blocks {
	background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 48% 0;
	position: relative;
}

.custom-blocks .block { float: left; }

.block-col-4 .block { width: 25%; }

.block-col-3 .block { width: 33.333333%; }

.custom-blocks .block-title {
	background: transparent url('../images/block_title_arrow.png') no-repeat scroll 100% 2px;
	position: relative;
	margin-bottom: 5px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 600;
	color: #f6f6f6;
	text-transform: uppercase;
}

.custom-blocks .block a {
	background: #101010;
	display: block;
	position: relative;
	overflow: hidden;
	margin-right: 1px;
	padding: 15px 20px 15px 90px;
	color: #f6f6f6;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-blocks .block a:hover { background: #1388be; }

.custom-blocks .block:last-child a {
	background-image: url('../images/block_corner.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0;
}

.equal-box {
	width: 100%;
	overflow: hidden;
}

.custom-blocks .block p {
	position: relative;
	margin-bottom: 4px;
	line-height: 1.5em;
}

.custom-blocks .block-icon-font, .custom-blocks .block-icon-image {
	position: absolute;
	top: 40px;
	left: 20px;
	border-radius: 50%;
	border: 2px solid #f6f6f6;
	padding: 5px;
}

.custom-blocks .block-icon-font {
	font-family: "sosa";
	font-size: 40px;
	line-height: 1em;
	color: #f6f6f6;
}

.custom-blocks .block-icon-image {
	width: 40px;
	height: 40px;
}
	
/* Content Slider Section
---------------------------------------------------------- */
.content-slider { position: relative; }

/* Content Slider Navigation */
#content-slider-nav {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

.tab-slider-wrapper {
	display: inline-block;
	position: relative;
	padding: 0;
	height: 70px;
}

.ie7 .tab-slider-wrapper { display: inline; }

.tab-slider-inner-wrapper {
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 0 0 0;
	height: 66px;
}

#active-indicator {
	background: transparent url('../images/tab_bg.png') no-repeat scroll center 0;
	position: absolute;
	left: -15px;
	top: 0;
	width: 244px;
	height: 70px;
	z-index: 9;
}

#content-slider-nav .pagination {
	list-style-type: none;
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	height: 48px;
	text-align: left;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
}

#content-slider-nav .pagination li {
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	width: 212px;
	height: 48px;
}

#content-slider-nav .pagination li:last-child {
	border-right: 0 none;
}

#content-slider-nav .pagination a {
	background: transparent url('../images/bullet_arrow.png') no-repeat scroll 20px 16px;
	display: block;
	position: relative;
	padding: 5px 0 3px 52px;
	z-index: 10;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#content-slider-nav .pagination a:hover { background: transparent url('../images/bullet_arrow_hover.png') no-repeat scroll 20px 16px; }

#content-slider-nav .pagination li.current a { background: transparent url('../images/bullet_arrow_active.png') no-repeat scroll 20px 16px; }
	
#content-slider-nav .pagination a strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #101010;
	text-transform: uppercase;
}

#content-slider-nav .pagination li a:hover strong { color: #1388be; }

#content-slider-nav .pagination li.current a strong, #content-slider-nav .pagination li.current a:hover strong { color: #f6f6f6; }

#content-slider-nav .pagination a small {
	display: block;
	margin-top: -4px;
	padding: 0;
	font-size: 11px;
	color: #8d8d8d;
}

#content-slider-nav .pagination li.current a small { color: #a5a5a5; }

/* Content Slides Container */
.content-slider .slides_container {
	display: none;
	padding: 0 10px;
	margin: 0 0 0 -10px;
	width: 960px;
	height: auto;
}
	
.content-slider .slide {
	position: relative;
	padding: 0;
}

.content-slider .slide > ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 992px;
}

.content-slider .slide > ul > li {
	float: left;
	margin: 0 32px 0 0;
	width: 216px;
	height: auto;
}

/* Blog Post Section */
.content-slider .post-wrap img { height: auto; }

.content-slider .post-wrap .post-feature { margin-bottom: 10px; }

.content-slider .post-feature .blog-slider { margin-bottom: 0; }

.content-slider .post-wrap .post-title {
	font-size: 14px;
	margin-bottom: 8px;
}

.content-slider .post-wrap .post-meta { margin-bottom: 5px; }

.content-slider .post-wrap .meta-list {
	background: none;
	float: none;
	display: block;
	margin: 0;
}

.content-slider .post-wrap .meta-list li {
	display: inline-block;
	border: none;
	margin-right: 10px;
	padding: 0;
}

.content-slider .post-wrap .meta-list li:last-child { margin-right: 0; }

.content-slider .post-wrap .meta-list span { padding: 4px 0 4px 25px; }

.content-slider .meta-list .meta-date, .content-slider  .meta-list .meta-comments { background-position: 0 5px; }

.content-slider .post-content p { margin: 0; }

.content-slider .testimonials-list {
	list-style-type: none;
	margin: 0;
}

/* Call to Action Section
---------------------------------------------------------- */
.call-to-action {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}

.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action p {
	margin: 0;
	font-weight: 600;
}

.call-to-action p { font-weight: 400; }

.call-to-action a .colored:hover {
	color: #101010 !important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.call-to-action .button { margin: 10px 0; }

/* Clients Section
---------------------------------------------------------- */
.clients-list {
	display: table;
	margin: 0 auto;
	text-align: center;
}

.clients-list a {
	background: transparent url('../images/bg_dark.png') no-repeat scroll 0 0;
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 0px 10px 20px 10px;
	width: 135px;
	height: 135px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.clients-list a:hover {
	background: #fff;
	border-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.clients-wrap .clients-list a img { width: 100%; max-width: 100%; }
	
/* Services Section
---------------------------------------------------------- */
.services-wrap ul { margin-bottom: 1em; }
	
/* Testimonials Section
---------------------------------------------------------- */
.testimonials { margin-bottom: 20px; }

.testimonials .bubble {
	background: #fff url('../images/quote_small.png') no-repeat scroll 15px 15px;
	position: relative;
	padding: 14px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
}

.testimonials .bubble p {
	margin-bottom: 0;
	font: 16px/1.6em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
	font-style: italic;
	text-align: center;
	text-indent: 30px;
}

.testimonials .bubble .bubble-arrow {
	background: transparent url('../images/bubble_arrow.png') no-repeat scroll 0 0;
	position: absolute;
	left: 94px;
	bottom: -15px;
	width: 30px;
	height: 15px;
}

.author {
	margin-top: 20px;
	overflow: hidden;
}

.author-thumb {
	background: transparent url('../images/author_thumb_shadow.png') no-repeat scroll 3px 100%;
	float: left;
	padding-bottom: 10px;
}

.author-thumb span {
	background: #fff;
	display: block;
	border: 1px solid #e5e5e5;
	margin: 0 15px 0 3px;
	padding: 2px;
	width: 50px;
	height: 50px;
	border-radius: 99%;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
}

.author-thumb img {
	display: block;
	border-radius: 25px;
}

.author-name {
	margin-bottom: 0;
	padding-top: 10px;
	font-size: 13px;
	font-weight: 600;
}

.author-name  a {
	font-size: 13px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #e5e5e5;
	color: #101010;
}
	
.author-name a:hover {
	border-bottom: 1px dotted #1388be;
	color: #1388be;
}

.author cite {
	font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #8d8d8d;
}

/* Testimonials Slider */
.testimonials-slider { position: relative; }

.testimonials-slider .slides {
	position: relative;
	padding: 0;
}

.testimonials-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 30px;
	margin-top: -15px;
}

.testimonials-slider .flex-direction-nav a {
	background: transparent url('../images/testimonials_nav.png') no-repeat scroll 0 0;
	bottom: 100px;
	width: 30px;
	height: 30px;
	top: auto;
	right: auto;
	bottom: 73px;
	left: auto;
}

.section-wrap .testimonials-slider .flex-direction-nav a, .widget .testimonials-slider .flex-direction-nav a { bottom: 53px; }

.testimonials-slider .flex-direction-nav .flex-next { background-position: 0 0; right: 10px; }

.testimonials-slider .flex-direction-nav .flex-prev { background-position: -30px 0; right: 45px; }

#main-content .testimonials-slider .flex-direction-nav .flex-next { right: 0; }

#main-content .testimonials-slider .flex-direction-nav .flex-prev { left: 0; }

.apps { width: 350px; }

.testimonials-slider .flex-direction-nav .flex-next:hover, .testimonials-slider .flex-direction-nav .flex-prev:hover { background-color: transparent; }

/* Related Works Section
---------------------------------------------------------- */
.related-work-wrap .portfolio-item { margin-bottom: 0; }
	
/* Our Team Section
---------------------------------------------------------- */
.member-profile {
	position: relative;
	margin-bottom: 20px;
	padding: 8px 8px 0px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.member-profile:hover {
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.member-image {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 997;
}

.member-image img {
	display: inline-block;
	background: #f3f3f3;
	max-width: 100%;
}

.member-info {
	position: relative;
	padding: 15px 0;
	text-align: center;
	z-index: 998;
}

.member-info .name, .member-info .title { margin: 0; }

.member-info .name {
	font-size: 15px;
	font-weight: 700;
	color: #101010;
	text-transform: uppercase;
}

.member-info .title { color: #8d8d8d; }

.member-info .info {
	background: #fff;
	display: none;
	position: absolute;
	top: 55px;
	left: -8px;
	right: -8px;
	padding: 0 8px 8px;
	border-radius: 3px;
	text-align: center;
	z-index: 999;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
}

.member-info .info p { margin: 10px; }

.member-info .social {
	padding: 5px 0 0 0;
	margin: 0 0 8px 0;
}

.member-info .social li a {
	background-color: #f3f3f3;
	border-radius: 9px;
}

.team-member {
	margin-bottom: 20px;
	text-align: center;
}

.team-member .framed-box {
	margin: 0 0 0 110px;
	padding: 15px;
}
	
.job-title {
	display: block;
	margin-bottom: 10px;
	color: #8d8d8d;
}

.team-member p { margin-bottom: 15px; }
	
.team-member .social-wrap {
	margin: 0;
	padding: 0;
	line-height: 1em;
}
	
.team-member .social-wrap li { margin-bottom: 0; }
		
/* 404 Error Page
---------------------------------------------------------- */
.error-404 { text-align: center; }
	
.error-404 span.text-404 {
	font-size: 250px;
	line-height: 1em;
	color: #101010;
	text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.error-404 p {
	font-size: 16px;
	line-height: 30px;
}
	
.error-404 p.search { padding: 20px 0; }
	
.error-404 .text-input {
	margin-right: 5px;
	width: 50%;
	height: 30px;
	line-height: 30px;
}
	
.error-404 button span { text-shadow: none; }
	
/* Contact Form
---------------------------------------------------------- */
.contact-form .text-input {
	height: 25px;
	line-height: 25px;
	width: 89%;
}
	
.contact-form .error {
	font-size: 10px;
	text-transform: uppercase;
	color: #ff8c8c;
}
	
.contact-form .textarea {
	width: 96%;
	height: 200px;
}
	
/*----------------------------------------------*/
/* 3.7 Sidebars */
/*----------------------------------------------*/
.right-sidebar #main-content, .left-sidebar #main-content { width: 700px; }
.right-sidebar #sidebar, .left-sidebar #sidebar { width: 220px; }


/* Right Sidebar
---------------------------------------------------------- */
.right-sidebar #main-content { float: left; }
.right-sidebar #sidebar { float: right; }
	
/* Left Sidebar
---------------------------------------------------------- */
.left-sidebar #main-content { float: right; }
.left-sidebar #sidebar { float: left; }

/*----------------------------------------------*/
/* 3.8 Footer */
/*----------------------------------------------*/
#footer, #footer a, #footer a.goto:hover, #footer-bottom, .copyright a, .footer-menu li a { color: #a5a5a5; }

#footer {
	background: #101010;
	position: relative;
	padding: 35px 0 0;
}

#footer a:hover { color: #fff; }

#footer a.goto {
	background: transparent url('../images/goto_arrow_footer.png') no-repeat scroll 100% 50%;
	display: inline-block;
}

/*----------------------------------------------*/
/* 3.9 Footer Bottom */
/*----------------------------------------------*/
#footer-bottom {
	background: #090909;
	font-size: 11px;
}

#footer-bottom .container {
	overflow: hidden;
	padding: 15px 0;
}

/* Copyright
---------------------------------------------------------- */
.copyright {
	float: left;
	margin: 0;
	line-height: 18px;
}

.copyright a:hover, .footer-menu li a:hover { color: #fff; }

/* Footer Menu
---------------------------------------------------------- */
.footer-menu { float: left; }
	
.footer-menu ul {
	list-style-type: none;
	margin: 0;
}
	
.footer-menu ul li {
	float: left;
	border-left: 1px solid #313131;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	line-height: 18px;
}
	
/*====================================================================*/
/* 4. PORTFOLIO STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.portfolio-container {
	margin: 0 -30px 0 0;
	padding: 0;
}
	
.portfolio-item {
	float: left;
	position: relative;
	margin: 0 30px 50px 0;
	-webkit-transition: box-shadow 0.5s ease-out;
	-moz-transition: box-shadow 0.5s ease-out;
	-o-transition: box-shadow 0.5s ease-out;
	-ms-transition: box-shadow 0.5s ease-out;
	transition: box-shadow 0.5s ease-out;
}

.portfolio-item:hover {
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}
	
.item-container {
	position: relative;
	overflow: hidden;
}
	
.portfolio-item .post-feature {
	overflow: hidden;
	margin-bottom: 0;
}

.portfolio-item .post-info {
	display: block;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-item:hover .post-info {
	background: #fff;
	border-bottom: 1px solid #1388be;
}

.portfolio-item .post-info .post-title {
	margin: 0px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.portfolio-item .post-info a {
	display: block;
	padding: 10px 0;
}

.portfolio-item .post-info a:hover .post-title { color: #1388be; }

.portfolio-item img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.portfolio-item .post-info .post-meta span {
	background: none;
	margin: 0;
	padding: 0;
}

.portfolio-icons {
	display: block;
	position: absolute;
	overflow: hidden;
	right: 10px;
	bottom: -40px;
	margin: 0;
}
	
.portfolio-icons a {
	background: #101010 url('../images/portfolio_icons_sprite.png') no-repeat scroll 0 0;
	background-color: rgba(0, 0, 0, 0.65);
	float: left;
	margin-left: 2px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.portfolio-icons a:hover { background-color: #1388be; }
	
.portfolio-icons a.image-hover { background-position: 8px 8px; }
.portfolio-icons a.link-hover { background-position: 8px -28px; }
.portfolio-icons a.video-hover { background-position: 8px -64px; }

/*----------------------------------------------*/
/* 4.1 Filter */
/*----------------------------------------------*/
.filter {
	display: block;
	margin: 0 0 35px 0;
}

.portfolio-filter {
	list-style-type: none;
	display: block;
	position: relative;
	float: right;
	margin: 0;
}

.portfolio-filter li {
	float: left;
	margin: 0 6px 0 0;
	font-size: 11px;
}
	
.portfolio-filter li a  {
	background: transparent url('../images/filter_arrow_active.png') no-repeat scroll center 0;
	display: block;
	padding: 0 0 6px 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-filter li a:hover { background-position: center 100%; }

.portfolio-filter span {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	display: block;
	padding: 3px 10px;
	height: 22px;
	line-height: 22px;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-filter li a.selected { background-position: center 100%; }
	
.portfolio-filter li a.selected span, .portfolio-filter li a:hover span {
	background: #1388be;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

/*----------------------------------------------*/
/* 4.2 Portfolio Two Columns */
/*----------------------------------------------*/
.portfolio-two-columns .portfolio-item { width: 465px; }

/*----------------------------------------------*/
/* 4.3 Portfolio Three Columns */
/*----------------------------------------------*/
.portfolio-three-columns .portfolio-item { width: 300px; }
	
/*----------------------------------------------*/
/* 4.4 Portfolio Four Columns */
/*----------------------------------------------*/
.portfolio-four-columns .portfolio-item { width: 217px; }

/*----------------------------------------------*/
/* 4.5 Portfolio Single */
/*----------------------------------------------*/
#portfolio-single { padding-bottom: 30px; }

#portfolio-single .post-feature, .portfolio-slider { margin-bottom: 40px; }

#portfolio-single .post-content {
	float: left;
	width: 660px;
}

#portfolio-single .post-details {
	margin: 0 0 20px 40px ;
	width: 260px;
	float: right;
}

.portfolio-meta { margin: 0 0 20px; }

.portfolio-meta-list {
	list-style-type: none;
	margin: 0;
}

.portfolio-meta-list > li {
	border-bottom: 1px dotted #e5e5e5;
	margin: 0;
	padding: 10px 0;
}

.portfolio-meta-list > li:last-child { border: 0; }

.portfolio-meta-list li strong {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
	color: #101010;
}

.portfolio-meta-list .work-list {
	list-style-type: none;
	margin: 0;
}

.portfolio-meta-list .work-list li {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 5px 5px 0 0;
	padding: 0 9px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
}

/*====================================================================*/
/* 5. WIDGET STYLES */
/*====================================================================*/
/* Widget General
---------------------------------------------------------- */
.widget {
	display: block;
	margin-bottom: 20px;
}
	
.widget-title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-image: url('../images/image_border.png') 1 0;
	-moz-border-image: url('../images/image_border.png') 1 0;
	-o-border-image: url('../images/image_border.png') 1 0;
	border-image: url('../images/image_border.png') 1 0;
}
	
.widget p { margin: 0; }
	
.widget ul {
	list-style-type: none;
	margin: 0;
}
	
#sidebar .widget li:last-child, #footer .widget li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.widget .accordion, .widget .testimonials { margin-bottom: 0; }
	
/* Sidebar Widget General
---------------------------------------------------------- */
#sidebar .widget{
	display: block;
	margin-bottom: 40px;
	border-radius: 3px;
}
	
#sidebar .widget:last-child { margin-bottom: 20px; }
	
#sidebar .subnav-widget li, #sidebar .categories-widget li, #sidebar .recent-comments-widget li, #sidebar .archives-widget li, #sidebar .popular-posts-widget li, #sidebar .recent-posts-widget li, #sidebar .meta-widget li, #sidebar .twitter-widget li {
	overflow: hidden;
	border-bottom: 1px dotted #e5e5e5;
	margin: 4px 0 0;
	padding-bottom: 4px;
}
	
#sidebar .subnav-widget li a, #sidebar .categories-widget li a, #sidebar .archives-widget li a, #sidebar .meta-widget li a, #sidebar .popular-posts-widget li a, #sidebar .recent-posts-widget li a, #sidebar .recent-comments-widget li a {
	display: block;
	overflow: hidden;
	color: #626364;
}
	
#sidebar .subnav-widget li a:hover, #sidebar .categories-widget li a:hover, #sidebar .archives-widget li a:hover, #sidebar .meta-widget li a:hover, #sidebar .popular-posts-widget li a:hover, #sidebar .recent-posts-widget li a:hover, #sidebar .recent-comments-widget li a:hover { color: #1388be; }
	
/* Footer Widget General
---------------------------------------------------------- */
#footer .widget{ margin-bottom: 30px; }
	
#footer .widget-title {
	margin-bottom: 20px;
	color: #f6f6f6;
	border-bottom: 1px solid #212121;
	-webkit-border-image: url('../images/image_border_footer.png') 1 0;
	-moz-border-image: url('../images/image_border_footer.png') 1 0;
	-o-border-image: url('../images/image_border_footer.png') 1 0;
	border-image: url('../images/image_border_footer.png') 1 0;
}
	
#footer .widget li:first-child { margin-top: 0; }
	
#footer .subnav-widget li, #footer .categories-widget li, #footer .recent-comments-widget li, #footer .archives-widget li, #footer .popular-posts-widget li, #footer .recent-posts-widget li, #footer .meta-widget li {
	overflow: hidden;
	border-bottom: 1px dotted #222;
	margin: 4px 0 0;
	padding-bottom: 4px;
}
	
#footer .subnav-widget li a, #footer .categories-widget li a, #footer .archives-widget li a, #footer .meta-widget li a,
#footer .popular-posts-widget  i a, #footer .recent-posts-widget li a, #footer .recent-comments-widget li a {
	display: block;
	overflow: hidden;
}
	
/*----------------------------------------------*/
/* 5.1 Categories / Archives Widget */
/*----------------------------------------------*/
.categories-widget li a, .archives-widget li a {
	position: relative;
}

.categories-widget li a span, .archives-widget li a span{
	position: absolute;
	top: 1px;
	right: 0;
	border: 1px solid #e5e5e5;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #8d8d8d;
	text-align: center;
	border-radius: 15px;
	min-width: 26px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.categories-widget li a:hover span, .archives-widget li a:hover span {
	background: #1388be;
	border: 1px solid #1388be;
	color: #fff;
}

#footer .categories-widget li a span, #footer .archives-widget li a span {
	border: 1px solid #222;
	color: #a5a5a5;
}

#footer .categories-widget li a:hover span, #footer .archives-widget li a:hover span {
	background: #1388be;
	border: 1px solid #1388be;
	color: #fff;
}

/*----------------------------------------------*/
/* 5.2 Search Form Widget */
/*----------------------------------------------*/
#search-form-widget, #search-form {
	position: relative;
	margin: 0;
}

input.search-input {
	background: transparent url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	padding: 8px 30px 8px 8px;
	width: 82%;
	color: #c2c2c2;
}
	
input.search-input:focus {
	background: #fff;
	border: 1px solid #1388be;
	color: #777;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}
	
input.search-submit {
	background: transparent url('../images/search_icon.png') no-repeat scroll 0 0;
	display: block;
	position: absolute;
	border: 0;
	margin: 0;
	top: 10px;
	right: 8px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: -9999px;
}

/*----------------------------------------------*/
/* 5.3 Text Widget */
/*----------------------------------------------*/
.text-widget p { margin-bottom: 8px; }
.text-widget img { margin-bottom: 10px; }
	
/*----------------------------------------------*/
/* 5.4 Popular Posts / Recent Posts Widget */
/*----------------------------------------------*/
.posts-list .thumbnail, .recent-comments-list .thumbnail {
	display: block;
	position: relative;
	float: left;
	margin: 4px 10px 4px 0;
	width: 55px;
	height: 55px;
	line-height: 100%;
}

.qrcode {
        display: block;
        position: relative;
        float: left;
        margin: 4px 10px 4px 0;
        width: 120px;
        height: 120px;
        line-height: 100%;
}
	
.posts-list .post-info { overflow: hidden; }
	
.posts-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}
	
.posts-list .post-info .post-meta span {
	display: inline;
	background: none;
	margin: 0;
	padding: 4px 0 0;
	font-style: italic;
}

#sidebar .posts-list .post-info .post-meta a, #footer .posts-list .post-info .post-meta a  {
	display: inline;
	float: none;
	font-weight: normal;
	color: #8d8d8d;
}
	
#sidebar .posts-list .post-info .post-meta a:hover { color: #1388be; }

#footer .posts-list .post-info .post-meta span, #footer .posts-list .post-info .post-meta a { color: #777; }

/*----------------------------------------------*/
/* 5.5 Recent Comments Widget */
/*----------------------------------------------*/
.recent-comments-list li { color: #8d8d8d; }
	
.recent-comments-list .post-info { overflow: hidden; }
	
.recent-comments-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}
	
/*----------------------------------------------*/
/* 5.6 Video Widget */
/*----------------------------------------------*/
.video-widget .video { margin: 0; }
	
/*----------------------------------------------*/
/* 5.7 Contact Info Widget */
/*----------------------------------------------*/
.contact-info-widget {
	overflow: hidden;
	padding-right: 20px;
}

.contact-info-widget p {
	position: relative;
	margin-bottom: 5px;
	padding-left: 27px;
}
	
.contact-info-widget p span {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
}
	
.contact-info-widget p.contact-info {
	margin-bottom: 20px;
	padding: 0;
}

.contact-info-widget p.contact-icon-address { margin-bottom: 10px; }

.contact-info-widget p.contact-icon-address span { background: transparent url('../images/map_pin.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-phone span { background: transparent url('../images/telephone.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-fax span { background: transparent url('../images/fax.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-mobile span { background: transparent url('../images/mobile.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-mail span { background: transparent url('../images/mail.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-vcard span { background: transparent url('../images/vcard.png') no-repeat scroll 0 0; }
	
.ie7 .contact-info-widget p.contact-icon-mobile span { top: 0; }

.ie7 .contact-info-widget p.contact-icon-phone span, .ie7 .contact-info-widget p.contact-icon-mail span, .ie7 .contact-info-widget p.contact-icon-fax span, .ie7 .contact-info-widget p.contact-icon-mail span { top: 2px; }
	
#sidebar .contact-info-widget, #footer .contact-info-widget { padding: 0; }
	
/*----------------------------------------------*/
/* 5.8 Tags Widget */
/*----------------------------------------------*/
.tag-cloud { padding: 3px 0 6px; }

.tag-cloud a {
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 3px 0 0 0;
	padding: 0 10px;
	font-size: 11px;
	color: #8d8d8d;
	border-radius: 15px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
		
.tag-cloud a:hover {
	background: #1388be;
	border: 1px solid #1388be;
	color: #fff;
}

#footer .tag-cloud a {
	background: #212121;
	border: 1px solid #222;
}

#footer .tag-cloud a:hover {
	background: #1388be;
	border: 1px solid #1388be;
}
	
/*----------------------------------------------*/
/* 5.9 Twitter Widget */
/*----------------------------------------------*/
.twitter-wrap p.loading {
	background: transparent url('../images/loading_small.gif') no-repeat scroll 0 4px;
	padding-left: 25px;
}
	
.twitter-wrap li {
	overflow: hidden;
	margin: 0;
	padding-bottom: 15px;
}
	
.twitter-wrap li:last-child { padding-bottom: 0; }
	
.twitter-wrap .tweet_text { display: block; }

.twitter-wrap .tweet_text a {
	font-weight: 700;
	color: #626364;
}

.twitter-wrap .tweet_text a:hover { color: #101010; }
	
.twitter-wrap .tweet_time {
	display: block;
	overflow: hidden;
}
	
.twitter-wrap .tweet_time a {
	font-size: 11px;
	font-style: italic;
	color: #8d8d8d;
}

.twitter-wrap .tweet_text a:hover, 
.twitter-wrap .tweet_time a:hover {
	text-decoration: underline;
}
	
#content .section-wrap .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0 90px;
	background: transparent url('../images/icons/twitter.png') no-repeat scroll 35px 5px;
}

#content .section-wrap .tweet_text {
	background:  none;
	margin-bottom: 15px;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-align: center;
}

#content .section-wrap .tweet_text a { font-weight: 400; }

#content .section-wrap .tweet_time { display: none; }

#content .section-wrap .follow-us {
	margin: 0; 
	font-size: 16px;
	text-align: center;
}

#content .section-wrap .follow-us a {
	border-bottom: 1px dotted #e5e5e5;
	color: #8d8d8d;
}
	
#content .section-wrap .follow-us a:hover {
	color: #1388be;
	border-bottom: 1px dotted #1388be;
}
	
#sidebar .twitter-wrap li {
	background: transparent url('../images/twitter_bird.png') no-repeat scroll 0 5px;
	padding-left: 22px;
}
	
#sidebar .twitter-wrap li:first-child { margin-top: 0; }
	
#sidebar .tweet_text {
	background: none;
	padding: 0;
}
	
#sidebar .twitter-wrap .tweet_time {
	background: none;
	padding: 0;
}

#sidebar .tweet_list { overflow: hidden; }

#footer .twitter-wrap {
	background: #212121;
	position: relative;
	margin-bottom: 12px;
	padding: 5px 10px;
	border-radius: 3px;
}

#footer .twitter-wrap::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 15px;
	border: 5px solid transparent;
	border-top-color: #212121;
}
	
#footer .tweet_list .tweet_time a { color: #777; }

#footer .tweet_text a:hover, 
#footer .tweet_time a:hover {
	color: #fff;
}

/*----------------------------------------------*/
/* 5.10 Flickr Widget */
/*----------------------------------------------*/
.flickr-wrap {
	position: relative;
	overflow: hidden;
}
	
.flickr-wrap li {
	float: left;
	margin: 0 8px 8px 0;
}
	
.flickr-wrap li a {
	display: block;
	width: 62px;
	height: 62px;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
	
.flickr-wrap li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
	
#sidebar .flickr-wrap li a {
	width: 65px;
	height: 65px;
}
	
/*----------------------------------------------*/
/* 5.11 Social Media Widget */
/*----------------------------------------------*/
.social-media-widget .social {
	overflow: hidden;
	margin: 0;
}

.social-media-widget .social li {
	float: left;
	margin: 0 5px 0 0;
}

.social {
	list-style-type: none;
	margin: 0 0 20px 0;
	text-align: center;
}

#footer-bottom .social {
	float: right;
	margin: 0;
	height: 18px;
}

.social li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#footer-bottom .social li { margin: 0 0 0 5px; }

.ie7 .social li {
	display: inline;
	float: left;
}

.social a {
	background-color: transparent;
	background-image: url('../images/icons/sprite_social.png');
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	width: 18px;
	height: 18px;
}

#footer-bottom .social a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.social a.facebook, #footer-bottom .social a.facebook:hover { background-position: 0 -18px; }
.social a.twitter, #footer-bottom .social a.twitter:hover { background-position: -18px -18px; }
.social a.rss, #footer-bottom .social a.rss:hover { background-position: -36px -18px; }
.social a.googleplus, #footer-bottom .social a.googleplus:hover { background-position: -54px -18px; }
.social a.flickr, #footer-bottom .social a.flickr:hover { background-position: -72px -18px; }
.social a.dribbble, #footer-bottom .social a.dribbble:hover { background-position: -90px -18px; }
.social a.linkedin, #footer-bottom .social a.linkedin:hover { background-position: -108px -18px; }
.social a.pinterest, #footer-bottom .social a.pinterest:hover { background-position: -126px -18px; }
.social a.skype, #footer-bottom .social a.skype:hover { background-position: -144px -18px; }
.social a.vimeo, #footer-bottom .social a.vimeo:hover { background-position: -162px -18px; }
.social a.tumblr, #footer-bottom .social a.tumblr:hover { background-position: -180px -18px; }
.social a.behance, #footer-bottom .social a.behance:hover { background-position: -198px -18px; }
.social a.youtube, #footer-bottom .social a.youtube:hover { background-position: -216px -18px; }
.social a.yahoo, #footer-bottom .social a.yahoo:hover { background-position: -234px -18px; }
.social a.stumbleupon, #footer-bottom .social a.stumbleupon:hover { background-position: -252px -18px; }
.social a.forrst, #footer-bottom .social a.forrst:hover { background-position: -270px -18px; }
.social a.instagram, #footer-bottom .social a.instagram:hover { background-position: -288px -18px; }
.social a.amazon, #footer-bottom .social a.amazon:hover { background-position: -306px -18px; }
.social a.lastfm, #footer-bottom .social a.lastfm:hover { background-position: -324px -18px; }
.social a.picasa, #footer-bottom .social a.picasa:hover { background-position: -342px -18px; }
.social a.paypal, #footer-bottom .social a.paypal:hover { background-position: -360px -18px; }
.social a.deviantart, #footer-bottom .social a.deviantart:hover { background-position: -378px -18px; }
.social a.digg, #footer-bottom .social a.digg:hover { background-position: -396px -18px; }
.social a.blogger, #footer-bottom .social a.blogger:hover { background-position: -414px -18px; }
.social a.wordpress, #footer-bottom .social a.wordpress:hover { background-position: -432px -18px; }
.social a.github, #footer-bottom .social a.github:hover { background-position: -450px -18px; }
.social a.spotify, #footer-bottom .social a.spotify:hover { background-position: -468px -18px; }
.social a.dropbox, #footer-bottom .social a.dropbox:hover { background-position: -486px -18px; }
.social a.evernote, #footer-bottom .social a.evernote:hover { background-position: -504px -18px; }

#footer-bottom .social a.facebook { background-position: 0 0; }
#footer-bottom .social a.twitter { background-position: -18px 0; }
#footer-bottom .social a.rss { background-position: -36px 0; }
#footer-bottom .social a.googleplus { background-position: -54px 0; }
#footer-bottom .social a.flickr { background-position: -72px 0; }
#footer-bottom .social a.dribbble { background-position: -90px 0; }
#footer-bottom .social a.linkedin { background-position: -108px 0; }
#footer-bottom .social a.pinterest { background-position: -126px 0; }
#footer-bottom .social a.skype { background-position: -144px 0; }
#footer-bottom .social a.vimeo { background-position: -162px 0; }
#footer-bottom .social a.tumblr { background-position: -180px 0; }
#footer-bottom .social a.behance { background-position: -198px 0; }
#footer-bottom .social a.youtube { background-position: -216px 0; }
#footer-bottom .social a.yahoo { background-position: -234px 0; }
#footer-bottom .social a.stumbleupon { background-position: -252px 0; }
#footer-bottom .social a.forrst { background-position: -270px 0; }
#footer-bottom .social a.instagram { background-position: -288px 0; }
#footer-bottom .social a.amazon { background-position: -306px 0; }
#footer-bottom .social a.lastfm { background-position: -324px 0; }
#footer-bottom .social a.picasa { background-position: -342px 0; }
#footer-bottom .social a.paypal { background-position: -360px 0; }
#footer-bottom .social a.deviantart { background-position: -378px 0; }
#footer-bottom .social a.digg { background-position: -396px 0; }
#footer-bottom .social a.blogger { background-position: -414px 0; }
#footer-bottom .social a.wordpress { background-position: -432px 0; }
#footer-bottom .social a.github { background-position: -450px 0; }
#footer-bottom .social a.spotify { background-position: -468px 0; }
#footer-bottom .social a.dropbox { background-position: -486px 0; }
#footer-bottom .social a.evernote { background-position: -504px 0; }

/*----------------------------------------------*/
/* 5.12 Google Map Widget */
/*----------------------------------------------*/
.google-map {
	background: #f3f3f3;
	height: 400px;
	margin-bottom: 40px;
}
	
/*====================================================================*/
/* 6. BLOG STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.blog-post {
	background: #fff;
	margin-bottom: 60px;
	padding-bottom: 10px;
	border-radius: 2px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}

.blog-post.single-post { margin-bottom: 40px; }
	
.post-feature {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.post-feature img {
	display: block;
	width: 100%;
}

.post-feature .video { margin: 0; }

.blog-post .post-content {
	float: right;
	margin: -4px 0 0 0;
	padding-right: 15px;
	width: 530px;
}

.blog-post .post-title {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	padding-bottom: 4px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0;
	text-transform: none;
	-webkit-border-image: url('../images/image_border.png') 1 0;
	-moz-border-image: url('../images/image_border.png') 1 0;
	-o-border-image: url('../images/image_border.png') 1 0;
	border-image: url('../images/image_border.png') 1 0;
}
	
.post-title a { color: #101010; }
	
.post-title a:hover { color: #1388be; }

.post-meta {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #8d8d8d;
}
	
.blog-post .post-meta {
	float: left;
	margin: 0 20px 20px 0;
	padding-left: 15px;
	width: 120px;
}

.meta-list {
	list-style-type: none;
	float: left;
	margin: 0;
	width: 100%;
}

.meta-list li {
	display: block;
	border-bottom: 1px dotted #e5e5e5;
	margin: 0;
}

.meta-list li:last-child { border-bottom: 0; }

.post-meta .meta-list span {
	display: block;
	padding: 4px 0 4px 27px;
}
	
.post-meta .meta-list span:last-child { margin-right: 0; }
	
.post-meta a { color: #8d8d8d; }
	
.post-meta a:hover { color: #1388be; }
	
.post-meta .meta-list .meta-author { background: transparent url('../images/meta_author.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-date { background: transparent url('../images/meta_date.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-categories { background: transparent url('../images/meta_categories.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-tags { background: transparent url('../images/meta_tags.png') no-repeat scroll 0 5px; }
	
.post-meta .meta-list .meta-comments { background: transparent url('../images/meta_comments.png') no-repeat scroll 0 5px; }
	
/* Blog Slider
---------------------------------------------------------- */
.blog-slider { margin: 0 0 20px 0; }

.blog-slider .flex-next, .blog-slider .flex-prev {
	margin-top: -25px;
	width: 26px;
	height: 50px;
}

.blog-slider .flex-next {
	right: 0px;
	border-radius: 3px 0 0 3px;
}

.blog-slider .flex-prev {
	left: 0px;
	border-radius: 0 3px 3px 0;
}

/*----------------------------------------------*/
/* 6.1 Blog Single Post */
/*----------------------------------------------*/
.single-post .post {
	margin-bottom: 0;
	border: none;
}
	
/*----------------------------------------------*/
/* 6.2 Post Navigation */
/*----------------------------------------------*/
.post-nav {
	list-style-type: none;
	margin: 0 0 50px 0;
	width: 100%;
}

.post-details .post-nav { margin: 0 0 20px 0; }

.post-nav a {
	font-size: 11px;
	font-weight: 600;
	line-height: 24px;
	color: #8d8d8d;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.post-nav a:hover { color: #101010; }
	
.post-nav a .arrow, .post-nav a .grid {
	background-color: #101010;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	text-indent: -9999px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.post-nav a:hover .arrow, .post-nav a:hover .grid {
	background-color: #1388be;
	filter: alpha(opacity=100);
	opacity: 1;
}

a.post-next, a.post-next .arrow { float: right; }
	
a.post-next .arrow {
	background-image: url('../images/arrow_next.png');
	margin: 0 0 0 10px;
}

a.post-prev, a.post-prev .arrow { float: left; }

a.post-prev .arrow {
	background-image: url('../images/arrow_prev.png');
	margin: 0 10px 0 0;
}

a.main-grid {
	position: relative;
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
}

a.main-grid .grid { background-image: url('../images/grid.png'); }
	
/*----------------------------------------------*/
/* 6.3 Pagination */
/*----------------------------------------------*/
#pagination {
	display: block;
	margin: 30px 0 10px;
	text-align: center;
}
	
.page-list {
	list-style-type: none;
	display: inline-block; 
	margin: 0;
}

.ie7 .page-list { display: inline; }
	
.page-list li {
	margin: 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	border-radius: 3px;
}
	
.page-list a,
.page-list .current {
	background: #fff;
	display: block;
	position: relative;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 8px 15px;
	color: #101010;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.page-list a:hover {
	background: #101010;
	border-right: 1px solid #101010;
	color: #fff;
}

.page-list a.next { border-right: 1px solid transparent; }

.page-list .current {
	background: #1388be;
	border-right: 1px solid #1388be;
	color: #fff;
}

/*----------------------------------------------*/
/* 6.4 Comments List */
/*----------------------------------------------*/
#comments { margin-bottom: 20px; }

.comment-title { margin-bottom: 20px; }

.comment-title .title {
	padding: 0;
	color: #777;
}
	
.comment-list {
	list-style-type: none;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 30px;
	margin: 0 0 40px;
}

.comment-list li {
	overflow: hidden;
	margin: 0;
}
	
.comment-list .framed-box { margin: 0 0 20px 80px }
	
.gravatar {
	float: left;
	margin: 6px 0;
	width: 60px;
	height: 60px;
}
	
.gravatar a.reply {
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
}
	
.comment-info { overflow: hidden; }
	
.comment-info cite {
	font-weight: bold;
	font-style: normal;
}
	
.comment-info cite a { color: #101010; }
	
.comment-info cite a:hover { color: #1388be; }
	
.comment-info cite .author {
	background: #1388be;
	margin-left: 5px;
	padding: 2px 3px;
	font-size: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
}
	
.comment-meta {
	padding: 2px 0 10px 0;
	font-size: 11px;
	line-height: 1em;
	color: #8d8d8d;
}
	
.children {
	list-style-type: none;
	margin: 0 0 0 60px;
}

/*----------------------------------------------*/
/* 6.5 Comments Form */
/*----------------------------------------------*/
.respond-title { float: left; }
	
.respond-note {
	float: right;
	margin-bottom: 10px;
	color: #8d8d8d;
}
	
#respond p { margin-bottom: 30px; }
	
#respond p.align-right {
	margin: 0;
}

#respond input {
	width: 193px;
	height: 30px;
	line-height: 30px;
}
	
#respond label { margin-bottom: 3px; }
	
#respond textarea {
	margin: 0;
	width: 435px;
	height: 164px;
}

.ie7 #respond textarea { height: 168px; }
	
/*====================================================================*/
/* 7. EXTENDED TYPOGRAPHY & SHORTCODES */
/*====================================================================*/
/*----------------------------------------------*/
/* 7.1 Blockquote /Pullquote */
/*----------------------------------------------*/
blockquote, .pullquote-right, .pullquote-left {
	background: none;
	font: 15px/1.8em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
	font-style: italic;
	padding: 0 0 0 20px;
}
	
blockquote, .pullquote-right, .pullquote-left { border-left: 4px solid #e5e5e5; }
	
blockquote.blockquote-2 {
	background: transparent url('../images/quote.png') no-repeat scroll 0 0;
	border: none;
	padding: 0 0 0 40px;
}
	
blockquote.align-left {
	margin: 0 20px 10px 0;
	width: 33%;
}
	
blockquote.align-right {
	margin: 0 0 10px 20px;
	width: 33%;
}
	
blockquote.align-right p, blockquote.align-left p, .pullquote-right p, .pullquote-left p {
	margin: 0 !important;
}
	
blockquote p {
	overflow: hidden;
	margin-bottom: 8px !important;
}
	
blockquote cite {
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #8d8d8d;
}
	
.pullquote-left {
	float: left;
	margin: 10px 20px 10px 0;
	width: 33%;
}
	
.pullquote-right {
	float: right;
	margin: 10px 0 10px 20px;
	width: 33%;
}
	
/*----------------------------------------------*/
/* 7.2 Dropcap */
/*----------------------------------------------*/
.dropcap {
	float: left;
	display: block; 
	margin-right: 10px;
	line-height: 1em;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #101010;
}
	
.dropcap.circle {
	background: #1388be;
	margin-top: 2px;
	width: 41px;
	height: 41px;
	font-size: 28px;
	color: #fff;
	line-height: 41px;
	border-radius: 99%;
}
	
.dropcap.circle.dark { background: #101010; }

.dropcap.circle.light {
	background: #e5e5e5; 
	color: #101010;
}

.dropcap.square {
	background: #1388be;
	margin-top: 2px;
	padding: 6px 12px;
	font-size: 28px;
	color: #fff;
	border-radius: 3px;
}
	
.dropcap.square.dark { background: #101010; }
	
.dropcap.square.light {
	background: #e5e5e5;
	color: #101010;
}
	
/*----------------------------------------------*/
/* 7.3 Text Highlights */
/*----------------------------------------------*/
.highlight {
	background: #1388be;
	color: #fff;
	padding: 1px 5px;
}

.highlight.light {
	background: #ffff99;
	color: #101010;
}
	
.highlight.dark { background: #101010; }
	
.colored { color: #1388be !important; }

/*----------------------------------------------*/
/* 7.4 Code & Pre */
/*----------------------------------------------*/
code, pre{
	border: 1px solid #e5e5e5;
	border-left: 3px solid #e5e5e5;
	padding: 0 20px;
	line-height: 20px;
	white-space: pre-wrap;
	overflow: auto;
	border-radius: 3px;
}

code { background: #f7f7f7; }
	
pre { background: transparent url("../images/code_bg.png") repeat scroll 0 0; }
	
/*----------------------------------------------*/
/* 7.5 List Styles */
/*----------------------------------------------*/
ul.list-style-arrow, ul.list-style-arrow-2, ul.list-style-arrow-3, ul.list-style-arrow-4, ul.list-style-arrow-5, ul.list-style-check, ul.list-style-check-2, ul.list-style-plus, ul.list-style-dash, ul.list-style-circle, ul.list-style-square, ul.list-style-star {
	list-style-type: none;
	margin-left: 0;
}
	
ul.list-style-arrow li, ul.list-style-arrow-2 li, ul.list-style-arrow-3 li, ul.list-style-arrow-4 li, ul.list-style-arrow-5 li, ul.list-style-check li, ul.list-style-check-2 li, ul.list-style-plus li, ul.list-style-dash li, ul.list-style-circle li, ul.list-style-square li, ul.list-style-star li {
	margin: 0;
	padding-left: 15px;
	padding-bottom: 4px;
}
	
ol.ordered-list {
	margin-left: 0px;
	padding-left: 2.1em;
	list-style-position: outside;
}
	
.decimal-leading-zero { list-style-type: decimal-leading-zero; }

.lower-alpha { list-style-type: lower-alpha; }

.upper-roman { list-style-type: upper-roman; }

ol.ordered-list li  {
	margin: 0;
	padding: 4px 0;
}
	
ul.list-style-arrow li {
	background: transparent url('../images/bullets/list_item_arrow.png') no-repeat scroll 0 6px;
	padding-left: 20px;
}
	
ul.list-style-arrow-2 li {
	background: transparent url('../images/bullets/list_item_arrow_2.png') no-repeat scroll 0 6px;
	padding-left: 16px;
}
	
ul.list-style-arrow-3 li {
	background: transparent url('../images/bullets/list_item_arrow_3.png') no-repeat scroll 0 6px;
	padding-left: 15px;
}
	
ul.list-style-arrow-4 li {
	background: transparent url('../images/bullets/list_item_arrow_4.png') no-repeat scroll 0 8px;
	padding-left: 18px;
}
	
ul.list-style-arrow-5 li {
	background: transparent url('../images/bullets/list_item_arrow_5.png') no-repeat scroll 0 7px;
	padding-left: 14px;
}
	
ul.list-style-check li {
	background: transparent url('../images/bullets/list_item_check.png') no-repeat scroll 0 7px;
	padding-left: 19px;
}
	
ul.list-style-check-2 li {
	background: transparent url('../images/bullets/list_item_check_2.png') no-repeat scroll 0 6px;
	padding-left: 24px;
}
	
ul.list-style-plus li {
	background: transparent url('../images/bullets/list_item_plus.png') no-repeat scroll 0 7px;
	padding-left: 18px;
}
	
ul.list-style-dash li {
	background: transparent url('../images/bullets/list_item_dash.png') no-repeat scroll 0 10px;
	padding-left: 17px;
}
	
ul.list-style-circle li {
	background: transparent url('../images/bullets/list_item_circle.png') no-repeat scroll 0 8px;
	padding-left: 16px;
}
	
ul.list-style-square li {
	background: transparent url('../images/bullets/list_item_square.png') no-repeat scroll 0 8px;
	padding-left: 15px;
}
	
ul.list-style-pencil li {
	background: transparent url('../images/bullets/list_item_pencil.png') no-repeat scroll 0 6px;
	padding-left: 20px;
}
	
ul.list-style-star li {
	background: transparent url('../images/bullets/list_item_star.png') no-repeat scroll 0 5px;
	padding-left: 20px;
}
	
/*----------------------------------------------*/
/* 7.6 Icon Boxes */
/*----------------------------------------------*/
.icon-box {
	overflow: hidden;
	margin-bottom: 20px;
}

.icon-box-content { overflow: hidden; }

.icon-box-title { margin-bottom: 10px; }
	
.icon-box-content .icon-box-title { margin-bottom: 5px; }

.icon-box-title a { color: #101010; }

.icon-box-title a:hover { color: #1388be; }
	
.icon-box-content p { margin-bottom: 10px; }

.icon-image, .icon-font {
	float: left;
	padding: 3px 10px 0 0;
}
	
.icon-image.align-center, .icon-font.align-center {
	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.icon-image img, .icon-font span { display: block; }
	
.icon-image.align-center img { margin: 0 auto 15px; }

.icon-font.align-center span {
	margin: 0 auto 10px;
	font-size: 80px;
}

.icon-font span {
	font-family: "sosa";
	font-size: 35px;
	line-height: 1em;
	color: #8d8d8d;
}

.icon-box.framed-box {
	padding: 25px;
	display: block;
	z-index: 1;
	-webkit-backface-visibility: hidden;

	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
}

.ib-container .icon-image img, .ib-container .icon-font span, .ib-container .icon-box-content .icon-box-title, .ib-container .icon-box-content a, .ib-container .icon-box-content p {
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}

.icon-box.framed-box .icon-box-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Hover Style for all the items: blur, scale down*/
.icon-box.blur {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	filter: alpha(opacity=100);
	opacity: 1;
}

.icon-box.blur .icon-image, .icon-box.blur .icon-font span {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur a {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur p {
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur .icon-box-title { 	filter: alpha(opacity=50); opacity: 0.5; }

/* Hover Style for single item: scale up */
.icon-box.active {
	background: #fff;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 0px rgba(255, 255, 255, 1), 
		0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.icon-box.active .icon-font span { color: #1388be; }

/*----------------------------------------------*/
/* 7.7 Tabs & Toggles & Accordions */
/*----------------------------------------------*/
/* Tabs
---------------------------------------------------------- */
.tabs-container { margin-bottom: 20px; }

.tabs li a {
	background: #f3f3f3;
	display: block;
	font-weight: 700;
	color: #626364;
}

.tabs li a.current {
	background: #f9f9f9;
	color: #101010;
	cursor: default;
}

.tabs li a .icon-font, .tabs li a .icon-image {
	display: inline-block;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.tabs li a .icon-font {
	font-family: "sosa";
	font-size: 20px;
	line-height: 20px;
}

.tab-content > div {
	display: none;
	overflow: hidden;
}

.tab-content p { margin-bottom: 1em; }

/* Horizontal Tabs */
.h-tabs .tabs {
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
	margin: 0 0 -1px 0;
	padding: 0;
	height: 35px;
}

.h-tabs .tabs li {
	display: block;
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.h-tabs .tabs li a {
	border-top: 1px solid #e5e5e5;
	padding: 0 10px;
	height: 33px;
	line-height: 33px;
}

.h-tabs .tabs li a.current {
	border-top: 2px solid #1388be;
	border-bottom: 1px solid #f9f9f9;
	margin: 0 0 -1px 0;
	height: 32px;
	line-height: 31px;
}

.h-tabs .tabs li a .icon-font {
	padding: 0;
	line-height: 33px;
}

.h-tabs .tabs li a.current .icon-font { line-height: 31px; }

.h-tabs .tabs li a .icon-image {
	margin: 3px 8px 0;
	padding: 6px 0 0;
}

.h-tabs .tabs li a.current .icon-image { margin-top: 2px; }

.h-tabs .tab-content {
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 17px;
	border-radius: 0 3px 3px 3px;
}

/* Vertical Tabs */
.v-tabs .tabs {
	list-style-type: none;
	position: relative;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 -1px 0 0;
	width: 34%;
	z-index: 2;
}

.v-tabs .tabs li {
	background: none;
	display: block;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	margin: 0;
	cursor: pointer;
}

.v-tabs .tabs li a {
	display: block;
	border-left: 2px solid #f3f3f3;
	padding: 10px;
	line-height: 20px;
}

.v-tabs .tabs li a.current {
	border-right: 1px solid #f9f9f9;
	border-left: 2px solid #1388be;
	margin-right: -2px;
}

.v-tabs .tabs li a .icon-font{
	border-right: 1px solid #e5e5e5;
	padding: 0 8px 0 0;
}

.v-tabs .tabs li a .icon-image { border-right: 1px solid #e5e5e5; }
.v-tabs .tab-content {
	background: #f9f9f9;
	position: relative;
	float: right;
	padding: 0;
	width: 66%;
	z-index: 1;
}

.v-tabs .tab-content > div {
	border: 1px solid #e5e5e5;
	padding: 10px 17px;
	border-radius: 0 3px 3px 3px;
}

/* Toggles / Accordions */
.toggle-title, .accordion-title {
	overflow: hidden;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 10px 10px 40px;
	line-height: 20px;
	font-weight: 700;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.toggle-title, .accordion-title { background: #f3f3f3 url('../images/expand.png') no-repeat scroll 12px 11px; }

.toggle-active, .accordion .current {
	background:  #fff url('../images/collapse.png') no-repeat scroll 12px 11px;
	border: 1px solid #ccc;
	color: #101010;
}

.toggle-content, .accordion-content {
	overflow: hidden;
	padding: 5px 10px 5px;
	margin: 5px 0;
}
	
.toggle-content p, .accordion-content p { margin-bottom: 1em; }
	
/* Toggles */
.toggle {
	margin-bottom: 5px;
	position: relative;
}
	
/* Accordions */
.accordion {
	margin-bottom: 20px;
	position: relative;
}

.accordion-title { margin: 0 0 5px 0; }
	
.accordion .current { cursor: default; }
	
/*====================================================================*/
/* 8. ANIMATED SCROLL TO TOP */
/*====================================================================*/
#scroll-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 999;
}
	
#scroll-top a {
	background-color: #333;
	background-image: url('../images/scroll_top.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	text-indent: -9999px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
#scroll-top a:hover {
	background-color: #1388be;
	filter: alpha(opacity=100);
	opacity: 1;
}