.core-form-field-group-header { margin: 1em 0; }

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

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
	background:url(images/body_bg.gif) repeat;
	margin: 0;
	padding: 0;
}

body,
input,
textarea {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
}

.hidden { display: none; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a { 
	text-decoration: none;
	color: #5597b2;
}

a:hover { text-decoration: none; }
 
a img { border: none; }

.left { display:inline-block; }

.right { display:inline-block; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio,
#logo { margin-bottom: 20px; }

.post-thumb,
.post_video {
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	margin-bottom: 30px;
	background: #2f2f2f;
}

.cotton-area .post-thumb { background: none; }

.post_video iframe{
	vertical-align: bottom;
}

.post-thumb { margin-top: 30px; }

.post-thumb img { vertical-align: bottom; }

.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 30px; }

.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }

hr {
	border-left: none;
	border-bottom: 1px solid #fefdfd;
	border-top: 1px solid #e4e1d9;
	margin: 0;
}

.respond-hr,
.entry-content hr { margin-bottom: 25px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}

.page-title {
	float: left;
    color: #555;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 26px;
    margin: 10px 0 0 0;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	
}

.entry-title,
.entry-title a {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #444444;
}

.entry-title a:hover { color: #5597b2;}

.single-portfolio .entry-title { 
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}

.page-tagline {
	float: left;
	width: 500px;
	color: #6b96a8;
    font-style: italic;
    font-size: 18px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	padding: 5px 0 0 10px;
	margin-top: 10px;
}

.page-tagline p { margin: 0; }

.page-tagline p span {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
	padding: 0px 5px 0 0; 
	float: left;
}

#container { width: 100%; }
	
#primary {
	float: left;
	width: 600px;
}

.page-template-template-full-width-php #primary { width: 100%; }

.layout-2cl #primary { float: right; }

#sidebar {
	float: right;
	width: 300px;
	color: #444444;
}

#sidebar h4 {
	color: #444444;
	font-weight: bold;
	font-size: 13px;
}

#sidebar .widget_recent_comments a, 
#sidebar .widget_categories a,
#sidebar .widget_recent_entries a,
#sidebar .widget_archive a,
#sidebar-narrow-right a,
#sidebar-narrow-left a {
	color: #444444;
}

#sidebar .widget_recent_comments ul, 
#sidebar .widget_categories ul,
#sidebar .widget_recent_entries ul,
#sidebar .widget_archive ul,
#sidebar-narrow-right ul,
#sidebar-narrow-left ul {
	list-style: none;
	margin: 0;
}

#sidebar .widget_recent_comments li,
#sidebar .widget_categories li,
#sidebar .widget_recent_entries li,
#sidebar .widget_archive li,
#sidebar-narrow-right li,
#sidebar-narrow-left li {
	border-bottom: 1px dashed #d5d3ce;
	padding: 5px;
}

#sidebar .widget_recent_comments ul ul,
#sidebar .widget_categories ul ul,
#sidebar .widget_recent_entries ul ul,
#sidebar .widget_archive ul ul,
#sidebar-narrow-right ul ul,
#sidebar-narrow-left ul ul { 
	margin-top: 5px;
	border-top: 1px dashed #d5d3ce;
}

#sidebar .widget_recent_comments ul ul li,
#sidebar .widget_categories ul ul li,
#sidebar .widget_recent_entries ul ul li,
#sidebar .widget_archive ul ul li,
#sidebar-narrow-right ul ul li,
#sidebar-narrow-left ul ul li {
	padding-left: 10px;
}

#sidebar .widget_recent_comments ul ul li:last-child,
#sidebar .widget_categories ul ul li:last-child,
#sidebar .widget_recent_entries ul ul li:last-child,
#sidebar .widget_archive ul ul li:last-child,
#sidebar-narrow-right ul ul li:last-child,
#sidebar-narrow-left ul ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

#sidebar-narrow-left,
#sidebar-narrow-right {
	float: left;
	width: 140px;
}

#sidebar-narrow-left { width: 120px; }

#sidebar-narrow-left { padding-right: 40px; }

.layout-2cl #sidebar { float: left; }

#footer {
	z-index: 100; 
	position: relative;
}

code {
    background: rgba(255, 255, 255, 0.5);
    font-family: normal normal normal 11px/19px Consolas, 'Andale Mono', Courier, 'Courier New', monospace;
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Header Styles
/*-----------------------------------------------------------------------------------*/

#header {
	border-top: 1px solid #343d4b;
	background: url(images/header_bg_default.gif) repeat-y center top #1a1f26;
}

#header-inner {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
}

#header-title-wrap { margin-bottom: 20px; }

#logo { float: left; }
#logo,
#logo a {
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}

#logo a:hover { text-decoration: none; }

#tagline {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
}

.line-effect {
	background: url(images/featured_border.png) repeat;
    height: 10px;
    width: 100%;
    margin: -10px 0 0 0;
    position: absolute;
    z-index: 1;
}

#global-tagline {
    padding: 10px 0 0 0;
    float: right;
    text-align: right;
	margin-right: 30px;
}

#global-tagline p {
    font-size: 16px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#global-tagline a {
    border: none;
}

#global-tagline a:hover { }


/*-----------------------------------------------------------------------------------*/
/*	4.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

#primary-nav {
	height: 30px;
	margin-bottom: 30px;
	float: right;
	margin-right: -10px;
}

#primary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-nav ul a {
	padding: 0 0 0 10px;
    color: #f1eee5;
    font-weight: bold;
    float: left;
    font-size: 13px; 
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#primary-nav ul li {
	position: relative;
	z-index: 40;
	float: left;
    margin: 0 0 0 5px;
}

#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#primary-nav ul ul li { width: 100%; }

#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
    background: url(images/sprite.png) 10px 60px; /* Left image */
	text-decoration: none;
}

#primary-nav ul a:hover span,
#primary-nav ul li.sfHover a span,
#primary-nav ul li.current-cat a span,
#primary-nav ul li.current_page_item a span,
#primary-nav ul li.current-menu-item a span {
    background: url(images/sprite.png) 100% 30px; /* Right image */
}

#primary-nav ul li.sfHover li a,
#primary-nav ul li.sfHover li a span{
	 background: none; 
}

#primary-nav li li a:hover,
#primary-nav li.sfHover li a { background: none }

#primary-nav li a span {
    display: block;
    padding: 5px 10px 5px 0;
    float: left;
    cursor: pointer;
}

#primary-nav li li a span { padding: 0 }

.sf-sub-indicator { text-indent: -9999px; }

#primary-nav li a span.sf-sub-indicator {
    background: url(images/sprite.png) 29px 120px;
    width: 29px;
    height: 30px;
    float: left;
    margin: 0 0 0 -7px;
    padding: 0;
}

.ie #primary-nav li a span.sf-sub-indicator { height: 28px; }

#primary-nav ul a:hover span.sf-sub-indicator,
#primary-nav ul li.sfHover a span.sf-sub-indicator,
#primary-nav ul li.current-cat a span.sf-sub-indicator,
#primary-nav ul li.current_page_item a span.sf-sub-indicator,
#primary-nav ul li.current-menu-item a span.sf-sub-indicator { 
	background: url(images/sprite.png) 29px 90px 
}

.ie #primary-nav ul a:hover span.sf-sub-indicator,
.ie #primary-nav ul li.sfHover a span.sf-sub-indicator,
.ie #primary-nav ul li.current-cat a span.sf-sub-indicator,
.ie #primary-nav ul li.current_page_item a span.sf-sub-indicator,
.ie #primary-nav ul li.current-menu-item a span.sf-sub-indicator { 
    height: 29px;
}

#primary-nav li .sub-menu li a span.sf-sub-indicator,
#primary-nav li.sfHover .sub-menu li a span.sf-sub-indicator { height: 12px; }

#primary-nav li li a span.sf-sub-indicator,
#primary-nav li.sfHover li a span.sf-sub-indicator {
    background: url(images/sprite.png) 37px 84px;
    height: 12px;
    margin: 5px 0 0 0;
    width: 10px;
    float: right;
}

#primary-nav li.sfHover li.sfHover li a span.sf-sub-indicator { background: url(images/sprite.png) 37px 84px }

#primary-nav li li.sfHover a span.sf-sub-indicator,
#primary-nav li li.sfHover li.sfHover a span.sf-sub-indicator { background: url(images/sprite.png) 37px 72px }

/*  Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	left: -1px;
	top: 36px; /* match top ul list item height */
	z-index: 99;
}

/* Hide all subs subs (4 levels deep) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
	left: 180px; /* match .nav ul width */
	top: -1px;
}

/* 2nd level skin */
#primary-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 180px; /* left offset of submenus need to match (see below) */
	background: url(images/nav_dropdown_bg.gif) repeat;
    padding: 15px 5px 15px 5px;
    margin: 3px 0 0 0;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#primary-nav ul ul li {
	float: left;
	width: 150px;
	background: none;
	border-bottom: 1px solid #0f0f0f;
    border-top: 1px solid #262626;
	padding: 0 5px 0 5px;
}

#primary-nav ul ul li:first-child  { border-top: none }

#primary-nav ul ul li:last-child { border-bottom: none }

#primary-nav ul ul li a {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 5px 0;
	width: 150px;
}


#primary-nav ul li a,
#primary-nav ul li a span,
{ background: none }


/*  Slider */

#slider {
	width: 100%;
	margin-top: 0px;
	float: left;
	position: relative;
	z-index: 2;
	display: none;
}

#portfolio-slider {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	display: none;
}

#portfolio-slider .slides_container {
	width: 696px;
}

.slides_container {
	width: 940px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#slider .hentry { margin: 0; }

#slider .entry-content {
	width: 940px;
	border: none;
	padding: 0;
}

#slider .entry-content a { border: none; }

#slider p { margin: 20px 0 0 0; }

#slider h1, #slider h2 {
    color: #f1eee5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 30px;
    margin: 0 0 30px 0;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#slider h3 {
	font-size: 18px;
	color: #6b96a8;
    line-height: 30px;
    margin: 0 0 20px 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

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

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

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

.slides-nav .arrow-left a,
.slides-nav .arrow-right a {
    position: absolute;
    background: url(images/sprite.png) 150px 93px;
    width: 21px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    margin: -165px 0 0 -50px;
    border: none;
}

.slides-nav .arrow-right a {
    background: url(images/sprite.png) 128px 93px;
    margin: -165px 0 0 980px;
}

.slides-nav .arrow-right a:hover { background: url(images/sprite.png) 84px 93px }

.slides-nav .arrow-left a:hover { background: url(images/sprite.png) 106px 93px }



/*-----------------------------------------------------------------------------------*/
/*	5.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

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

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    background: url(images/quote.png) no-repeat left 5px;
    padding: 0 40px 0 50px;
    margin: 0 0 30px 50px;
    min-height: 40px;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 12px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #efefef;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding: 10px;
	border: 1px solid #ddd;
	clear: both;
}

code { padding: 3px; }

ul,
ol,
dl { margin-left: 30px; }


caption { text-align: left; }


.archive .entry-content,
.blog .entry-content { padding-bottom: 20px; }


.single .entry-content { padding-bottom: 25px ;}

.tz_tweet_widget span a,
.text-widget a,
.archive-lists a,
.comment-body a,
.cancel-comment-reply a,
.author-bio a,
.entry-content a { 
	border-bottom: 1px solid #dbd7cc; 
}

.tz_tweet_widget span a:hover,
.text-widget a:hover,
.archive-lists a:hover,
.cancel-comment-reply a:hover,
.comment-body a:hover,
.author-bio a:hover,
.entry-content a:hover { 
	border-bottom: 1px solid #cbc7bd;
	color: #444444;
}

.entry-content img { max-width: 940px; }

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

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

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}


.gallery {
	float: left;
	width: 100%;
}

.gallery-item {
	width: auto !important;
	float: left;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}


input,
textarea,
button {
	background: #fff;
	border: 1px solid #dad9d5;
}

input,
textarea { padding: 7px; }

button {
	padding: 2px 10px;
	cursor: pointer;
}

input:focus,
textarea:focus,
button:hover {
	background: #fff;
	border-color: #c8c6c2;
	color: #444444;
}

#submit { cursor: pointer; }

#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;	
	padding-bottom: 20px;
	color: #444444;
}

#content p, #content li { font-size:14px; }

.home #content { padding: 0 0 15px 0; }

.more-link{
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-meta {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    margin: 12px 0 15px 0;
    color: #888888;
    padding: 3px 10px 3px 10px;
    background: #edeae3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.entry-meta a { color: #888888; }
.entry-meta a:hover { color: #666666; }

.author-bio {
	margin-top: 50px;
}

.author-bio .avatar	{
	float: left;
	margin: 0 20px 0 0;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	padding: 0;
}

.author-bio img { vertical-align: bottom}

li .respond-title { display: none; }

.respond-title,
.author-title,
.related-title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}

.author-description { margin-left: 60px; }

.entry-content ul { list-style-type: none; }

.entry-content ol { list-style-type: none; }

#blog-related-wrap {
	margin-top: 50px;
}

#blog-related-wrap ul{
	margin: 0 0 0 0;
	width: 620px;
	float: left;
}

#blog-related-wrap li{
	float: left; 
	width: 135px;
	height: 170px;
	margin-bottom: 30px;
	margin-right: 20px;
}

#blog-related-wrap .post-thumb {
	margin: 0 0 15px 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

#blog-related-wrap .entry-title,
#blog-related-wrap .entry-title a {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Comments
/*-----------------------------------------------------------------------------------*/

#respond-wrap .comments-sidebar { padding-top: 30px; }

#respond label{
	font-size: 12px;
}

#comments {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	margin-top: 50px;
}

.commentlist {
	margin: 10px 0 40px 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	width: 600px;
	float: left;
}

.page-template-template-full-width-php .commentlist { width: 100%; }

.commentlist .line { display: none; }

.commentlist li {
	border-bottom: 1px dashed #d5d3ce;
	padding-bottom: 25px;
	min-height: 65px;
}

.commentlist li li { border-bottom: none; }

.commentlist li li .line{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	border-bottom: 1px dashed #d5d3ce;
	margin: 0 0 0 0px;
}

.comment-body { padding-left: 86px; }

li li .comment-body { padding-left: 137px; }

.commentlist ul {
	border-left: 1px dashed #d5d3ce;
	margin: 30px 0 0 30px;
}

.comment-body p:last-child { margin: 0;}

.commentlist ul ul{	
	margin: 45px 0 0 88px;
	padding: 10px 0 0 0;
}

.commentlist li li { margin-top: 15px; }
.commentlist li li:last-child {	margin-bottom:0; }
.commentlist li li li {	margin-top: 0; }

.commentlist li #respond { padding: 40px 0 0 0px; }
.commentlist li li #respond { padding: 40px 0 0 55px; }

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {margin-bottom: 25px; }

.comment-body ul,
.comment-body ol,
.comment-body dl { margin-left: 30px; }

li .cancel-comment-reply { padding-bottom: 20px; }

ol #commentform { width: 100%; }

#commentform input {
	margin-right: 10px; 
	width: 45%;
}

#commentform textarea {
	width: 96%;
	height: 150px;
}

#commentform small span,
.contactform small span { color: #F00; }

#commentform small span.grey,
.contactform small span.grey{
	color: #999;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
}

.children { list-style-type: none; }


.avatar {
	margin: 0 20px 20px 0;
	background: url(images/body_bg.gif) repeat;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}


li li .avatar { margin:0 0 20px 55px; }

.comment-author .comment-meta a{
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
}

.comment-meta a:hover { color: #5597b2; }

.fn { 
	float: left;
	font-weight: bold;
	margin-right: 10px;
	color: #333;
}

.comment-author { 
	padding-left: 85px;
	padding-bottom: 15px; 
}

li li .comment-author { padding-left: 137px; }

.comment-author a{ color: #444444; }



.comment-author { margin-top: -95px; }

.comment-author-admin { }

.comment-author cite { 
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.says { display: none; }

.nocomments {
	text-align: center;
	padding: 20px;
}

.comment-body ul { 
	list-style-type: none; 
	border: none;
	margin-bottom: 20px;
}

.comment-body ul li {
	padding: 0;
	margin: 0;
}

.comment-body ol { list-style-type: none; }

.moderation {
	padding-left: 45px;
	color: red;
	font-size: 11px;
}

.author-tag {
	font-family: "Droid Serif", Georgia, Times, serif;
	font-size: 11px;
}

button {
    height: 49px;
    cursor: pointer;
    margin: 0;
}

button span {
    height: 35px;
    margin: 0;
    padding: 14px 23px 0 0;
}

button.alt_btn {
    background: none;
    border: none;
    cursor: pointer;
}

button.alt_btn span.left {
    background: url(images/sprite.png) 24px 354px;
    display: block;
    padding: 0 0 0 23px;
    height: 49px;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    text-align: center;
    border: none;
}

button.alt_btn span.right {
    height: 34px;
    background: url(images/sprite.png) 100% 251px;
    display: block;
    padding: 15px 23px 0 0;
}

button:hover.alt_btn span.left { background: url(images/sprite.png) 24px 406px }

button:hover.alt_btn span.right { background: url(images/sprite.png) 100% 302px }


/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.page-navigation .nav-next { float: left; }

.page-navigation .nav-previous { float: right; }

.single-page-navigation .nav-next { float: right; }

.single-page-navigation .nav-previous { float: left; }

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 3px 9px 4px 9px;
    border: 1px solid #c6c6c6;
    color: #666666;
    margin: 0 6px 0 0;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current { 
	border: 1px solid #999;
}


.wp-pagenavi span.pages {
	border: none;
	margin: 0 15px 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 12px;
	
}

.wp-pagenavi span.extend {
	padding: 4px 8px;
	margin: 2px;
}

.wp-pagenavi {
    padding: 0;
    float: left;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

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

#footer-bottom {
	width: 100%;
	background: #0d0d0d;
	color: #626262;
}

#footer-bottom a{ color: #989898; }

#footer-bottom a:hover{ color: #ccc; }

#footer-inner {
	width: 940px;
	margin: 0 auto;
	padding: 17px 0 0 0;
	height: 40px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#footer-column-left { width: 615px; }

.copyright { float: left; }

.credit { float: right; }

#footer .widget p:last-child { margin: 0; }

#footer-menu { float:right; }

#footer-menu ul li { display:inline !important; padding-left:10px; padding-right:10px; }

/*-----------------------------------------------------------------------------------*/
/*	10.	Page Templates
/*-----------------------------------------------------------------------------------*/

.archive-lists ul { list-style: none; }

.archive-lists h4 { margin-bottom: 20px; }

.archive-lists .children { margin-bottom: 0; }

.full-width { width: 940px!important; }

.contactform { margin-left: 0; }

.contactform li { list-style-type: none; }

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 80%;
	height: 150px;
	margin-bottom:15px;
}

label.error { color: red; }


/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget { padding-bottom: 30px; }

.widget-title {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 18px;
}

.widget ul {
	list-style-type: none;
	margin-bottom: 0;
}

.widget ol {
	list-style-type: none;
	margin-bottom: 0;
}

/* Search Widget */
.widget_search #s { width: 95%; }

.widget_search form,
.widget_search fieldset { margin: 0; }

/* Calander Widget */
.widget_calendar caption { margin-bottom: 5px; }

.widget_calendar table { width: 100% }

/* Advert Widgets */

.tz_ad120x240_widget img { vertical-align: bottom; }

.tz_ad120x240_widget a {
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
	display: block;
}

.ads-125 ul {
    float: left;
    width: 310px;
	margin: 0;
	list-style: none;
}

.ads-125 li {
    float: left;
    margin: 0 10px 10px 0;
    border: none;
    padding: 0;
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
}

.ads-125 li a {
    width: 125px;
    height: 125px;
    display: block;
    border: none;
}

.sidebar_ad a:hover,
.ads-125 li:hover { background: url(images/advert_bg_hover.gif) repeat }

.ads-125 img { vertical-align: bottom; }


/* Flickr Widget */
.tz_flickr_widget { padding-right: 0; }

#flickr_badge_wrapper { width: 312px; }

.flickr_badge_image {
	float: left;
	margin: 0 12px 12px 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
	background: #9a9a9a;
}

.flickr_badge_image img {
	width: 66px;
	height: 66px;
	vertical-align: bottom;
}

/* 300 x 250 Widget */
.tz_ad300_widget { padding: 0; }

.tz_ad300_widget .widget-title { display: none; }

.ads-300 {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

/* Tabbed Widget */
.tz_tab_widget #tabs {
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
	width: 280px;
}

.tz_tab_widget #tab-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background: url(images/nav_bg.gif) repeat;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.tz_tab_widget #tab-items li {
	float: left;
	line-height: 40px;
	padding: 0;
	background: none;
	text-align: center;
	background: url(images/tab_border.gif) repeat-y left;
}

.tz_tab_widget #tab-items li#tz_tab1 { width: 70px; }
.tz_tab_widget #tab-items li#tz_tab2 { width: 70px; }
.tz_tab_widget #tab-items li#tz_tab3 { width: 87px; }
.tz_tab_widget #tab-items li#tz_tab4 { width: 52px; }

.tz_tab_widget #tab-items li#tz_tab4 a {
	-moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

.tz_tab_widget #tab-items li#tz_tab1 a {
	-moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}

.tz_tab_widget #tab-items li a {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	padding-top: 1px;
	display: block;
}


.tz_tab_widget #tab-items li.ui-tabs-selected a,
.tz_tab_widget #tab-items li.ui-state-active a {
	background: url(images/tab_border.gif) repeat-y left #fbfaf8;
	text-decoration: none;
	color: #666;
}

.tz_tab_widget #tab-items li a:hover {
	background: url(images/tab_border.gif) repeat-y left #fbfaf8;
	line-height: 39px;
	color: #666;
}

.tz_tab_widget #tab-items li.ui-state-active a:hover {
	line-height: 40px;
}

.tz_tab_widget .tabs-inner {
	border: 1px solid #d2d2d2;
	padding: 10px 0 10px 0;
	background: #fcfbf9;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.tz_tab_widget .ui-tabs-hide { display: none; }

.tz_tab_widget .tab ul {
	list-style-type: none;
	margin: 0;
}

.tz_tab_widget .tab ul li {
	border-bottom: 1px solid #e2e2e2;
	padding: 12px 20px 12px 20px;
	min-height: 60px;
}

.tz_tab_widget .tab ul li:last-child {
	border-bottom: none;
}

.tz_tab_widget .tab-thumb { 
	background: #9a9a9a;
	float: left;
	margin: 5px 13px 0 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tz_tab_widget .tab-thumb img { vertical-align: bottom; }

.tz_tab_widget .entry-title,
.tz_tab_widget .entry-title a {
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}

.tz_tab_widget .entry-meta {
	float: left;
	padding: 0;
	margin: 0;
}
	
.tz_tab_widget .entry-meta,
.tz_tab_widget .entry-meta a {
	color: #aaaaaa;
	background: none;
	font-size: 11px;
}

.tz_tab_widget .entry-meta a:hover {
	text-decoration: none;
	color: #444444;
}

.tab-comments .avatar {
	background: #9a9a9a;
	float: left;
	margin: 5px 13px 0 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tab-comments h3,
.tab-comments h3 a {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	color: #666;
	text-transform: none;
}

.tab-tags { padding: 5px 20px 15px 20px; }

.tab-tags a {
	color: #444444;
	background: #f5f3ee;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 6px;
	display: block;
	float: left;
	margin: 0 3px 3px 0;
}

.tab-tags a:hover {
	color: #fff;
	background: #f2f2f2;
	text-decoration: none;
}

/* Twitter & RSS -------------- */

.rss_widget,
.twitter_widget { float: left }

.rss_widget { padding: 0 25px 0 35px }

span.icon {
    float: left;
    margin: 5px 10px 0 0;
}

span.icon a { border: none!important }

span.count {
    float: left;
    font-size: 21px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a span.count {
    color: #444444;
    float: left;
}

span.desc {
    float: left;
    font-size: 11px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a span.desc {
    color: #888888;
    float: left;
}

.rss_widget .details,
.twitter_widget .details {
    width: 70px;
    margin: 0 0 0 0;
    float: left;
}

a:hover span.desc { color: #444444 }


/* Screenshot & Screencast Widgets */

.tz-screencast ul,
.tz-large-screenshot ul,
.tz-small-screenshot ul {
	margin: 0;
	padding: 0; 
	list-style: none;
}

.tz-small-screenshot P { margin: 0; }

.tz-screencast li,
.tz-large-screenshot li,
.tz-small-screenshot li {
	width: 100%;
	margin: 0 0 25px 0;
	min-height: 55px;
}

.tz-screencast li:last-child,
.tz-small-screenshot li:last-child,
.tz-large-screenshot li:last-child { margin: 0; }

.tz-screencast .post-thumb,
.tz-large-screenshot .post-thumb,
.tz-small-screenshot .post-thumb {
	float: left;
	margin: 5px 15px 0 0;
	padding: 0;
}

.tz-screencast .post-thumb,
.tz-large-screenshot .post-thumb { margin-bottom: 15px; }

p.tz_video_desc,
p.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    color: #888888;
	float: left;
	width: 270px;
	text-align: center;
    padding: 3px 10px 3px 10px;
    background: #edeae3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Video Widget */
p.tz_video_desc { 
	width: auto;
	float: none;
	margin-top: 5px;
	text-align: center;
}

.tz-small-screenshot .plus { float: left; }
.tz-small-screenshot .plus span { margin: -10px 0 0 -10px; }
.tz-screencast .plus span,
.tz-large-screenshot .plus span { margin: -10px 0 0 -24px; }

/* Blog Widget & Twitter wWidget */

.tz_tweet_widget ul,
.tz-blog-widget ul {
	margin: 0;
	padding: 0; 
	list-style: none;
	border-bottom: 1px solid #fefdfd;
}

.cotton-area .tz_tweet_widget ul,
.cotton-area .tz-blog-widget ul {
	border-bottom: none;
}

.tz_tweet_widget li,
.tz-blog-widget li {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #e4e1d9;
	border-top: 1px solid #fefdfd;
	min-height: 58px;
}

.cotton-area .tz_tweet_widget li,
.cotton-area .tz-blog-widget li {
	border-bottom: 1px solid #121212;
	border-top: 1px solid #2c2c2c;
}

.cotton-area .tz_tweet_widget li:last-child,
.cotton-area .tz-blog-widget li:last-child {
	border-bottom: none;
}

.tz_tweet_widget li:first-child,
.tz-blog-widget li:first-child {
	padding-top: 0;
	border-top: none;
}

.tz-blog-widget .post-thumb {
	float: left;
	padding: 0;
	margin: 5px 15px 0 0;
}

.tz-blog-widget .entry-title,
.tz-blog-widget .entry-title a {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

.cotton-area .tz-blog-widget .entry-title,
.cotton-area .tz-blog-widget .entry-title a {
	color: #f1eee5;
}

.cotton-area a:hover {
	color: #fff;
}

.tz-blog-widget .entry-meta {
	background: none;
	padding: 0;
	margin: 0;
}

.tz_tweet_widget li { min-height: 0; }

#twitter-link { 
	margin-top: 20px;
	display: block;
}

.tz_tweet_widget a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #888888;
    font-style: italic;
}

.cotton-area .tz_tweet_widget span a { border: none; }

.tz_tweet_widget a:hover { color: #444444 }

.tz_tweet_widget span a {
    font-style: normal;
    font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.tz_tweet_widget ul {
    float: left;
    border-bottom: 1px solid #fefdfd;
}

.tz_tweet_widget li {
    float: left;
    padding: 15px 0 15px 0;
    border-top: 1px solid #fefdfd;
    border-bottom: 1px solid #e4e1d9;
    width: 100%;
}

.tz_tweet_widget li:first-child {
    border-top: none;
    padding: 0 0 15px 0;
}

.tz_tweet_widget p { margin: 0 0 1px 0 }

/* Subscriber Widget */

.tz-subscribe .input_bg {
    background: url(images/sprite.png) 10px 477px;
    height: 35px;
    padding: 0 0 0 10px;
    margin: 0 0 15px 0;
}

.tz-subscribe #newsletterForm { margin: 0; }

.tz-subscribe .input_bg span.input_bg_left {
    background: url(images/sprite.png) 100% 442px;
    display: block;
    height: 35px;
}

.tz-subscribe .input_bg input {
    margin: 8px 0 0 0;
    width: 67%;
    float: left;
    background: #101010;
    border: none;
    color: #f2f0eb;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cotton-area .tz-subscribe .input_bg input { color: #979797;}
.tz-subscribe button.inside {
    cursor: pointer;
    background: url(images/sprite.png) 100% 503px;
    height: 26px;
	float: right;
    text-align: center;
    border: none;
    color: #4a4a4a;
    margin: 4px 5px 0 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.40);
    font-weight: bold;
    padding: 0 5px 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.tz-subscribe button:hover.inside {
    background: url(images/sprite.png) 100% 530px;
    color: #333333;
}

.tz-subscribe .result { display: none }

.cotton-area .tz-subscribe p.success,
.cotton-area .tz-subscribe p.error {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.cross,
.tick {
    background: url(images/sprite.png) 81px 113px;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin: 2px 5px 0 0;
}

.tick { background: url(images/sprite.png) 98px 113px }

.tz-subscribe p.error { 
	color: #d04c49 ;
	margin: 0 0 15px 0;
}

.tz-subscribe p.success { 
	color: #8fa753;
	margin: 0 0 15px 0;
}

.tz-subscribe .loader { 
	position: absolute;
	margin: 8px 0 0 -15px;

}

/* Testimonials Widget */

.tz-testimonials ul{
	margin: 0;
	list-style: none;
	padding: 0;
}

.tz-testimonials li { margin-bottom: 40px; }
.tz-testimonials li:last-child { margin-bottom: 0; }

.tz-testimonials .post-thumb {
	float: left;
	margin: 0 15px 20px 0;
}

.tz-testimonials .entry-meta {
	background: none;
	padding: 0;
	margin: 0;
}

.tz-testimonials span {
    display: block;
    margin: 0 0 1px 0;
    color: #444444;
}

.tz-testimonials .name {
    font-weight: bold;
}

.tz-testimonials .role {
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.cotton-area .tz-testimonials .name,
.cotton-area .tz-testimonials .role {
	color: #f1eee5;
}

.tz-testimonials .site {
    color: #888888;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    border: none;
}

.tz-testimonials p {
    width: 100%;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
	margin: 0;
}

/* Table  ------------------------------*/

.callout_box.table .inner {
    background: #fdfcfa;
    padding: 0;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.callout_box.table table {
    width: 100%;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    border-collapse: collapse;
}

.callout_box.table ul {
    border-top: 1px dashed #dedddc;
    margin: 10px 0 20px 0;
}

.callout_box.table li {
    border-bottom: 1px dashed #dedddc;
    padding: 5px 0 5px 0;
    list-style: none;
}

.callout_box.table td {
    padding: 15px;
    border-right: 1px solid #efefed;
    border-top: 1px solid #efefed;
}

.callout_box.table td:last-child {
    border-right: none;
}

.callout_box.table tr.title td { padding: 15px 0 15px 0 }

.callout_box.table tr.even td {
    color: #888888;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    padding: 10px 15px 10px 15px;
    background: #faf9f7;
}

.callout_box.table .title td {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #444444;
    border-top: none;
}

.callout_box.table.small a.buttons { margin: 0 0 0 35px; }
.callout_box.table.large a.buttons { margin: 0 0 0 35px; }

/* Code / Pre  ------------------------------*/

pre {
    background: url(images/pre_bg.gif) repeat;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 18px 20px 15px 20px;
    line-height: 19px;
    overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
    overflow-Y: hidden;
    color: #555555;
    margin: 0 0 20px 0;
    font-size: 11px;
    font-family: normal normal normal 11px/19px Consolas, 'Andale Mono', Courier, 'Courier New', monospace;
}


/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

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

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

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

/* Buttons  ------------------------------*/

a.buttons {
    background-image: url(images/btn_left_sprite.png);
    display: inline-block;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    border: none;
    padding: 0 0 0 18px;
    cursor: pointer;
	margin-bottom: 20px;
}

.cotton-area a:hover.buttons { color: #252525; }

a:hover.buttons { border: none; }

a.buttons span {
    background-image: url(images/btn_sprite.png);
    padding: 8px 18px 10px 0;
}

a.btn_yellow {
    background-position: 0 0;
    color: #252525;
}

a.btn_yellow span { background-position: 100%  0 }

a:hover.btn_yellow { background-position: 0 609px }

a:hover.btn_yellow span { background-position: 100% 609px }

a.btn_blue {
    background-position: 0 568px;
    color: #204552;
}

a.btn_blue span {
    background-position: 100%  568px;
    padding: 8px 18px 10px 0;
}

a:hover.btn_blue { background-position: 0 529px }

a:hover.btn_blue span { background-position: 100% 529px }

a.btn_green {
    background-position: 0 491px;
    color: #435425;
}

a.btn_green span { background-position: 100%  491px }

a:hover.btn_green { background-position: 0 452px }

a:hover.btn_green span { background-position: 100% 452px }

a.btn_red {
    background-position: 0 413px;
    color: #57222e;
}

a.btn_red span { background-position: 100%  413px }

a:hover.btn_red { background-position: 0 374px }

a:hover.btn_red span { background-position: 100% 374px }

a.btn_purple {
    background-position: 0 335px;
    color: #543951;
}

a.btn_purple span { background-position: 100%  335px }

a:hover.btn_purple { background-position: 0 296px }

a:hover.btn_purple span { background-position: 100% 296px }

a.btn_teal {
    background-position: 0 257px;
    color: #1f4e4f;
}

a.btn_teal span { background-position: 100%  257px }

a:hover.btn_teal { background-position: 0 218px }

a:hover.btn_teal span { background-position: 100% 218px }

a.btn_white {
    background-position: 0 179px;
    color: #444444;
}

a.btn_white span { background-position: 100%  179px }

a:hover.btn_white { background-position: 0 140px }

a:hover.btn_white span { background-position: 100% 140px }

a.btn_dark {
    background-position: 0 101px;
    color: #fff;
    text-shadow: none;
}

a:hover.btn_dark { color: #fff; }

a.btn_dark span { background-position: 100%  101px }

a:hover.btn_dark { background-position: 0 62px }

a:hover.btn_dark span { background-position: 100% 62px }

/* Alerts ------------------------------*/

.alert {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 25px 0;
}

.alert.white {
    background: url(images/alert_white_bg.gif);
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.alert.red {
    background: url(images/alert_red_bg.gif);
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.orange {
    background: url(images/alert_orange_bg.gif);
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}

.alert.green {
    background: url(images/alert_green_bg.gif);
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}

/* Callout Box  ------------------------------*/

.callout_box {
    background: url(images/advert_bg.gif) repeat;
    padding: 10px;
    margin: 0 0 20px 0;
    clear: both;
}

.callout_box p:last-child { margin: 0 }

.inner {
    background: #fdfcfa;
    color: #444444;
    padding: 10px 15px 10px 15px;
    border: 1px solid #d3d3d3;
    border-top: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.callout_box h4 {
    background: url(images/nav_bg.gif) repeat-x;
    margin: 0;
	font-weight: bold;
    padding: 13px 15px 12px 15px;
    font-size: 12px;
    border: 1px solid #d3d3d3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/* Toggle content  ------------------------------*/

.toggle { 
    background: transparent url(images/advert_bg.gif) 0 0 repeat;
    margin: 0 0 20px 0; 
    padding: 10px;
    clear: both;
}

.toggle h4 {
    background: transparent url(images/nav_bg.gif) 0 0 repeat-x;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 13px 15px 12px 15px; 
	border: 1px solid #d3d3d3;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	cursor: pointer;
}

.toggle-inner {
	padding: 10px 15px;
	background: #fdfcfa;
	border: 1px solid #d3d3d3;
	border-top: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
	color: #444;
}

.toggle .ui-icon {
	background: #F00;
	width: 10px;
	height: 10px;
	float: left;
	margin: 3px 10px 0 0;
}

.toggle .ui-icon {
    background: url(images/plus_minus_sprite.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 3px 10px 0 0;
}

.toggle .ui-state-active .ui-icon { background: url(images/plus_minus_sprite.gif) -13px 0 no-repeat; }


/* Content Tabs -------------- */

.tabs {
    background: url(images/advert_bg.gif) repeat;
    padding: 10px;
    float: none;
    margin: 0 0 20px 0;
}

.tabs ul { margin: 0 }

.tabs li { list-style: none }

.tab_wrap {
    background: #fff;
    color: #444444;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tabs ul.nav {
    background: url(images/nav_bg.gif) repeat;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 12px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.tabs ul.nav li a {
    display: block;
    padding: 11px 20px 8px 20px;
    text-align: center;
    border: none;
    color: #555555;
    font-weight: bold;
}

.tabs ul.nav li a:hover { background: url(images/tab_border.gif) repeat-y right #fff }

.tabs ul.nav li.ui-tabs-selected a:hover { padding-bottom: 9px }

.tabs ul.nav li {
    float: left;
    position: relative;
    padding: 0 0 0 0;
    background: url(images/tab_border.gif) repeat-y right;
}

.tabs .padder { padding: 13px 20px 12px 20px }

.tabs .tab p:last-child { margin: 0 }

.tabs ul.nav li.ui-tabs-selected a {
    background: url(images/tab_border.gif) repeat-y right #fff;
    border: none;
    padding-bottom: 9px;
}

.tabs ul.nav li.first a {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}

.tabs .tab {
    float: none;
    padding: 0;
    margin: 0;
}

.ui-tabs .ui-tabs-hide { display: none }

/* Tour  ------------------------------*/

.tour {
    width: 100%;
    float: left;
}

.tour .callout_box {
    width: 25%;
    float: left;
}

.tour .inner { padding: 0 }

.tour .callout_box li {
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
}

.tour .callout_box ul { margin: 0 }

.tour .callout_box li:last-child { border: none }

.tour .callout_box li a {
    border: none;
    color: #444444;
    display: block;
    padding: 10px 15px 10px 15px;
}

.tour .callout_box li a span {
    float: right;
    background: url(images/sprite.png) 53px 71px;
    width: 8px;
    height: 12px;
    margin: 4px 0 0 0;
}

.tour .callout_box li a:hover span,
.tour .callout_box li.ui-state-active a span { background: url(images/sprite.png) 53px 83px }

.tour .callout_box li a:hover,
.tour .callout_box li.ui-state-active a {
    border: none;
}

.tour .tab {
    padding: 0 0 0 30px;
    float: left;
    width: 68%;
    color: #444444;
	text-align: center;
	margin:0 auto; 
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Featured Area
/*-----------------------------------------------------------------------------------*/

#body-detail {
	background: url(images/body_top_border.gif) repeat;
    height: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
	margin-bottom: 25px;
}

#body-detail-bottom {
	width: 100%;
    height: 10px;
    background: url(images/footer_border_top.gif) repeat;
	z-index: 100; 
	position: relative; 
}

/*-----------------------------------------------------------------------------------*/
/*	14.	Cotton Area
/*-----------------------------------------------------------------------------------*/

.cotton-area {
	 width: 100%; 
	 background: url(images/featured_bg.gif) repeat;
}

.cotton-top {
	background: url(images/featured_top_bg.gif) repeat-x;
    height: 15px;
}

.cotton-bottom {
	background: url(images/featured_bottom_bg.gif) repeat-x;
    height: 15px;
    width: 100%;
}

.cotton-inner {
	width: 975px;
	margin: 0 auto;
	padding-left: 35px;
}

.cotton-column {
	width: 290px;
	margin: 0 35px 0 0;
	float: left;
	min-height: 1px;
}

.cotton-area,
.cotton-area p {
	color: #979797;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.cotton-area .widget-title,
.cotton-area h3 {
	color: #f1eee5;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 0;
}

.cotton-area h3 { margin-bottom: 5px; }

.cotton-area .widget {
	padding-bottom: 25px;
	padding-top: 25px;
}

.cotton-area p.caption {
    color: #979797;
    background: none;
}

/* Breadcrumb  -----------------------------*/

#breadcrumb {
    padding: 15px 0 10px 0;
    float: left;
}

#breadcrumb p {
    font-size: 12px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#breadcrumb a {
    color: #999999;
    border: none;
}

#breadcrumb a:hover { color: #bbbbbb }

#breadcrumb strong { font-weight: normal }

/* Global Tagline  -----------------------------*/

#global-tagline {
    padding: 10px 0 10px 0;
    float: right;
    text-align: right;
}

#global-tagline p {
    font-size: 16px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#global-tagline a {
    border: none;
}

#global-tagline a:hover { color:#000; }

/*-----------------------------------------------------------------------------------*/
/*	15.	Home Page Template
/*-----------------------------------------------------------------------------------*/

#home-top,
#home-callout,
#home-bottom {
	width: 975px;
	margin: 0 auto;
}

#home-top { padding-top: 20px; }

#home-callout {
	padding-bottom: 60px;
	padding-top: 40px;
	width: 940px;
}

.home-column {
	float: left;
	width: 290px;
	margin-right: 35px;
	min-height: 1px;
	color: #444444;
}

.home-column .widget { padding-bottom: 25px; }

.home-column .widget-title {
	font-weight: bold;
	font-size: 14px;
	text-align:center;
}

/* Call out -----------------------*/

.call_out {
    color: #444444;
    background: url(images/callout_bg.gif) repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
}

.call_out .wrap {
    padding: 19px 20px 17px 20px;
    border: 1px solid #d7d4cb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.call_out h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: #444444;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px 0;
}

.call_out .detail { }

.call_out p {
    margin: 0;
    color: #444444;
    font-size: 12px;
}

.call_out a.alt_btn {
    background: url(images/sprite.png) 24px 354px;
    display: block;
    padding: 0 0 0 23px;
    float: right;
	margin: -48px 0 0 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    text-align: center;
    border: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

.call_out a.alt_btn span {
    padding: 14px 23px 15px 0;
    background: url(images/sprite.png) 100% 251px;
    display: block;
}

.call_out a:hover.alt_btn { background: url(images/sprite.png) 24px 406px }

.call_out a:hover.alt_btn span { background: url(images/sprite.png) 100% 302px }


/*-----------------------------------------------------------------------------------*/
/*	16.	Portfolio Template
/*-----------------------------------------------------------------------------------*/

.page-template-template-portfolio-three-columns-php .post-thumb { height: 130px !important; }

.page-template-template-portfolio-two-columns-php .post-thumb { height: 200px !important; }

#taxs { width: 199px; }

.portfolio-sidebar {
	width: 199px;
	float: left;
	margin-right: 45px;
	min-height: 1px;
	margin-bottom: 50px;
}

.portfolio-sidebar h5{ color: #444444; }

#portfolio-related { margin: 60px 0 80px 0; }

#portfolio-related .entry-title { margin: 0; }

#portfolio-related p { margin: 0 0 5px 0; }

#portfolio-wrap,
#related-wrap {
	width: 696px;
	float: left;
	position: relative;
}

#portfolio-wrap { min-height: 500px; }

#portfolio-wrap p { margin-bottom: 10px; }

#taxs ul { margin: 20px 0 25px -10px; }

#taxs li {
	width: 100%;
    margin: 0 0 5px 0;
    float: left;
}

#taxs a {
    float: left;
    font-size: 11px;
	padding: 2px 10px 2px 10px;
    color: #666666;
    background: #faf9f7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#taxs a.active,
#taxs a:hover { 
	color: #444444;
}

#columns-wrap {
	margin: 0;
	width: 732px;
}

.image-grid-one:after,
.image-grid-two:after,
.image-grid-three:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.image-grid-one li { 
	width: 696px;
	margin-bottom: 60px;
}

.image-grid-two li {
	width: 330px;
	max-height: 360px;
	float: left;
	margin-right: 36px;
}

.image-grid-three li {
	width: 208px;
	max-height: 290px;
	float: left;
	margin-right: 36px;
}

.image-grid-one h2.entry-title,
.image-grid-one h2.entry-title a {
	 font-size: 14px; 
	 margin-bottom: 3px;
	 padding-top: 10px;
}

.image-grid-two h2.entry-title,
.image-grid-two h2.entry-title a {
	 font-size: 13px; 
	 margin-bottom: 0;
}

.image-grid-three h2.entry-title,
.image-grid-three h2.entry-title a { 
	font-size: 12px; 
}

#portfolio-wrap .post-thumb,
#related-wrap .post-thumb { 
	margin-bottom: 15px;
	margin-top: 0;
}

.plus { float: right; }

#portfolio-wrap .plus span,
#related-wrap .plus span {
	 margin-left: -25px;
	 margin-top: -10px;
}

.plus span {
    background: url(images/sprite.png) 63px 120px;
    width: 34px;
    height: 34px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
	text-indent: -9999px;
}

#portfolio_nav,
#line_wrap {
    width: 100%;
    float: right;
}

#portfolio_nav {
    position: relative;
    z-index: 2;
	margin-top: 15px;
	margin-bottom: 50px;
}

#line_wrap {
    position: relative;
    z-index: 1;
}

#line {
    position: absolute;
    width: 613px;
    border-bottom: 1px dashed #d5d3ce;
    margin: 35px 0 0 45px;
}

#circles,
#arrows {
    float: left;
    width: 700px;
}

#arrows { height: 28px }

#left_arrow {
    position: absolute;
    margin: -20px 0 0 0;
}

#right_arrow {
    position: absolute;
    margin: -20px 0 0 674px;
}

#left_arrow a,
#right_arrow a {
    display: block;
    width: 28px;
    height: 28px;
    background: url(images/sprite.png) 206px 91px;
    border: none;
    text-indent: -9999px;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#right_arrow a { background: url(images/sprite.png) 178px 91px }

#circles ul {
    float: left;
    left: 50%;
    margin: 16px auto 0px;
    max-width: 700px;
    position: relative;
}

#circles li {
    float: left;
    padding: 0 2px 0 2px;
    background: url(images/body_bg.gif) repeat;
    position: relative;
    right: 50%;
}

#circles li:first-child { padding: 0 2px 0 12px }

#circles li:last-child { padding: 0 10px 0 2px }

#circles a {
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 10px;
    border: none;
    background: url(images/sprite.png) 108px 106px;
}

#circles a:hover,
#circles li.current a { background: url(images/sprite.png) 118px 106px }

.tax-list {
	margin: 15px 0 20px -10px;
}

.tax-list li span {
    display: block;
    float: left;
    font-size: 11px;
    padding: 2px 10px 2px 10px;
    color: #666;
    background: #faf9f7;
    border: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tax-list li {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}


/* PrettyPhoto Facebook Theme Modification */

div.facebook .pp_nav {
}

div.facebook .pp_nav .pp_play {
	background: url(images/play_btn.png) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	left: 27px;
}

div.facebook .pp_nav .pp_pause {
	background: url(images/btn_pause.png) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	left: 27px;
}

div.facebook .pp_arrow_previous {
	background: url(images/btn_prev.png) no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 5px;
	top: 4px;
}

div.facebook .pp_arrow_next {
	background: url(images/btn_next.png) no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 57px;
	top: 4px;
}

div.facebook .pp_close {
	background: url(images/btn_close.png) no-repeat;
	width: 29px;
	height: 29px;
	margin-right: 5px;
}

div.facebook .pp_details { position: relative; height: 40px; }

div.facebook .pp_description {
	position: absolute;
	top: 5px;
	left: 130px;
}

div.facebook .pp_nav p {
	position: absolute;
	left: 80px;
	top: 4px;
}


/*==========================================================================================
	1.	Link Colours
==========================================================================================*/

#logo a:hover { color: #006699; }

.tour .callout_box li a:hover,
.tour .callout_box li.ui-state-active a,
.tz_tweet_widget span a,
#sidebar a:hover,
.comment-meta a:hover,
.entry-title a:hover,
a { color: #468bbf; }

.tab-tags a:hover {
	color: #ffffff !important; 
	background: #468bbf;
}

.page-tagline,
#slider h3 {color: #91bcce; }

/*==========================================================================================
	2.	Header Colours
==========================================================================================*/

body {
	border-top: 7px solid #1c1c1c;
}

#header {
	border-top: 1px solid #294e6f;
	background: url(images/header_bg_light_blue.jpg) repeat-y center top #172f41;
}
