/*------------------------------------------------
Theme Name: Simrik :: Clean, Creative & Minimalist HTML Site Template
Theme URI: http://themes.machinelevel.biz/simrik/
Description: Simrik is a clean, creative and minimalist HTML site template with tons of features offering the best way to bring your business and portfolio online!
Version: 1.0
Author: Shrijana Creations
Author URI: http://machinelevel.biz
------------------------------------------------*/


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

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset & Clearfix
	1.2 General Styles
		- Links
		- Floating & Alignment
		- Clear Floats
	1.3 Columns Styles
	1.4 Dividers
	1.5 Basic Lists
	1.6 Headings
	1.7 Images Styles
		- Image with Caption
		- Image with Frame
	1.8 Forms Styles
	1.9 Tables Styles
		- Tables Color Scheme
	1.10 Styled Boxes
		- Framed Box
	1.11 Buttons Styles
		- Button Color Scheme

2. SITE STRUCTURE
	2.1 Header
		- Logo
	2.2 Navigation
	2.3 Intro
		- Page Title
	2.4 Homepage Sider
		- Slides Slider
	2.5 Content
		- Section General
		- Featured Work Section
		- Partners Section
		- Services Section
		- Recent Works Section
		- Related Works Section
		- Recent Posts Section
		- Our Team Section
		- Tag Line
		- 404 Error Page
		- Testimonials
			- With Picture
		- Contact Form
	2.6 Sidebars
		- Right Sidebar
		- Left Sidebar
	2.7 Footer
	2.8 Footer Bottom
		
3. PORTFOLIO STYLES
	3.1 Portfolio filterable
		- Filter
	3.2 Portfolio Two Columns
	3.3 Portfolio Three Columns
	3.4 Portfolio Four Columns
	3.5 Portfolio Style 1
	3.6 Portfolio Style 2
	3.7 Portfolio Single
		- Portfolio Slider
	
4. WIDGET STYLES
	- Widget General
	- Sidebar Widget General
	- Footer Widget General
	4.1 Search Form Widget
	4.2 Text Widget
	4.3 Popular Posts / Recent Posts Widget
	4.4 Recent Comments Widget
	4.5 Related Posts Widget
	4.6 Video Widget
	4.7 Contact Info Widget
	4.8 Tags Widget
	4.9 Twitter Widget
	4.10 Flickr Widget
	4.11 Social Media Widget
		- Social Wrap
	4.12 Google Map Widget
	
5. BLOG STYLES
	5.1 Blog Style 2
	5.2 Blog Single Post
	5.3 Post Navigation
	5.4 Pagination
	5.5 About Author
	5.6 Comments List
	5.7 Comments Form
	
6. EXTENDED TYPOGRAPHY & SHORTCODES
	6.1 Blockquote / Pullquote
	6.2 Dropcap
	6.3 Text Highlights
	6.4 Code & Pre
	6.5 List Styles
	6.6 Icon Boxes
	6.7 Tabs & Toggles & Accordion
		- Tabs
		- Toggle
		- Accordion
		
7. CAROUSEL
	- Carousel Navigation

8. ANIMATED SCROLL TO TOP

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

/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/
/*----------------------------------------------*/
/* 1.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 {
	margin: 0;
	padding: 0;
	border: 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:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clearfix {
	display: block; }
	
.clearfix{
	zoom:1; }

/*----------------------------------------------*/
/* 1.2 General Styles */
/*----------------------------------------------*/
body {
	background-image: url('../images/patterns/pattern1.png');
	background-position: 0 0;
	background-repeat: repeat;
	background-color: #fff;
	font: 12px/22px "Arial", "Helvetica", sans-serif;
	color: #777; }
	
.ie7 body {
	margin-bottom: 150px; }
	
ins { 
	background-color: #ff9; 
	color: #000; 
	text-decoration: none; }

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

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: bold; }
	
cite, em {
	font-style: italic; }
	
code, pre {
	font-family: "Courier New",Courier,monospace;
	display: block;
	white-space: pre; }
	
hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #e5e5e5; 
	margin: 10px 0 30px; 
	padding: 0; }

a {
	color: #000000;
	text-decoration: none;
	outline: none;
	background: none;
	cursor: pointer;

	
	-webkit-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-o-transition: background-color .2s linear, color .2s linear, border .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear, border .2s linear;
	transition: background-color .2s linear, color .2s linear, border .2s linear; }

a:hover {
	color: #000000;
}

a img { 
    border: none; 
    vertical-align: bottom; }
	
img { 
	display: block; }
	
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
textarea {
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; 
	
	-moz-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; 
	-ms-transition: all 0.3s linear; 
	transition: all 0.3s linear; }

p, ul, ol, dl, table, fieldset, blockquote, pre, code {
	margin-bottom: 20px; }
	
::selection {
	background: #d3654c;
	color: #fff;
	text-shadow: none; }
	
::-moz-selection {
	background: #d3654c;
	color: #fff;
	text-shadow: none; }
	
/* Links */
a.link {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 2px;
	color: #777;
	font-size: 13px;
	font-weight: bold; }
	
a.link:hover {
	color: #d3654c;
	border-bottom: 1px solid #999; }
		
span a.link {
	margin-left: 10px; }
	
.required {
	color: #d3654c; }

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

.float-right, .align-right { 
	float: right; }
	
.hidden {
	display: none; }
	
.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; }
	
/* Clear Floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0; }
	
/*----------------------------------------------*/
/* 1.3 Columns Styles */
/*----------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	margin-right: 4%;
	display: inline;
	float: left;
	position: relative; }

.one-half {
	width: 48%; }
	
.one-third {
	width: 30.6667%; }
	
.two-third  {
	width: 65.3332%; }
	
.one-fourth {
	width: 22%; }
	
.three-fourth {
	width: 74%; }
	
.one-fifth {
	width: 16.8%; }
	
.two-fifth {
	width: 37.6%; }
	
.three-fifth {
	width: 58.4%; }
	
.four-fifth {
	width: 79.2%; }
	
.last {
	clear: right;
	margin-right: 0 !important; }
	
/*----------------------------------------------*/
/* 1.4 Dividers */
/*----------------------------------------------*/
.divider {
	clear: both;
	border-bottom: 1px dotted #ddd;
	height: 1px;
	padding-top: 15px;
	margin-bottom: 30px;
	display: block;
	position: relative; }
	
.divider-empty {
	clear: both;
	display: block;
	position: relative;
	padding-top: 20px; }
	
.divider a.top {
	background: #fff url('../images/arrow_top.png') no-repeat scroll right top;
	font-size: 9px;
	line-height: 10px;
	padding: 0 8px;
	position: absolute;
	top: 12px;
	right: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777; }
	
.divider a.top:hover {
	color: #d3654c; }

/*----------------------------------------------*/
/* 1.5 Basic Lists */
/*----------------------------------------------*/
ul {
	margin-left: 1.5em;
	list-style-type: disc; }
	
ul li {
	margin-left: .85em; }
	
ul ul {
	list-style-type: square; }
	
ul ul ul {
	list-style-type: circle; }
	
ol {
	margin-left: 2.35em;
	list-style-position: outside;
	list-style-type: decimal; }
	
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; }

/*----------------------------------------------*/
/* 1.6 Headings */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1.5em;
	color: #555; }
	
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; }
	
/*----------------------------------------------*/
/* 1.7 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 {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center; }

/* Image with Frame
---------------------------------------------------------- */
.image-frame, .video-frame {
	background-color: #fafafa;
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	padding: 5px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.image-frame a {
	display: block;
	position: relative; }	
	
.mask-overlay {
	background: #000;
	position: absolute;
	display: block;
	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; }
	
/*----------------------------------------------*/
/* 1.8 Forms Styles */
/*----------------------------------------------*/
fieldset {
	padding: 1em;
	border: 1px solid #e3e3e3; }
	
legend {
	padding: 0 .8em;
	font-weight: bold;
	font-size: 1.2em; }
	
textarea, input[type=text], input[type=password], input[type=email], select {
	border: 1px solid #e5e5e5;
	background: #fff;
	font-size: inherit; }
	
input, select {
	cursor: pointer; }
	
input[type=text], input[type=password], input[type=email] {
	cursor: text; }
		
input {
	padding: 5px 10px;
	outline: none; }
	
textarea {
	overflow: auto; 
	padding: 10px;
	outline: none; }
	
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 {
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
	width: 95%; }

input.text-input {
	height: 18px;
	line-height: 18px;
	vertical-align: middle; }
	
input.text-input:focus, textarea.textarea:focus {
	background: none;
	border: 1px solid #c2c2c2;
	color: #777;
	
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10); }
	
::-webkit-input-placeholder {
	color: #c2c2c2; }
	
input:-moz-placeholder {
	color: #c2c2c2; }
	
/*----------------------------------------------*/
/* 1.9 Tables Styles */
/*----------------------------------------------*/
table, th, td {
	vertical-align: middle; }
	
.table-style {
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	border-left: none;
	margin-bottom: 20px; }
	
.table-style table {
	border-left: 1px solid #e5e5e5;
	border-right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left; }
	
.table-style thead {
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #666;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
	
.table-style th {
	padding: 10px;
	background: -moz-linear-gradient(
		center top, 
		rgba(255,255,255,0.1) 0%, 
		rgba(0,0,0,0.05) 100%); /* FF3.6+ */
		
	background: -webkit-gradient(
		linear, 
		center top, 
		center bottom, 
		color-stop(0%,rgba(255,255,255,0.1)), 
		color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
		
	background: -webkit-linear-gradient(
		center top,  rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
		
	background: -o-linear-gradient(
		center top,  rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
		
	background: -ms-linear-gradient(
		center top,  rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* IE10+ */
		
	background: linear-gradient(
		center top,  rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* W3C */
		
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */ }
	
.table-style td {
	border: 1px solid #e5e5e5;
	border-right: 0;
	padding: 10px;
	text-align: center; }
	
.table-style .even td {
	background-color: #fff; }
	
.table-style .odd td {
	background-color: #f7f7f7; }
	
.table-style tfoot td {
	padding: 6px;
	font-style: italic; }
	
/* Tables Color Scheme */
.table-style .red th {
	background-color: #d81b21;
	color: #600a0d; }
	
.table-style .orange th {
	background-color: #fca456;
	color: #7d6148; }
	
.table-style .black th {
	background-color: #525151;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
	
.table-style .blue th {
	background-color: #98ddfe;
	color: #486e7d; }
	
.table-style .green th {
	background-color: #b6de80;
	color: #567d49; }
	
.table-style .purple th {
	background-color: #d89dd2;
	color: #7d4877; }
	
/*----------------------------------------------*/
/* 1.10 Styled Boxes */
/*----------------------------------------------*/
.info-box, .success-box, .error-box, .warning-box {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding-left: 55px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.info-box {
	background: #e6f1fa url('../images/icons/message_box_icons/info.png') no-repeat scroll 15px 15px;
	border-color: #b6Cfe5;
	color: #00529b; }
	
.success-box {
	background: #eafae6 url('../images/icons/message_box_icons/success.png') no-repeat scroll 15px 15px;
	border-color: #bce5b6;
	color: #5d792e; }

.error-box {
	background: #faebe6 url('../images/icons/message_box_icons/error.png') no-repeat scroll 15px 15px;
	border-color: #e5c5b6;
	color: #b4381b; }
	
.warning-box {
	background: #fff9cc url('../images/icons/message_box_icons/warning.png') no-repeat scroll 15px 15px;
	border-color: #e2c74f;
	color: #9f6000; }
	
.message-box {
	padding: 20px 20px 0 10px; }
	
.message-box p {
	font-size: 13px; }

/* Framed Box
---------------------------------------------------------- */
.framed-box {
	position: relative;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.framed-box-content {
	padding: 20px 20px 0 20px; }
	
.framed-box-arrow {
	background: transparent url('../images/framed_box_arrow.png') no-repeat scroll 0 0;
	position: absolute;
	display: block;
	width: 9px;
	height: 16px;
	top: 20px;
	left: -9px;	}
	
/*----------------------------------------------*/
/* 1.11 Buttons Styles */
/*----------------------------------------------*/
a.button, .button, .button span {
	display: inline-block;
	vertical-align: middle;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
a.button, .button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: 1px solid rgba(0, 0, 0, .2);/* Saf4+, Chrome, FF3.6 */
	border-bottom: 1px solid rgba(0, 0, 0, .4);
	margin: 0 5px 20px;
	font-weight: normal;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	background: -moz-linear-gradient(
		center top,  
		rgba(255,255,255,0.1) 0%, 
		rgba(0,0,0,0.05) 100%); /* FF3.6+ */
		
	background: -webkit-gradient(
		linear, 
		center top, 
		center bottom, 
		color-stop(0%,rgba(255,255,255,0.1)), 
		color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
		
	background: -webkit-linear-gradient(
		center top,  
		rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
		
	background: -o-linear-gradient(
		center top,  
		rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(
		center top,  
		rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* IE10+ */
	
	background: linear-gradient(
		center top,  
		rgba(255,255,255,0.1) 0%,
		rgba(0,0,0,0.05) 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */ 
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }
	
button::-moz-focus-inner {
    border: none; /* overrides extra padding in Firefox */}
	
button.button {
	padding: 0;
	margin: 0;
	text-transform: none; }
	
.button, .button:hover {
	text-decoration: none; }
	
.button.full, .button.full span {
	margin: 0;
	display: block; }
	
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,  
		rgba(255,255,255,0.2) 0%, 
		rgba(255,255,255,0.1) 100%); /* FF3.6+ */
		
	background: -webkit-gradient(
		linear, 
		center top, 
		center bottom, 
		color-stop(0%,rgba(255,255,255,0.2)), 
		color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(
		center top,  
		rgba(255,255,255,0.2) 0%,
		rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(
		center top,  
		rgba(255,255,255,0.2) 0%,
		rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(
		center top,  
		rgba(255,255,255,0.2) 0%,
		rgba(255,255,255,0.1) 100%); /* IE10+ */
	
	background: linear-gradient(
		center top,  
		rgba(255,255,255,0.2) 0%,
		rgba(255,255,255,0.1) 100%); /* W3C */
	
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */ }
		
.button:active, .button.active {
	top:1px;
	background: -moz-linear-gradient(
	center top,  
	rgba(0,0,0,0.05) 0%, 
	rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(
	linear, 
	center top, 
	center bottom, 
	color-stop(0%,rgba(0,0,0,0.05)), 
	color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(
	center top,  
	rgba(0,0,0,0.05) 0%,
	rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(
	center top,  
	rgba(0,0,0,0.05) 0%,
	rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(
	center top,  
	rgba(0,0,0,0.05) 0%,
	rgba(255,255,255,0.1) 100%); /* IE10+ */
	
	background: linear-gradient(
		center top,  
		rgba(0,0,0,0.05) 0%,
		rgba(255,255,255,0.1) 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */ }
	
.button span {
	position: relative;
	color:#fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); 
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0.4em 1em;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap; }
	
.ie7 .button span {
	padding: 0.4em 1em 0.5em; }
	
.button.small span {
	font-size:11px;
	line-height: 16px;
	padding: 0.2em 1em 0.3em; }
	
.button.medium span {
	font-size: 14px;
	line-height: 16px;
	padding: 0.5em 1em; }
	
.button.large span {
	font-size:18px;
	line-height: 1em;
	padding: 0.6em 1em 0.7em; }
	
/* Buttons With Icons
---------------------------------------------------------- */
.button span img, .button span img.left {
	display: inline-block;
	line-height: 1em;
	margin: 0 7px 0 0;
	
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45; }
	
.button span img.right {
	margin: 0 0 0 7px; }
	
.button:hover span img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1; }

.button.large span img {
	margin-top: 2px; }
	
/* Buttons Color Scheme
---------------------------------------------------------- */
.button.black {
	background-color: #333; }
	
.button.black span {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
	
.button.gray {
	background-color: #c0c0c1; }
	
.button.gray span {
	color: #666; }
	
.button.white {
	background-color: #fafafa; }
	
.button.white span{
	color: #222; }
	
.button.red {
	background-color: #e61316; }
	
.button.red span {
	color: #860b0e; }
	
.button.orange {
	background-color: #fca456; }
	
.button.orange span {
	color: #a14c01; }
	
.button.purple {
	background-color: #d89dd2; }
	
.button.purple span {
	color: #7d4877; }
	
.button.yellow {
	background-color: #f4cf49; }
	
.button.yellow span {
	color: #886b01; }
	
.button.blue {
	background-color: #98ddfe; }
	
.button.blue span {
	color: #486e7d; }
	
.button.pink {
	background-color: #f895c2; }
	
.button.pink span {
	color: #7d4860; }
	
.button.green {
	background-color: #b6de80; }
	
.button.green span {
	color: #567D49; }
	
.button.coffee {
	background-color: #d6a581; }
	
.button.coffee span {
	color: #7d5f48; }
	
.button.rosy {
	background-color: #F56C7E; }
	
.button.rosy span {
	color: #940114; }
	
/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/
#page-wrap {
	background: #fff;
	margin: 0 auto 150px;
	padding: 40px 60px 0;
	width: 960px;
	position: relative;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #339933;
}
	
#content, #sidebar {
	position: relative; }
	
/*----------------------------------------------*/
/* 2.1 Header */
/*----------------------------------------------*/
#header {
	display: block;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
	z-index: 2; }
	
/* Logo
---------------------------------------------------------- */
 #logo {
	margin-top: 0px;
	float: left; }
	
#logo h1 {
	margin: 0;
	padding: 0; }
	
#logo h1 a {
	background: transparent url('../images/logo.png') no-repeat scroll 0 0;
	width: 400px;
	height: 120px;
	display: block;
	text-indent: -9999px;
}
		
/*----------------------------------------------*/
/* 2.2 Navigation */
/*----------------------------------------------*/
#navigation {
	position: relative;
	float: right;
	margin: 0 -10px 0 50px;
	font-size: 12px;
	font-weight: bold; }
	
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase; }
	
#navigation ul li {
	float: left;
	position: relative;
	margin: 0 0 0 10px; }
	
#navigation ul li:hover {
	visibility: inherit; } /* fixes IE7 'sticky bug' */
	
#navigation ul li a {
	display: block;
	position: relative; }
	
#navigation ul ul {
	position: absolute;
	top: -999em;
	width: 150px; } /* left offset of submenus need to match (see below) */

#navigation ul ul li {
	width: 100%; }

/* Make Sub Menus Apperar */
#navigation ul li:hover ul,
#navigation ul li.sfHover ul {
	left: 0;
	top: 45px; /* match top ul list item height */
	z-index: 99; }
	
/* Hide All Sub Menus */
#navigation .menu li:hover li ul,
#navigation .menu li.sfHover li ul,
#navigation .menu li li:hover li ul,
#navigation .menu li li.sfHover li ul {
	top: -999em; }
	
/* Display All Sub Menus */
#navigation .menu li li:hover ul,
#navigation .menu li li.sfHover ul,
#navigation .menu li li li:hover ul,
#navigation .menu li li li.sfHover ul {
	left: 100%; /* match ul width */
	top: 2px; }
	
/* Top Level Menu */
#navigation ul a {
	padding: 0 10px;
	margin: 0;
	height: 50px;
	line-height: 50px;
	color: #777; }
	
#navigation ul li a:hover,
#navigation ul li:hover,
#navigation ul li.sfHover > a,
#navigation ul li.current > a {
	color: #006600;
	text-decoration: none;
}
	
/* Second Level Menu */
#navigation ul ul {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 5px 15px;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	
	-webkit-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	-moz-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1); }
	
#navigation ul ul li {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	height: auto;  }
	
#navigation ul ul li:last-child {
	border-bottom: none; }
	
#navigation ul ul a {
	margin: 0;
	padding: 1px 0 0 0;
	height: auto;
	line-height: 35px; }
	
/*----------------------------------------------*/
/* 2.3 Intro */
/*----------------------------------------------*/
.page-heading {
	position: relative;
	display: block;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
	padding: 0 0 40px 0; }
					
.page-heading .search-form-widget {
	position: relative;
	float: right; }
	
/* Page Title
---------------------------------------------------------- */
.page-title {
	float: left; }
	
.page-title h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px; }
	
.page-title .custom-text {
	float: left;
	border-left: 1px dotted #e5e5e5;
	margin: 4px 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #999; }
	
/*----------------------------------------------*/
/* 2.4 Homepage Slider */
/*----------------------------------------------*/
.slider-container {
	background: #f7f7f7;
	position: relative;
	display: block;
	margin: 0 0 40px;
	z-index: 1; }
	
/* Slides Slider
---------------------------------------------------------- */
#home-slider.slider {
	width: 960px;
	height: 350px;
	margin-bottom: 0;
	overflow: hidden; }

#home-slider.slider img {
	height: 350px; }
	
.slider {
	position: relative;
	margin-bottom: 20px; }
	
/* Slider Navigation */	
.slider .slider-next, .slider .slider-prev {
	background: transparent url('../images/slider_nav.png') no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	margin-top: 155px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	z-index: 999;
	display: none; }
	
.slider .slider-next {
	background-position: left top;
	right: 30px; }

.slider .slider-prev {
	background-position: right top;
	left: 30px; }
	
.slider .slider-next:hover {
	background-position: left bottom; }
	
.slider .slider-prev:hover {
	background-position: right bottom; }
	
/* Slider Pagination */
.slider .pagination {
	list-style-type: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	border: 0;
	margin: 0;
	text-align: center;
	z-index: 998; }
	
.slider .pagination li {
	display: inline;
	float: left;
	margin: 0 0 0 5px; }
	
.slider .pagination li a {
	background: transparent url('../images/slider_nav.png') no-repeat scroll -40px 0;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	text-indent: -9999px; }
	
.slider .pagination li.current a {
	background-position: -40px -10px; }
		
.slider .pagination li a:hover {
	background-position: -40px -20px; }
	
/* Slider Caption */
.slider-caption {
    background: #333;
    color: #fff;
	font-family: "Georgia", "Times New Roman", Times, Serif;
    font-style: italic;
    padding: 5px 15px;
    position: absolute;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.no-js .slider-caption {
	visibility: hidden; }
	
.slider-caption.left-top {
	left: 20px;
	top: 20px; }
		
.slider-caption.left-bottom {
	left: 20px;
	bottom: 20px; }
		
.slider-caption.right-top {
	right: 20px;
	top: 20px; }
		
/*----------------------------------------------*/
/* 2.5 Content */
/*----------------------------------------------*/
#content {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
	
/* Section General
---------------------------------------------------------- */
.section-wrap {
	margin: 0 0 70px; }
	
.section-wrap:last-child {
	margin-bottom: 20px; }
	
.section-title {
	text-align: center;
	margin: 0 0 50px 0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	background: #fff url('../images/heading_bg.png') repeat-x scroll 0 1px;
	height: 12px;
	line-height: 11px;
	font-weight: bold;
	border: none;
	padding: 0; }

.section-title span {
	background: #fff;
	padding: 0 15px; }
	
/* Featured Work Section
---------------------------------------------------------- */
.featured-work-wrap {
	margin-bottom: 0px;
	position: relative; }
	
.featured-work-wrap .section-title {
	float: left;
	margin-top: 12px; }
	
.featured-work-wrap .filter {
	float: right;
	margin: 10px 0 30px; }
	
/* Partners Section
---------------------------------------------------------- */
.partners-wrap ul {
	list-style-type: none;
	margin: 0; }
	
.partners-wrap ul li {
	background: #f7f7f7;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 5px 5px 20px;
	padding: 15px 14px;
	width: 120px;
	height: 75px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }
	
.section-wrap .partners-wrap ul li {
	margin: 5px; }
	
.partners-wrap ul li:hover {
	border: 1px solid #c2c2c2; }

.partners-wrap ul li a {
	line-height: 75px; }
	
.partners-wrap .jcarousel-next-horizontal, 
.partners-wrap .jcarousel-prev-horizontal {
	top: 44px; }
	
.partners-wrap .jcarousel-next-horizontal {
	background-position: right top;
	right: -15px; }
	
.partners-wrap .jcarousel-prev-horizontal {
	background-position: left top;
	left: -15px; }
	
a.next2 span {
	background-position: right bottom; }
	
a.prev2 span {
	background-position: left bottom; }
	
/* Services Section
---------------------------------------------------------- */
.services-wrap ul {
	margin-bottom: 0; }
	
.services-wrap .icon-box.framed-box {
	margin: 5px 0; }
	
/* Recent Works Section
---------------------------------------------------------- */
.recent-work-slider-wrap {
	position: relative; }
	
.recent-work-slider {
	position: relative;
	margin: 0 auto; }
	
.no-js .recent-work-wrap .portfolio-container {
	width: 996px; }
	
.recent-work-wrap .portfolio-item {
	margin-top: 5px;
	margin-bottom: 5px; }
	
.no-js .recent-work-wrap .portfolio-item {
	margin-bottom: 30px; }
	
.recent-work-wrap .portfolio-item .post-image {
	margin: 0; }
	
/* Related Works Section
---------------------------------------------------------- */
.related-work-wrap .portfolio-container {
	width: 996px; }
	
.related-work-wrap .portfolio-item {
	margin-bottom: 0; }
	
.related-work-wrap .portfolio-item, .carousel .portfolio-item {
	margin-right: 38px;
	width: 211px; }
	
.related-work-wrap .portfolio-item img, .carousel .portfolio-item img {
	width: 211px;
	height: 154px; }

/* Recent Posts Section
---------------------------------------------------------- */
.recent-posts-wrap .post-image {
	margin-top: 5px;
	margin-bottom: 10px; }

.recent-posts-wrap .post-title {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	text-transform: none; }
	
.recent-posts-wrap .post-content p {
	margin: 7px 0 0; }
	
.recent-posts-wrap .one-fourth .post-image img {
	width: 211px;
	height: 154px; }
	
/* Our Team Section
---------------------------------------------------------- */
.team-member {
	margin-bottom: 20px;
	text-align: center; }

.team-member .framed-box {
	margin: 0 0 0 110px;
	padding: 15px; }
	
.name {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase; }
	
.job-title {
	display: block;
	margin-bottom: 10px;
	color: #999; }

.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; }
		
/* Tag Line
---------------------------------------------------------- */
.tag-line .framed-box {
	margin: 0; }

.tag-line .framed-box-content {
	padding: 20px; }
	
.tag-line h1 {
	margin: 0 0 40px;
	font-style: italic;
	font-family: "Georgia", "Times New Roman", Times, Serif;
	font-size: 15px;
	font-weight: bold;
}
	
.tag-line h1 .colored {
	font-size: 22px; }
	
.tag-line h1 span {
	display: block;
	margin-top: 8px;
	font-size: 16px;
	color: #d3654c; }
	
.tag-line .framed-box h1, 
.tag-line .framed-box h2, 
.tag-line .framed-box h3, 
.tag-line .framed-box h4, 
.tag-line .framed-box h5, 
.tag-line .framed-box h6  {
	float: left;
	margin-bottom: 0px;
	line-height: 30px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
	
.tag-line .button {
	margin: 0; }
	
/* 404 Error Page
---------------------------------------------------------- */
.error-404 {
	text-align: center; }
	
.error-404 span.text-404 {
	font-size: 250px;
	line-height: 1em;
	color: #555;
	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; }
	
/* Testimonials
---------------------------------------------------------- */
/* With Picture */
.testimonials-picture .framed-box, .about-author .framed-box {
	margin-left: 110px; }
	
/* Contact Form
---------------------------------------------------------- */
.contact-form .text-input {
	height: 25px;
	line-height: 25px;
	width: 60%; }
	
.contact-form .error {
	font-size: 10px;
	text-transform: uppercase;
	color: #ff8c8c; }
	
.contact-form .textarea {
	width: 95%;
	height: 200px; }
	
/*----------------------------------------------*/
/* 2.6 Sidebars */
/*----------------------------------------------*/
/* Right Sidebar
---------------------------------------------------------- */
.right-sidebar #main-content {
	float: left;
	width: 680px; }
	
.right-sidebar #sidebar {
	float: right;
	width: 240px; }
	
/* Left Sidebar
---------------------------------------------------------- */
.left-sidebar #main-content {
	float: right;
	width: 680px; }
	
.left-sidebar #sidebar {
	float: left;
	width: 240px; }
	
/*----------------------------------------------*/
/* 2.7 Footer */
/*----------------------------------------------*/
#footer {
	position: relative;
	border-top: 1px solid #e5e5e5;
	padding: 30px 0 0; }
	
/*----------------------------------------------*/
/* 2.8 Footer Bottom */
/*----------------------------------------------*/
#footer-bottom {
	padding: 20px 0;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #339933;
	border-right-color: #339933;
	border-bottom-color: #339933;
	border-left-color: #339933;
}
	
.copyright {
	float: left;
	margin: 0;
	line-height: 1em; }
	
.copyright img {
	display: inline;
	margin-right: 5px; }
	
.footer-menu {
	float: right; }
	
.footer-menu ul {
	list-style-type: none;
	margin: 0; }
	
.footer-menu ul li {
	float: left;
	margin: 0 0 0 20px;
	line-height: 1em; }
	
.footer-menu li a {
	text-transform: uppercase;
	color: #999; }
	
.footer-menu li a:hover {
	color: #d3654c; }

/*============================================================================================*/
/* 3. PORTFOLIO STYLES */
/*============================================================================================*/
.portfolio-container {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 990px; }
	
.portfolio-item {
	float: left;
	position: relative;
	margin: 0 30px 30px 0; }
	
.item-container {
	position: relative;
	overflow: hidden; }
	
.portfolio-item .post-image {
	overflow: hidden;
	margin-bottom: 0; }
	
.portfolio-icons {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	margin-right: 5px; }
	
.portfolio-icons a {
	background: transparent url('../images/portfolio_icons.png') no-repeat scroll 0 0;
	float: left;
	margin-left: 2px;
	width: 32px;
	height: 32px;
	text-indent: -9999px; }
	
.portfolio-icons a.image-hover {
		background-position: 0 0; }
	
.portfolio-icons a.image-hover:hover {
		background-position: 0 -32px; }
	
.portfolio-icons a.link-hover { 
		background-position: -32px 0; }

.portfolio-icons a.link-hover:hover { 
		background-position: -32px -32px; }

.portfolio-icons a.video-hover { 
		background-position: -64px 0; }

.portfolio-icons .video-hover:hover { 
		background-position: -64px -32px; }
		
.portfolio-item .post-info .post-content p {
	margin: 7px 0; }
		
.portfolio-item .post-info .post-meta span {
	background: none;
	margin: 0;
	padding: 0; }

/*----------------------------------------------*/
/* 3.1 Portfolio filterable */
/*----------------------------------------------*/
.filterable {
	position: relative;
	margin: 0;
	padding: 0; }
	
.ie7 .filterable {
	padding-bottom: 30px; }
	
/* Filter
---------------------------------------------------------- */
.portfolio-filter {
	list-style-type: none;
	position: relative;
	margin: 0 0 40px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.portfolio-filter li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase; }
	
.portfolio-filter li a  {
	padding: 5px;
	height: 24px;
	line-height: 24px;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.portfolio-filter li a.selected, .portfolio-filter li a:hover {
	background: #d3654c;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

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

.portfolio-two-columns .portfolio-item img {
	width: 465px;
	height: 340px; }
	
/*----------------------------------------------*/
/* 3.3 Portfolio Three Columns */
/*----------------------------------------------*/
.portfolio-three-columns .portfolio-item {
	width: 300px; }
	
.portfolio-three-columns .portfolio-item img {
	width: 300px;
	height: 220px; }
	
/*----------------------------------------------*/
/* 3.4 Portfolio Four Columns */
/*----------------------------------------------*/
.portfolio-four-columns .portfolio-item {
	width: 217px; }

.portfolio-four-columns .portfolio-item img {
	width: 217px;
	height: 159px; }
		
/*----------------------------------------------*/
/* 3.5 Portfolio Style 1 */
/*----------------------------------------------*/
.portfolio-style-1 .post-info {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	border-bottom: 1px solid #d3654c;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	height: auto;
	text-align: center; }
	
.no-js .portfolio-style-1 .portfolio-item:hover .post-info {
	top: 0;
	left: 0; }
	
.portfolio-style-1 .post-info .post-title {
	margin: 0px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff; }
	
.portfolio-style-1 .post-info .post-title a {
	color: #fff; }
	
.portfolio-style-1 .post-info .post-title a:hover {
	color: #d3654c; }
	
/*----------------------------------------------*/
/* 3.6 Portfolio Style 2 */
/*----------------------------------------------*/
.portfolio-style-2 .post-info {
	background: #fff;
	position: relative;
	display: block;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 10px;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }

.portfolio-style-2 .portfolio-item:hover .post-info {
	background: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339933;
}

.portfolio-style-2 .post-info .post-title {
	margin: 0px;
	padding: 0;
	font-size: 14px;
	font-weight: bold; }
	
/*----------------------------------------------*/
/* 3.7 Portfolio Single */
/*----------------------------------------------*/
#project-main {
	position: relative; }
	
.project-details {
	position: relative;
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 20px;
	width: 960px; }
	
.project-details .overview {
	position: relative; }
	
.portfolio-meta {
	margin-bottom: 20px; }
	
.portfolio-meta .detail-head {
	display: block;
	font-weight: bold;
	color: #555;
	margin-bottom: 0; }
	
.portfolio-meta .detail-info {
	display: block;
	margin-bottom: 10px;
	color: #999; } 

.portfolio-meta .slides-container {
	width: 400px;
	overflow: hidden;
	float: left;
	position: relative;
	display: none; }
	
/* Portfolio Slider
---------------------------------------------------------- */
#project-slider.slider {
	overflow: hidden;
	width: 960px;
	height: 550px;
	margin-bottom: 0; }

#project-slider.slider img {
	height: 550px; }
	
#project-slider.slider .slider-next, #project-slider.slider .slider-prev {
	margin-top: 255px; }
	
/*============================================================================================*/
/* 4. WIDGET STYLES */
/*============================================================================================*/
/* Widget General
---------------------------------------------------------- */
.widget {
	display: block;
	margin-bottom: 20px; }
	
.widget-title {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px; }
	
.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; }
	
/* Sidebar Widget General
---------------------------------------------------------- */
#sidebar .widget{
	background: #f7f7f7;
	display: block;
	margin-bottom: 40px;
	padding: 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
#sidebar .widget:last-child {
	margin-bottom: 20px; }
	
#sidebar .widget-title {
	border-bottom: 3px solid #e5e5e5;
	padding: 0 0 3px 0; }
	
#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 #ddd;
	margin: 4px 0 0;
	padding-bottom: 4px; }
	
.ie7 #sidebar .categories-widget li,
.ie7 #sidebar .archives-widget li {
	margin-top: 1px; }
	
#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: #777; }
	
#sidebar .categories-widget li a,
#sidebar .archives-widget li a {
	float: left; }
	
#sidebar .categories-widget li span,
#sidebar .archives-widget li span {
	float: right;
	font-size: 10px;
	color: #999; }
	
#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: #d3654c; }
	
/* Footer Widget General
---------------------------------------------------------- */
#footer .widget{
	margin-bottom: 30px; }
	
#footer .widget-title {
	margin-bottom: 20px; }
	
#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 #ddd;
	margin: 4px 0 0;
	padding-bottom: 4px; }
	
.ie7 #footer .categories-widget li,
.ie7 #footer .archives-widget li {
	margin-top: 1px; }
	
#footer .subnav-widget li a,
#footer .categories-widget li a,
#footer .archives-widget li a,
#footer .meta-widget li a,
#footer .popular-posts-widget li a,
#footer .recent-posts-widget li a,
#footer .recent-comments-widget li a {
	display: block;
	overflow: hidden;
	color: #777; }
	
#footer .categories-widget li a,
#footer .archives-widget li a {
	float: left; }
	
#footer .categories-widget li span,
#footer .archives-widget li span {
	float: right;
	font-size: 10px;
	color: #999; }
	
#footer .subnav-widget li a:hover,
#footer .categories-widget li a:hover,
#footer .archives-widget li a:hover,
#footer .meta-widget li a:hover,
#footer .popular-posts-widget li a:hover,
#footer .recent-posts-widget li a:hover,
#footer .recent-comments-widget li a:hover {
	color: #d3654c; }
	
/*----------------------------------------------*/
/* 4.1 Search Form Widget */
/*----------------------------------------------*/
#search-form p {
	position: relative;
	margin-bottom: 0; }
	
#search-form input.text-input {
	background: #fafafa;
	padding-right: 30px;
	width: 198px; }
	
#search-form input.text-input:focus {
	background: #fff; }
	
#search-form input.search-submit {
	background: transparent url('../images/search_icon.png') no-repeat scroll 0 0;
	position: absolute;
	display: block;
	border: 0;
	margin: 7px 6px 0 0;
	top: 0;
	right: 0;
	width: 16px;
	height: 17px;
	line-height: 17px;
	text-indent: -9999px; }

/*----------------------------------------------*/
/* 4.2 Text Widget */
/*----------------------------------------------*/
.text-widget p {
	margin-bottom: 1em; }
	
.text-widget img {
	margin-bottom: 10px; }
	
#footer .text-widget p {
	margin-bottom: 20px: }
	
/*----------------------------------------------*/
/* 4.3 Popular Posts / Recent Posts Widget */
/*----------------------------------------------*/
.posts-list .thumbnail {
	display: block;
	position: relative;
	float: left;
	margin: 4px 10px 4px 0;
	line-height: 100%; }
	
.posts-list .thumbnail img {
	width: 40px;
	height: 40px;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }
	
.posts-list .thumbnail img.image-frame {
	padding: 3px; }
	
.posts-list .thumbnail img.image-frame:hover {
	border: 1px solid #c2c2c2; }
	
.posts-list .post-info {
	overflow: hidden; }
	
.posts-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: bold; }
	
.posts-list .post-info .post-meta span {
	display: inline;
	background: none;
	margin: 0;
	padding: 4px 0 0; }

#sidebar .posts-list .post-info .post-meta a,
#footer .posts-list .post-info .post-meta a  {
	display: inline;
	float: none;
	font-weight: normal;
	color: #999; }
	
#sidebar .posts-list .post-info .post-meta a:hover,
#footer .posts-list .post-info .post-meta a:hover {
	color: #d3654c; }
	
/*----------------------------------------------*/
/* 4.4 Recent Comments Widget */
/*----------------------------------------------*/
.recent-comments-list li {
	color: #999; }
	
.recent-comments-list .thumbnail {
	display: block;
	position: relative;
	float: left;
	margin: 4px 10px 4px 0;
	line-height: 100%; }
	
.recent-comments-list .thumbnail img {
	width: 40px;
	height: 40px;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }
	
.recent-comments-list .thumbnail img.image-frame {
	padding: 3px; }
	
.recent-comments-list .thumbnail img.image-frame:hover {
	border: 1px solid #c2c2c2; }
		
.recent-comments-list .post-info {
	overflow: hidden; }
	
.recent-comments-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: bold; }
	
/*----------------------------------------------*/
/* 4.5 Related Posts Widget */
/*----------------------------------------------*/
.related-posts-widget .posts-list li {
	float: left;
	margin: 0 27px 0 0;
	width: 208px; }

.related-posts-widget .posts-list li:last-child {
	margin-right: 0; }

.related-posts-widget .thumbnail {
	float: none;
	display: block;
	margin: 0 0 10px; }
	
.related-posts-widget .posts-list .thumbnail img {
	width: 208px;
	height: 152px; }
	
/*----------------------------------------------*/
/* 4.6 Video Widget */
/*----------------------------------------------*/
.sidebar-video {
	margin: 0;
	padding: 6px 0;
	line-height: 1em; }
	
/*----------------------------------------------*/
/* 4.7 Contact Info Widget */
/*----------------------------------------------*/
.contact-info-widget {
	overflow: hidden;
	padding-right: 30px; }

.contact-info-widget p {
	position: relative;
	margin-bottom: 5px;
	padding-left: 25px; }
	
.contact-info-widget p span {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	display: block;
	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/widget_contact_icons.png') no-repeat scroll 0 0px; }
	
.ie7 .contact-info-widget p.contact-icon-address span {
	top: 2px; }
	
.contact-info-widget p.contact-icon-phone span {
	background: transparent url('../images/widget_contact_icons.png') no-repeat scroll 0 -16px;
	top: 3px; }
	
.ie7 .contact-info-widget p.contact-icon-phone span {
	top: 0; }
	
.contact-info-widget p.contact-icon-fax span {
	background: transparent url('../images/widget_contact_icons.png') no-repeat scroll 0 -32px; }
	
.ie7 .contact-info-widget p.contact-icon-fax span {
	top: 0; }
	
.contact-info-widget p.contact-icon-mobile span {
	background: transparent url('../images/widget_contact_icons.png') no-repeat scroll 0 -48px; }

.ie7 .contact-info-widget p.contact-icon-mobile span {
	top: 0; }
	
.contact-info-widget p.contact-icon-mail span {
	background: transparent url('../images/widget_contact_icons.png') no-repeat scroll 0 -64px;
	top: 3px; }
	
.ie7 .contact-info-widget p.contact-icon-mail span {
	top: 0; }
		
#footer .contact-info-widget {
	padding: 0; }
	
/*----------------------------------------------*/
/* 4.8 Tags Widget */
/*----------------------------------------------*/
.tag-cloud {
	padding: 3px 0 6px;
	text-align: center; }
.tag-cloud a {
	background: #fafafa;
	display: inline-block;
	border: 1px solid #ddd;
	margin: 3px 0 0 0;
	padding: 0 5px;
	font-size: 11px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
		
.tag-cloud a:hover {
	background: #d3654c;
	border: 1px solid #d3654c;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	
/*----------------------------------------------*/
/* 4.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; }
	
.twitter-wrap li:last-child {
	padding-bottom: 0; }
	
#sidebar .twitter-wrap li {
	background: transparent url('../images/twitter_bird.png') no-repeat scroll 0 5px;
	padding-left: 25px; }
	
#sidebar .twitter-wrap li:first-child {
	margin-top: 0; }
	
.twitter-wrap .tweet_text {
	background: #f7f7f7;
	display: block;
	margin: 0;
	padding: 5px 10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	}
	
#sidebar .twitter-wrap .tweet_text {
	background: none;
	padding: 0; }
	
.twitter-wrap .tweet_text a {
	font-style: italic; }
	
.twitter-wrap .tweet_time {
	background:transparent url('../images/twitter_bubble_bird.png') no-repeat scroll 0 0;
	display: block;
	overflow: hidden;
	padding-left: 25px; }
	
#sidebar .twitter-wrap .tweet_time {
	background: none;
	padding: 0; }
		
.twitter-wrap .tweet_time a {
	font-size: 11px;
	font-style: italic;
	color: #999; }
		
.twitter-wrap .tweet_time a:hover {
	color: #d3654c; }
	
#sidebar .tweet_list {
	overflow: hidden; }
	
#footer .twitter-wrap .tweet_first {
	padding-bottom: 0; }
	
/*----------------------------------------------*/
/* 4.10 Flickr Widget */
/*----------------------------------------------*/
.flickr-wrap {
	position: relative;
	overflow: hidden;
	padding-bottom: 6px; }
	
#footer .flickr-wrap {
	padding-bottom: 0; }
	
.flickr-wrap li {
	float: left;
	margin: 0 8px 8px 0; }
	
.flickr-wrap li a {
	background: #fafafa;
	display: block;
	border: 1px solid #e5e5e5;
	padding: 3px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.flickr-wrap li a:hover {
	border: 1px solid #c2c2c2; }
	
.flickr-wrap li  img {
	display: block;
	width: 40px;
	height: 40px; }
	
#sidebar .flickr-wrap, #footer .flickr-wrap {
	margin-right: -6px; }

#sidebar .flickr-wrap li {
	margin: 6px 6px 0 0; }
	
#footer .flickr-wrap li {
	float: left;
	margin: 0 6px 6px 0; }
		
#footer .flickr-wrap li  img {
	width: 40px;
	height: 40px; }
	
/*----------------------------------------------*/
/* 4.11 Social Media Widget */
/*----------------------------------------------*/
.social-media-widget ul {
	list-style-type: none;
	overflow: hidden;
	margin: 0; }
	
.social-media-widget ul li {
	overflow: hidden;
	padding: 0;
	margin: 0 0 20px;
	line-height: 18px; }
	
.social-media-widget ul li:last-child {
	margin-bottom: 0; }
	
.social-media-widget ul li a {
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	display: block;
	color: #777; }
	
.social-media-widget ul li a:hover {
	color: #d3654c; }
	
.social-media-widget ul li img {
	float: left;
	margin-right: 7px; }
	
/* Social Wrap */
.social-wrap {
	list-style-type: none;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0; }
	
.social-wrap li {
	display: inline-block;
	margin: 0 5px 5px 0; }
	
.ie7 .social-wrap li {
	display: inline; }
	
.social-wrap li a {
	display: block;
	width: 18px;
	height: 18px; }
	
.social-wrap li a img {
	background: #fafafa;
	margin: 0; }
	
/*----------------------------------------------*/
/* 4.12 Google Map Widget */
/*----------------------------------------------*/
.google-map {
	background: #f7f7f7;
	height: 300px;
	margin-bottom: 20px; }
	
/*============================================================================================*/
/* 5. BLOG STYLES */
/*============================================================================================*/
.post-content {
	overflow: hidden; }
	
.blog-post {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 30px;
	margin-bottom: 50px; }
	
.blog-post.single-post {
	margin-bottom: 40px; }
	
.blog-post .post-title {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 20px;
	padding: 0 0 5px 125px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none; }
	
.post-title a {
	color: #006600;
}
	
.post-title a:hover {
	color: #339933;
}
	
.meta-date-comment {
	position: relative;
	float: left;
	overflow: hidden;
	margin: -65px 0 20px 0;
	text-align: center; }
	
.meta-date-comment .meta-date, .meta-date-comment .meta-comment {
	float: left;
	margin-right: 1px;
	padding-top: 7px;
	width: 55px;
	font-size: 24px;
	line-height: 1em;
	color: #555;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
	
.ie7 .meta-date-comment .meta-date, 
.ie7 .meta-date-comment .meta-comment {
	padding-top: 8px; }
	
.meta-date-comment .meta-date {
	background: transparent url('../images/date_bg.png') no-repeat scroll 0 0;
	height: 49px; }

.meta-date-comment .meta-comment {
	background: transparent url('../images/comments_bg.png') no-repeat scroll 0 0;
	height: 59px; }
	
.meta-date-comment .meta-date span, .meta-date-comment .meta-comment span {
	display: block;
	margin: 9px 0 0;
	font-size: 10px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	
.post-meta {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
}
	
.blog-post .post-meta {
	margin-top: -13px;
	padding-left: 125px; }
	
.post-meta span {
	background: transparent url('../images/post_meta_icons.png') no-repeat scroll 0 0;
	margin-right: 15px;
	padding: 4px 0 4px 22px; }
	
.post-meta span:last-child {
	margin-right: 0; }
	
.post-meta a {
	color: #000000;
}
	
.post-meta a:hover {
	color: #d3654c; }
	
.post-meta .meta-author {
	background-position: 0 2px; }

.post-meta .meta-date {
	background-position: 0 -23px; }

.post-meta .meta-categories {
	background-position: 0 -49px; }

.post-meta .meta-tags {
	background-position: 0 -75px; }
	
.post-meta .meta-comment {
	background-position: 0 -101px; }
	
.post-image, .post-video {
	display: block;
	position: relative;
	margin-bottom: 20px; }
	
/*----------------------------------------------*/
/* 5.1 Blog Style 2 */
/*----------------------------------------------*/
.blog2 .post-image, .blog2 .post-video {
	float: left;
	position: relative;
	margin-right: 30px; }
	
.blog2 .post-image img {
	width: 280px;
	height: 205px; }

/*----------------------------------------------*/
/* 5.2 Blog Single Post */
/*----------------------------------------------*/
.single-post .post {
	margin-bottom: 0;
	border: none; }
	
/*----------------------------------------------*/
/* 5.3 Post Navigation */
/*----------------------------------------------*/
.post-nav {
	list-style-type: none;
	overflow: hidden;
	margin: 40px 0; }
	
.post-nav .main-grid {
	float: left; }
	
.post-nav a.main-grid {
	background: transparent url('../images/main_grid.png') no-repeat scroll 0 0;
	display: block;
	padding-left: 35px;
	line-height: 32px;
	font-weight: bold;
	color: #777; }
	
.post-nav a.main-grid:hover {
	background-position: 0 bottom;
	color: #d3654c; }
	
.post-nav .nav {
	float: right;
	margin: 0; }
	
.post-nav .nav p {
	float: left;
	margin: 0;
	font-weight: bold;
	line-height: 32px; }
	
.post-nav .nav a {
	float: left;
	display: block;
	position: relative;
	margin: 0 0 0 5px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-indent: -9999px; }
	
a.post-prev, a.post-next {
	background: #fff url('../images/nav_arrow_small.png') no-repeat scroll 0 0; }
		
a.post-prev {
	background-position: left top; }
	
a.post-next {
	background-position: right top; }
	
a.post-prev span, a.post-next span {
	background: #fff url('../images/nav_arrow_small.png') no-repeat scroll 0 0;
	position: absolute;
	display: block;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 1000; }
	
a.post-prev span {
	background-position: left bottom; }
	
a.post-next span {
	background-position: right bottom; }
	
/*----------------------------------------------*/
/* 5.4 Pagination */
/*----------------------------------------------*/
.pagination {
	margin: 20px 0; }
	
.page-list {
	float: left;
	display: inline-block; }
	
.pagination span, .pagination a {
	background: #fafafa;
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 6px 8px;
	line-height: 1em;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.pagination a:hover, .pagination span.current {
	background: #d3654c;
	border: 1px solid #d3654c;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	
.pagination span.disabled {
	color: #ddd; }
	
.pages {
	float: right;
	background: #fafafa;
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 6px 8px;
	line-height: 1em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #999;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
/*----------------------------------------------*/
/* 5.5 About The Author */
/*----------------------------------------------*/
.about-author {
	margin-bottom: 25px; }
	
.author-avatar img {
	float: left;
	margin: 6px 20px 6px 0;
	width: 90px;
	height: 90px; }
	
.author-avatar img.image-frame {
	width: 80px;
	height: 80px; }
	
.author-name  a {
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #e5e5e5;
	color: #aaa; }
	
.author-name a:hover {
	border-bottom: 1px dotted #d3654c;
	color: #d3654c; }
	
.author-desc {
	margin: 5px 0 20px 0; }
	
/*----------------------------------------------*/
/* 5.6 Comments List */
/*----------------------------------------------*/
#comments {
	margin-bottom: 20px; }

.comment-title .title {
	padding: 0;
	color: #777; }
	
.comment-list {
	list-style-type: none;
	margin: 0;
	padding: 0; }
	
.comment-list li {
	overflow: hidden;
	margin: 0; }
	
.comment-list .framed-box {
	margin: 0 0 20px 80px }
	
.avatar {
	float: left; }
	
.avatar img {
	margin: 6px 0;
	width: 50px;
	height: 50px; }
	
.avatar a.reply {
	display: block;
	margin: 0;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase; }
	
.comment-info {
	background: transparent url('../images/quote.png') no-repeat scroll 0 0;
	padding-left: 48px;
	overflow: hidden; }
	
.comment-info cite {
	font-weight: bold;
	font-style: normal; }
	
.comment-info cite a {
	color: #555; }
	
.comment-info cite a:hover {
	color: #d3654c; }
	
.comment-info cite .author {
	background: #d3654c;
	padding: 2px 3px;
	margin-left: 5px;
	font-size: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.comment-meta {
	padding: 2px 0 10px 0;
	font-size: 11px;
	line-height: 1em;
	color: #999; }
	
.children {
	list-style-type: none;
	margin: 0 0 0 60px; }
	
/*----------------------------------------------*/
/* 5.7 Comments Form */
/*----------------------------------------------*/
.respond-title {
	float: left; }
	
.respond-note {
	float: right;
	color: #999; }
	
#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: 422px;
	height: 164px; }
	
.ie7 #respond textarea {
	height: 168px; }
	
/*============================================================================================*/
/* 6. EXTENDED TYPOGRAPHY & SHORTCODES */
/*============================================================================================*/
/*----------------------------------------------*/
/* 6.1 Blockquote /Pullquote */
/*----------------------------------------------*/
blockquote, .pullquote-right, .pullquote-left {
	background: none;
	font: 14px/1.8em "Georgia", "Times New Roman", Times, Serif;
	font-style: italic;
	border-left: 3px solid #e5e5e5;
	padding: 0 0 0 20px; }
	
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: 12px;
	font-style: italic;
	color: #999; }
	
.pullquote-left {
	float: left;
	margin: 10px 20px 10px 0;
	width: 33%; }
	
.pullquote-right {
	float: right;
	margin: 10px 0 10px 20px;
	width: 33%; }
	
/*----------------------------------------------*/
/* 6.2 Dropcap */
/*----------------------------------------------*/
.dropcap {
	float: left;
	display: block; 
	margin-right: 10px;
	line-height: 1em;
	font-size: 36px;
	text-transform: upperfase;
	text-align: center;
	color: #555; }
	
.dropcap.circle {
	background: transparent url('../images/dropcap_circle.png') no-repeat scroll left top;
	margin-top: 2px;
	width: 41px;
	height: 41px;
	font-size: 28px;
	color: #555;
	line-height: 41px; }
	
.dropcap.circle.dark {
	background: transparent url('../images/dropcap_circle_dark.png') no-repeat scroll left top; 
	color: #fefefe; }

.dropcap.square {
	background: #f1f1f1;
	margin-top: 2px;
	padding: 6px 12px;
	font-size: 28px;
	color: #555;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.dropcap.square.dark {
	background: #555;
	color: #fefefe; }
	
/*----------------------------------------------*/
/* 6.3 Text Highlights */
/*----------------------------------------------*/
.highlight {
	background: #d3654c;
	color: #fff;
	padding: 1px 5px; }

.highlight.light {
	background: #ffff99;
	color: #222; }
	
.highlight.dark {
	background: #333; }
	
.colored {
	display: inline !important;
	color: #d3654c !important; }

/*----------------------------------------------*/
/* 6.4 Code & Pre */
/*----------------------------------------------*/
code, pre{
	border: 1px solid #e5e5e5;
	border-left: 3px solid #e5e5e5;
	padding: 0 20px;
	line-height: 20px;
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	overflow: auto;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
code {
	background: #f7f7f7; }
	
pre {
	background: transparent url("../images/code_bg.png") repeat scroll 0 0; }
	
/*----------------------------------------------*/
/* 6.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: 20px; }
	
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; }
	
/*----------------------------------------------*/
/* 6.6 Icon Boxes */
/*----------------------------------------------*/
.icon-box {
	overflow: hidden;
	margin-bottom: 20px; }

.icon-box-image {
	float: left;
	padding: 3px 10px 0 0; }
	
.icon-box-image.align-center {
	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center; }
	
.icon-box-image.align-center img {
	margin: 0 auto 20px; }
	
.icon-box-title {
	margin-bottom: 10px; }
	
.icon-box-content {
	overflow: hidden; }
	
.icon-box-content .icon-box-title {
	margin-bottom: 5px; }
	
.icon-box-content p {
	margin-bottom: 10px; }
	
.icon-box.framed-box {
	margin: 0 0 20px;
	padding: 25px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear; }

.icon-box.framed-box:hover {
	background-color: #f1f1f1;
	border: 1px solid #c2c2c2; }

.icon-box.framed-box .icon-box-title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase; }

/*----------------------------------------------*/
/* 6.7 Tabs & Toggles & Accordions */
/*----------------------------------------------*/
/* Tabs */
.tabs-container {
	margin-bottom: 20px; }
	
.tabs {
	list-style-type: none;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	height: 38px;
	font-size: 12px;
	font-weight: bold;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0; }

.tabs li {
	background: none;
	display: inline;
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	cursor: pointer; }
	
.tabs li a{
	background: #fafafa;
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	white-space: nowrap;
	color: #777;	}
	
.tabs li a:first-child {
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	-o-border-radius: 3px 0 0 0;
	-ms-border-radius: 3px 0 0 0;
	-khtml-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0; }
	
.tabs li a.current {
	background: #fff;
	color: #555;
	cursor: default;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 1px; }
	
.tabs a:hover {
	text-decoration: none; }
	
.tab-content {
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0px;
	margin: 0;
	padding: 10px; }
	
.tab-content > div{
	display: none;
	overflow: hidden; }

/* Toggles / Accordions */
.toggle-title, .accordion-title {
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 10px 10px 30px;
	line-height: 18px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; }
	
.toggle-title {
	background: #f7f7f7 url('../images/toggle_expand.png') no-repeat scroll 10px 14px; }
	
.toggle-active {
	background:  #fafafa url('../images/toggle_collapse.png') no-repeat scroll 10px 14px;
	color: #555; }

.toggle-content, .accordion-content {
	overflow: hidden;
	padding: 10px 10px 5px;
	margin: 5px 0; }
	
.toggle-content p, .accordion-content p {
	margin-bottom: 1em; }
	
/* Toggles */
.toggle {
	margin-bottom: 5px;
	position: relative; }
	
/* Accordion */
.accordion {
	margin-bottom: 20px;
	position: relative; }
	
.accordion-title {
	background: #f7f7f7 url('../images/accordion_expand.png') no-repeat scroll 10px 13px;
	margin: 0 0 5px 0; }
	
.accordion .current {
	background:  #fafafa url('../images/accordion_collapse.png') no-repeat scroll 10px 13px;
	color: #555;
	cursor: default; }
	
/*============================================================================================*/
/* 7. CAROUSEL */
/*============================================================================================*/
.carousel .jcarousel-container-horizontal {
    width: 958px;
    padding: 0; }
	
.carousel .jcarousel-clip-horizontal {
	margin: 0;
	padding: 0;
    width:  958px;
    height: auto; }
	
/* Carousel Navigation */
.jcarousel-clip {
    overflow: hidden; }
	
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {
	background: transparent url('../images/nav_arrow_small.png') no-repeat scroll 0 0;
	position: absolute;
	top: 72px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 999; }
		
.jcarousel-next-horizontal {
	background-position: right top;
	right: -20px; }
	
.jcarousel-prev-horizontal {
	background-position: left top;
	left: -20px; }
	
.jcarousel-next-horizontal span, .jcarousel-prev-horizontal span {
	background: transparent url('../images/nav_arrow_small.png') no-repeat scroll 0 0;
	position: absolute;
	display: block;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 1000; }
	
.jcarousel-next-horizontal span {
	background-position: right bottom; }
	
.jcarousel-prev-horizontal span {
	background-position: left bottom; }

/*============================================================================================*/
/* 8. ANIMATED SCROLL TO TOP */
/*============================================================================================*/
#scroll-top {
	position: fixed;
	right: 50%;
	bottom: 30px;
	margin-right: -615px; }
	
#scroll-top a, #scroll-top a span {
	background: transparent url('../images/scroll_top.png') no-repeat scroll 0 0;
	display: block;
	width: 52px;
	height: 52px;
	line-height: 50px;
	text-indent: -9999px;
	z-index: 999; }
	
#scroll-top a span {
	background-position: left bottom;
	position: absolute;
	top: 0px;
	z-index: 1000; }