/* ======================================================= */
/*                      Global Reset                       */
/* ======================================================= */
/*
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
list-style:none outside none;
}

nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
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 inherit;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
:focus {
    outline: 0; 
}

/* ======================================================= */
/*                       Base Style                        */
/* ======================================================= */
body {
    /*background: #262428 url(../images/main-background.jpg) no-repeat top center;*/
    background-image:url(../images/main-background.jpg);
    background-position:top center;
    background-repeat: no-repeat;
   	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	line-height: 20px;
    background-color:#794EAE;
    font-size: 13px;
    color: #585858;
    min-width:980px;
}
h1 {
    color: #444444;
    font-size: 200%;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom:15px;

}
h1 a {
    color: #444444;
    text-decoration:none;

}
h1 a:hover {
    text-decoration:none;
}
h2 {
    color:#454545;
    font-size: 170%;
    padding: 10px 0 5px;
    padding-bottom: 10px;

}
h3 {
    color:#4f97cf;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px 0 5px;

}
h4 {
    color:#8043aa;
    font-size: 15px;
    line-height:19px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px 0 0px;

}
h5 {
    color:#454545;
    font-size: 100%;
    margin-bottom: 10px;
    padding: 10px 0 5px;

}
h6 {
    color:#454545;
    font-size: 80%;
    margin-bottom: 10px;
    padding: 5px 0 5px;

}
ul li {
	padding-left:15px;
	background:url(../images/bullet.png) no-repeat;
	background-position:0px 8px;
}
del {
	text-decoration: line-through;
	color: #666;
}
ins, dfn {
	border-bottom: 1px solid #ccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: uppercase;
	letter-spacing: .1em;
}
a abbr, a acronym {
	border: none;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], input[type="email"], textarea {
    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
}
cite, em, dfn {
	font-style: italic;
}
code, pre {
	display: block;
	white-space: pre;
}
/* ============================= */
/* ==== general SECTION === */
/* ============================= */
.wrap-center {
    width:942px;
    padding-left:9px;
    padding-right:9px;
    margin-left: auto;
    margin-right:auto;
  
}
.rel {
 position:relative;
}
.fl {
 float:left;
}
.fr {
 float:right;
}
.alignleft {
 float:left;
}
.alignright {
 float:right;
}
.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
.clear {
  clear:both;
}
.first{ 
    background:transparent;
}
.sep {
     color: #CCC;
     margin: 0 8px;
 }
.hide{
    display:none;
}
.vm{
    vertical-align:middle;
}
.pos-rel{
    position:relative;
}

/* ======================================================= */
/*                          Form                           */
/* ======================================================= */
/* ====================== */
/* ==== FORMS SECTION === */
/* ====================== */

/* rest of the forms */
form ol.forms .inputError {
    border: 1px solid red;
}
form ol.forms .inputError:focus {
    border-color: #77bef6;
}
form ol.forms .inputError textarea:focus {
    border-color: #77bef6;
}
form .required {
    color:#5eb2f0;
    font-weight:normal;
    font-family:"Lucida Sans Unicode", Arial, sans-serif;
}
form .error {
    color: #f00;
}
form ol.forms {
    list-style: none;
    margin: 0;
    margin-top:20px;
    width: 100%;
}
form ol.forms li {
    margin-bottom: 15px;
    position: relative;
    width:auto;
    height:auto;
}
form ol.forms label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding-right: 20px;
    width: 100px;
    margin-bottom:3px;
}
form input,
form textarea,
form select{
    border: 1px solid #cdcdcd;
    background: url(../images/textarea-background.png) top left;
    font: inherit;
    padding: 3px;
    width:auto;
    display:inline-block;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

form input:focus, form textarea:focus, form select:focus {
    border-color: #77bef6;
}
form input:hover, form textarea:hover, form select:hover {
    border-color: #77bef6;
}
form ol.forms li.screenReader {
    height:1px;
    margin-bottom: 0;
}
form ol.forms .inline {
    height:auto;
    width: auto;
    text-align:left;
}
form ol.forms .inline input {
    display: inline;
    float: left;
    width: auto;
    margin-right:10px;
}
form ol.forms .inline textarea {
    display: inline;
    float: left;
    width: auto;
    margin-right:10px;
}
form ol.forms .inline select {
    display: inline;
    float: left;
    width: auto;
    margin-right:10px;
}
form ol.forms .inline label {
    display: inline;
    float: left;
    width: auto;
}
form ol.forms .nostyle {
   border:0px;
   background:transparent;
}
form ol.forms h3 {
    margin-top:20px;
    margin-bottom:20px;
    padding:0px;
    padding-bottom:10px;
    border-bottom:1px solid #dbdbdb;
}



#searchform .field {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}




/*#contactForm ol.forms input,
#contactForm ol.forms textarea,
#contactForm ol.forms select {
    
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}*/
#comments a, #comment-form a {
    padding:0;
    text-decoration:none;
}
#comments p, #comment-form p {
	margin-bottom:10px;
}
#comments a:hover, #comment-form a:hover {
    text-decoration:none;
}
/*contact form*/
.wpcf7-form p{
	margin-bottom:5px;
	clear:both;
}
.wpcf7-form .wpcf7-text{
    width:60%;
	float:left;
}
.wpcf7-form textarea{
    width:100%;
}
.wpcf7 label{
	float:right;
	padding-left:4px;
    margin:2px;
    padding-top: 5px;
}
.wpcf7 .wpcf7-submit{
 position: relative;
    background-image:none;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;


    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    text-decoration: none!important; 
    white-space: nowrap;
    cursor:pointer;
    outline:none;
    overflow: visible;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    border-style: solid;
    border-width: 1px;
	 font-weight: 700;
	 color: #717171;
    background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}
.wpcf7 .wpcf7-submit:hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
/*for shortcode*/
.contact_form p{
	margin-bottom:5px;
	clear:both;
}
.contact_form .text_input{
	height:21px;
    width:60%;
}
.contact_form .textarea{
    width:100%;
}
.sidebar-bottom .contact_form .textarea{
    width:95%;
}
.contact_form label{
	float:right;
	padding-left:4px;
    margin:2px;
    padding-top: 3px;
}
/* for shortwidget */
.widget_contact_form .contact_form .text_input,
.widget_contact_form .contact_form .textarea{
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    margin:2px;
    float:left;
}
.widget_contact_form .contact_form .text_input {
	/*width:60%;*/
	/*padding:6px;*/
	margin-bottom:3px;
}
.widget_contact_form .contact_form .textarea {
	/*width:95%;*/
	/*padding:6px;*/
	/*height:150px;*/
	margin-bottom:8px;
}
.widget_contact_form .contact_form label {
    /*float:right;
	padding-left:4px;
    margin:2px;
    padding-top: 5px;*/
    margin-bottom: 5px;
    margin-top: 0;
	margin-left:0;
	margin-right:0;
}
.contact_form .invalid {
	border: 2px solid #999 !important;
}

/* ======================================================= */
/*                          Table                          */
/* ======================================================= */
.table_style {  
    padding:15px;
    margin-bottom: 20px;
    border:1px solid #dbdbdb;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius:10px;  
  
}

.table_style table{ 
    border-spacing:0px;  
    border:0px solid #dbdbdb; 
	width: 100%;
    padding:1px;
    margin-left:auto;
    margin-right:auto;
}
.table_style th{
    background:none repeat scroll 0 0 #EFEFEF;
    border-bottom:1px solid #DBDBDB;
    color:#444444;
    padding:10px;

}
.table_style tbody td{
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom:1px solid #DBDBDB;
    color:#444444;
    padding:10px;
    vertical-align:middle;
	text-align:center;
}
.table_style tfoot td{
    background:none repeat scroll 0 0 #FFFFFF;
    color:#444444;
    line-height:22px;
    padding:10px;
    text-align:right;
    vertical-align:middle;
}


/* ======================================================= */
/*                         Columns                         */
/* ======================================================= */
/* Basic columns
---------------------------------------------------------- */
.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%;
	float: left;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.6666%;
}
.two_third {
	width: 65.3332%;
}
.one_fourth {
	width: 22%;
}
.two_fourth {
	width: 48%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 79.2%;
}
.one_sixth {
	width: 13.3333%;
}
.two_sixth {
	width: 30.6666%;
}
.three_sixth {
	width: 47.9998%;
}
.four_sixth {
	width: 65.3332%;
}
.five_sixth {
	width: 82.6665%;
}
.last {
	margin-right: 0 !important;
	clear: right;
}
/* Two level columns
---------------------------------------------------------- */
.one_half .one_half {
	margin-right: 8.3333%;
	width: 45.8333%;
}
.one_half .one_third {
	margin-right: 8.3333%;
	width: 27.7778%;
}
.one_half .two_third {
	margin-right: 8.3333%;
	width: 63.8889%;
}
.two_third .one_third {
	margin-right: 6.1224%;
	width: 29.2517%;
}
.two_third .two_third {
	margin-right: 6.1224%;
	width: 64.6258%;
}
.two_third .one_fourth {
	margin-right: 6.1224%;
	width: 20.4082%;
}


/* ======================================================= */
/*                         Divider                         */
/* ======================================================= */
.divider_padding {
    clear: both;
    display: block;
    padding-top: 30px;
    position: relative;
}
.divider_line{
    border-bottom: 1px solid #EEEEEE;
    clear: both;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.divider {
    border-bottom: 1px solid #EEEEEE;
    clear: both;
    display: block;
    padding-top: 20px;
    position: relative;
}
.divider.top a{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #CCCCCC;
    font-size: 10px;
    padding: 0 2px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 10px;
    width: 20px;

}


/* ======================================================= */
/*                      Images Styles                      */
/* ======================================================= */
.imagelist {
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:0px;
	clear:both;
}
.imagelist .gravatar{
	width:120px;
	height:120px;
	position:relative;
	margin:25px 30px;
	float:left;
	/*width:100px;
	height:100px;
	float:left;
	border:1px solid #dbdbdb;
	margin:10px 15px 15px 10px;
	padding:5px;
	position:relative;*/
}
.imagelist .gravatar img{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 1px 1px 10px #D1D1D1;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 0px;
    z-index: 500;
	width:100px;
	height:100px;
	display:block;
}
.imagelist h4{
	margin-top:10px;
}
.imagelist .framedown {
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EEEEEE;
	box-shadow: 1px 1px 10px #D1D1D1;
	padding: 10px;
	position: absolute;
	z-index: 498;
	width:100px;
	height:100px;
	display:block;
}
.imagelist .contact-icons img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	float:none;
}
.imagelist .contact-icons {
	font-size:11px;
	float:right;
}
.imagelist .contact-icons a {
	color:#4f97cf;
	display:inline;
	border-right:1px solid #cacaca;
	padding-right:10px;
	padding-left:5px;
	margin-right:10px;
	text-decoration:none;
}
.imagelist .contact-icons a:hover {
	text-decoration:none;
}
#author.imagelist{
	  border: 1px solid #E3E3E3;
    border-radius: 3px 3px 3px 3px;
	overflow:hidden;
}
/* Basic image style
---------------------------------------------------------- */
img.alignleft, .wp-caption.alignleft{
	margin:2px 16px 2px 2px !important;
}
img.alignright, .wp-caption.alignright {
	margin:2px 2px 2px 16px !important;
}
img.aligncenter, .wp-caption.aligncenter {
	display: block;
	margin: 2px auto !important;
	text-align: center;
}
/* wp default image
---------------------------------------------------------- */
	.wp-caption {
		background: #f5f5f5;
		border: 1px solid #ddd;
		margin-bottom: 10px;
		padding-top: 5px;
		text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
p.wp-caption-text {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0 5px 5px;
	text-align: center;
}
/* Image with frame
---------------------------------------------------------- */
	.image_styled {
		margin-bottom: 10px;
}
.image_styled.aligncenter .image_frame,.image_styled.aligncenter .image_shadow{
	margin: 0 auto;
}
.image_frame {
	background-color:#ffffff;
	background-color:rgba(255,255,255, .1);
	margin:10px;
	padding:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size:0;
	line-height:0em;
	overflow:hidden;

}
.image_frame:hover {
	background-color:rgba(126,188,236, .2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#197EBCEC', EndColorStr='#197EBCEC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#197EBCEC', EndColorStr='#197EBCEC')"; /* IE8 */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}
.image_frame a {
	border-color:#D7D7D7;
	display:inline-block;
	border:4px solid #D7D7D7;
	font-size:0;
	line-height:0em;
	position: relative;

}
.image_frame a:hover {
	border: 4px solid #7EBCEC;
}
.image_styled,.image_frame,.image_styled img {
	display: inline-block;
}

.overlay{
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
}
.overlay.image_overlay{
	opacity: 0; 
	visibility: visible;
}
.image_icon_zoom .image_overlay {
	background:url("../images/overlay-zoom.png") no-repeat scroll 50% 50% transparent;
}
.image_icon_play .image_overlay {
	background:url("../images/overlay-play.png") no-repeat scroll 50% 50% transparent;
}
.image_icon_doc .image_overlay {
	background:url("../images/overlay-doc.png") no-repeat scroll 50% 50% transparent;
}
.image_icon_link .image_overlay {
	background:url("../images/overlay-link.png") no-repeat scroll 50% 50% transparent;
}
.image_styled.alignleft {
	margin-right:16px;
}
.image_styled.alignright {
	margin-left:16px;
}
.image_no_link {
	cursor: default;
}
/* Picture Frame
---------------------------------------------------------- */
.picture_frame {
	position:relative;
	display:inline-block;
	margin:3px;
}
.picture_frame .frameup{
	padding: 10px 10px;
	background:#FFFFFF;
	position:absolute;
	top:20px;
	left:20px;
	z-index:500;
	border:1px solid #EEEEEE;
	-moz-box-shadow:1px 1px 10px #D1D1D1;
	-webkit-box-shadow:1px 1px 10px #D1D1D1;
	box-shadow:1px 1px 10px #D1D1D1;
}
.picture_frame .framedown{
	padding: 10px 10px;
	background:#FFFFFF;
	position:absolute;
	top:20px;
	left:20px;
	z-index:498;
	border:1px solid #EEEEEE;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-box-shadow:1px 1px 10px #D1D1D1;
	-webkit-box-shadow:1px 1px 10px #D1D1D1;
	box-shadow:1px 1px 10px #D1D1D1;
}

/* ======================================================= */
/*                        Introduce                        */
/* ======================================================= */
/* center inner page title vertically automaticly */
.heading-inner .cont-vert-title {
	float:left;
	margin-left:5px;
	width:310px;
}
.heading-inner .outer-vert-title {
	display: table;
	height: 153px;
	width: 310px;
	overflow: hidden;
}
.heading-inner .inner-vert-title {
	display: table-cell;
	vertical-align: middle;
}
.heading-inner .page-title {
	width:310px;
	text-align:center;
	color:#ffffff;
	height:auto;
	overflow:hidden;
}
/* center inner page description vertically automaticly */
.heading-inner .cont-vert-description {
	width:620px;
	float:left;
}
.heading-inner .outer-vert-description {
	display: table;
	height: 130px;
	width: 620px;
	margin-top: 10px;
	overflow: hidden;
}
.heading-inner .inner-vert-description {
	display: table-row;
	vertical-align: middle;
}
.heading-inner .inner-vert-description h2{
	color:#ffffff;
}
.heading-inner .page-description{
	background: url(../images/heading-inner-divider.png) right 60% no-repeat;
	padding-right:25px;
	color:#ffffff;
	font-size:14px;
	line-height:21px;
	overflow:hidden;
	display: table-cell;
	vertical-align: middle;
	height: 130px;
	width:595px;
}
.heading-inner h1 {
	letter-spacing:-0.03em;
	font-size:37px;
	line-height:50px;
}
.entry_meta {
	line-height:28px;
	margin-bottom:10px;
	position:relative;
}
.entry_meta span,.entry_meta time{
	float:left;
}
.entry_meta .separater {
	padding: 0 4px;
}
.entry_meta span.comments {
	float:right;
	display:block;
}
.entry_meta  a,.entry_meta  a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.entry_meta  a:hover,.entry_meta  a:active {
	text-decoration:underline;
}

/* ======================================================= */
/*                   Extended Typography                   */
/* ======================================================= */
/* Text with icons
---------------------------------------------------------- */
.icon_text {
    padding:0 0 0 22px;
    background-image:url("../images/icons.png");
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:transparent;
}
#footer .icon_text {
    background-image:url("../images/footer_icons.png");
}
.icon_globe {
    background-position: -390px 0px;
}
.icon_home {
    background-position: -360px -30px;
}
.icon_email {
    background-position: -330px -60px;
}
.icon_user {
    background-position: -300px -90px;
}
.icon_multiuser {
    background-position: -270px -120px;
}
.icon_id {
    background-position: -240px -150px;
}
.icon_addressbook {
    background-position: -210px -180px;
}
.icon_phone {
    background-position: -180px -210px;
}
.icon_link {
    background-position: -150px -240px;
}
.icon_chain {
    background-position: -120px -270px;
}
.icon_calendar {
    background-position: -90px -300px;
}
.icon_tag {
    background-position: -60px -330px;
}
.icon_download {
    background-position: -30px -360px;
}
.icon_cellphone {
    background-position: 1px -390px;
}
.icon_text.black {
    background-image:url("../images/icons_black.png");
}
.icon_text.white {
    background-image:url("../images/icons_white.png");
}
.icon_text.gray {
    background-image:url("../images/icons_gray.png");
}
.icon_text.red {
    background-image:url("../images/icons_red.png");
}
.icon_text.orange {
    background-image:url("../images/icons_orange.png");
}
.icon_text.magenta {
    background-image:url("../images/icons_magenta.png");
}
.icon_text.yellow {
    background-image:url("../images/icons_yellow.png");
}
.icon_text.blue {
    background-image:url("../images/icons_blue.png");
}
.icon_text.pink {
    background-image:url("../images/icons_pink.png");
}
.icon_text.green {
    background-image:url("../images/icons_green.png");
}
.icon_text.rosy {
    background-image:url("../images/icons_rosy.png");
}
/* dropcap
---------------------------------------------------------- */
.dropcap1, .dropcap2, .dropcap3, .dropcap4 {
    float: left;
    text-align: center;
    overflow:hidden;
}
.dropcap1 {
    background:url("../images/dropcap_styles_black.png") no-repeat scroll 0px -48px transparent;
    color:#fff;
    line-height: 42px;
    width: 43px;
    margin:0 8px -4px 0;
    font-size: 32px;
}
.dropcap1.black {
    background-image:url("../images/dropcap_styles_black.png");
}
.dropcap1.gray {
    background-image:url("../images/dropcap_styles_gray.png");
}
.dropcap1.red {
    background-image:url("../images/dropcap_styles_red.png");
}
.dropcap1.orange {
    background-image:url("../images/dropcap_styles_orange.png");
}
.dropcap1.magenta {
    background-image:url("../images/dropcap_styles_magenta.png");
}
.dropcap1.yellow {
    background-image:url("../images/dropcap_styles_yellow.png");
}
.dropcap1.blue {
    background-image:url("../images/dropcap_styles_blue.png");
}
.dropcap1.pink {
    background-image:url("../images/dropcap_styles_pink.png");
}
.dropcap1.green {
    background-image:url("../images/dropcap_styles_green.png");
}
.dropcap1.rosy {
    background-image:url("../images/dropcap_styles_rosy.png");
}
.dropcap2 {
    background:url("../images/dropcap_styles_black.png") no-repeat scroll -52px 2px transparent;
    color:#fff;
    line-height: 44px;
    height:44px;
    width: 38px;
    padding:0 2px 0 0;
    margin:0 8px -4px 0;
    font-size:28px;
}
.dropcap2.black {
    background-image:url("../images/dropcap_styles_black.png");
}
.dropcap2.gray {
    background-image:url("../images/dropcap_styles_gray.png");
}
.dropcap2.red {
    background-image:url("../images/dropcap_styles_red.png");
}
.dropcap2.orange {
    background-image:url("../images/dropcap_styles_orange.png");
}
.dropcap2.magenta {
    background-image:url("../images/dropcap_styles_magenta.png");
}
.dropcap2.yellow {
    background-image:url("../images/dropcap_styles_yellow.png");
}
.dropcap2.blue {
    background-image:url("../images/dropcap_styles_blue.png");
}
.dropcap2.pink {
    background-image:url("../images/dropcap_styles_pink.png");
}
.dropcap2.green {
    background-image:url("../images/dropcap_styles_green.png");
}
.dropcap2.rosy {
    background-image:url("../images/dropcap_styles_rosy.png");
}
.dropcap3 {
    font-size:40px;
    line-height: 40px;
    width:44px;
    height:44px;
    margin:0 0 -4px 0;
}
.dropcap4 {
    font-size:36px;
    line-height: 40px;
    width:44px;
    height:44px;
    margin:0 0 -4px 0;
}
.dropcap3.black, .dropcap4.black {
    color: #333333;
}
.dropcap3.gray, .dropcap4.gray {
    color: #666666;
}
.dropcap3.red, .dropcap4.red {
    color: #e62727;
}
.dropcap3.orange, .dropcap4.orange {
    color: #ff5c00;
}
.dropcap3.magenta, .dropcap4.magenta {
    color: #a9014b;
}
.dropcap3.yellow, .dropcap4.yellow {
    color: #ffb515;
}
.dropcap3.blue, .dropcap4.blue {
    color: #00ADEE;
}
.dropcap3.pink, .dropcap4.pink {
    color: #e22092;
}
.dropcap3.green, .dropcap4.green {
    color: #91bd09;
}
.dropcap3.rosy, .dropcap4.rosy {
    color: #f16C7c;
}
/** fix cufon position **/
.dropcap1 .cufon-canvas {
    margin-top:-4px;
}
.dropcap2 .cufon-canvas {
    margin-top:-2px;
}
.dropcap3 .cufon-canvas {
    margin-top:-4px;
}
/* highlight
---------------------------------------------------------- */
.highlight {
    background: #FFFF99;
}
.highlight.dark {
    background: #333;
    color:#FFF;
}
/* code & pre
---------------------------------------------------------- */
.code,.pre{
    border: 1px solid #e0e0e0;
    padding: 10px;
    display:block;
    background:#ffffff;
    white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    overflow:auto;
    margin-bottom: 20px;
}
.code {
    background:url("../images/code_bg.gif") repeat scroll 0 0 #f2f3f5;
    padding:20px 10px;
}
/* list style
---------------------------------------------------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12 {
    list-style-type:none;
    margin-left:5px;
}
ul.list1 li,ul.list2 li,ul.list3 li,ul.list4 li,ul.list5 li,ul.list6 li,ul.list7 li,ul.list8 li,ul.list9 li,ul.list10 li,ul.list11 li,ul.list12 li,ul.list13 li {
    background-image:url("../images/list_styles_black.png");
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:transparent;
    padding-left:28px;
    margin:4px 0;
}
ul.list1 li{
    background-position: -340px -30px;
}
ul.list2 li{
    background-position: -310px -60px;
}
ul.list3 li{
    background-position: -280px -90px;
}
ul.list4 li{
    background-position: -250px -120px;
}
ul.list5 li{
    background-position: -220px -150px;
}
ul.list6 li{
    background-position: -190px -180px;
}
ul.list7 li{
    background-position: -160px -210px;
}
ul.list8 li{
    background-position: -130px -240px;
}
ul.list9 li{
    background-position: -100px -270px;
}
ul.list10 li{
    background-position: -70px -300px;
}
ul.list11 li{
    background-position: -40px -330px;
}
ul.list12 li{
    background-position: -10px -360px;
}
ul.list13 li{
    background-position: -360px 0px;
}
ul.list_color_black li {
    background-image:url("../images/list_styles_black.png");
}
ul.list_color_gray li {
    background-image:url("../images/list_styles_gray.png");
}
ul.list_color_red li {
    background-image:url("../images/list_styles_red.png");
}
ul.list_color_orange li {
    background-image:url("../images/list_styles_orange.png");
}
ul.list_color_magenta li {
    background-image:url("../images/list_styles_magenta.png");
}
ul.list_color_yellow li {
    background-image:url("../images/list_styles_yellow.png");
}
ul.list_color_blue li {
    background-image:url("../images/list_styles_blue.png");
}
ul.list_color_pink li {
    background-image:url("../images/list_styles_pink.png");
}
ul.list_color_green li {
    background-image:url("../images/list_styles_green.png");
}
ul.list_color_rosy li {
    background-image:url("../images/list_styles_rosy.png");
}
ul.list_color_white li {
    background-image:url("../images/list_styles_white.png");
}
/* quote bar above footer on home */
.quote-bar {
    height:48px; 
    color:#ffffff; 
    overflow:hidden; 
    margin-bottom:15px;
}
.quote-bar .pad { 
    padding-left:25px; 
    padding-right:25px; 
    padding-top:15px;
}
.quote-bar .quoteleft { 
    font-size:17px; 
}
.quote-bar .quoteright { 
    font-weight:bold; 
    font-size:18px; 
    text-transform:uppercase;
}
.quote-bar .quoteright img{
    margin-left:5px;
}
#content .quote-bar .pad a,#content .quote-bar .pad a:visited,#content .quote-bar .pad a:active {
    color:#ffffff; 
    text-decoration:none; 
}
#content .quote-full-pink .pad a:hover {
    color:#9ad3ff;
}
#content .quote-full-orange .pad a:hover {
    color:#EC8601;
}
#content .quote-full-green .pad a:hover {
    color:#76f56f;
}
#content .quote-full-blue .pad a:hover {
    color:#77bef6;
}
#content .quote-full-cyan .pad a:hover {
    color:#EC8601;
}
#content .quote-full-red .pad a:hover {
    color:#f56fb1;
}
#content .quote-full-sky .pad a:hover {
    color:#77bef6;
}
#content .quote-full-fuchsia .pad a:hover {
    color:#f56fb1;
}
#content .quote-middle-pink .pad a:hover {
    color:#9ad3ff;
}
#content .quote-middle-orange .pad a:hover {
    color:#EC8601;
}
#content .quote-middle-green .pad a:hover {
    color:#76f56f;
}
#content .quote-middle-blue .pad a:hover {
    color:#77bef6;
}
#content .quote-middle-cyan .pad a:hover {
    color:#EC8601;
}
#content .quote-middle-red .pad a:hover {
    color:#f56fb1;
}
#content .quote-middle-sky .pad a:hover {
    color:#77bef6;
}
#content .quote-middle-fuchsia .pad a:hover {
    color:#f56fb1;
}
.quote-full-pink{
    width:940px; 
    background: url("../images/quote-bar-background-full-pink.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-fuchsia{
    width:940px; 
    background: url("../images/quote-bar-background-full-fuchsia.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-sky{
    width:940px; 
    background: url("../images/quote-bar-background-full-sky.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-orange{
    width:940px; 
    background: url("../images/quote-bar-background-full-orange.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-green{
    width:940px; 
    background: url("../images/quote-bar-background-full-green.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-cyan{
    width:940px; 
    background: url("../images/quote-bar-background-full-cyan.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-blue{
    width:940px; 
    background: url("../images/quote-bar-background-full-blue.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-full-red{
    width:940px; 
    background: url("../images/quote-bar-background-full-red.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-pink{
    width:610px; 
    background: url("../images/quote-bar-background-middle-pink.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-fuchsia{
    width:610px; 
    background: url("../images/quote-bar-background-middle-fuchsia.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-sky{
    width:610px; 
    background: url("../images/quote-bar-background-middle-sky.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-orange{
    width:610px; 
    background: url("../images/quote-bar-background-middle-orange.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-green{
    width:610px; 
    background: url("../images/quote-bar-background-middle-green.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-blue{
    width:610px; 
    background: url("../images/quote-bar-background-middle-blue.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-cyan{
    width:610px; 
    background: url("../images/quote-bar-background-middle-cyan.png") no-repeat scroll 0pt 0pt transparent;
}
.quote-middle-red{
    width:610px; 
    background: url("../images/quote-bar-background-middle-red.png") no-repeat scroll 0pt 0pt transparent;
}
/* for toggle */
.toggler { 
    margin-top:20px; 
}
.toggler.normal{
    width:611px;
}
.toggler.large{
    width:940px;
}
.toggler.close .accContent{
	display:none;
}
.toggler.normal .accTogglerOpen{
    background: url(../images/faq-close.png) no-repeat top right #FFFFFF; 
}
.toggler.normal .accToggler{
    background: url(../images/faq-open.png) no-repeat top right #FFFFFF; 
}
.toggler.large .accTogglerOpen{
    background: url(../images/faq-close-large.png) no-repeat top right #FFFFFF;  
}
.toggler.large .accToggler{
    background: url(../images/faq-open-large.png) no-repeat top right #FFFFFF;  
}
.toggler .accTogglerOpen{ 
    padding-top:10px; 
    padding-left:2px;
    padding-right:35px; 
    padding-bottom:15px; 
    display: block; margin: 0px; 
    cursor: pointer; 
    font-size:16px; 
    color:#5aa6e0; 
    line-height:20px; 
	min-height: 20px;

}
.toggler .accToggler{  
    padding-top:10px; 
    padding-left:2px; 
    padding-right:35px; 
    padding-bottom:15px; 
    display: block; 
    margin: 0px; 
    cursor: pointer;
    font-size:16px;
    color:#929292; 
    font-weight:normal;
    line-height:20px; 
	min-height: 20px;

}
.toggler .accTogglerOpen .opentext{ 
	display:none;
}
.toggler .accToggler .opentext{ 
	display:block;
}
.toggler .accTogglerOpen .closetext{ 
	display:block;
}
.toggler .accToggler .closetext{ 
	display:none;
}
.toggler .opentext,
.toggler .closetext{
    color: #A1A1A1;
    font-size: 12px;
    padding-top: 1px;
}
.toggler .accContent{
    margin: 0px; 
    padding:5px 0px 10px 0px; 
    line-height:19px;
    margin-bottom:10px;
}
.toggler .accContent p{ 
    margin: 0px; 
}
/* for accordion */
.accordion { 
    margin-bottom:18px; 
    margin-top:20px; 
    margin-bottom:20px; 
}
.accordion .tab{
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    background-color: #F6F6F6;
    margin-top:2px;
    color: #1C94C4;
    padding:2px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left:10px;
    padding-right:10px;
    font-weight: normal;

}
.accordion .tab:hover {
    background-color:#fdf9e1;
    border-color: #FBC047;
    color:#C77405;
}
.accordion .tab .icon{
	background:url("../images/accordion-icon.png") no-repeat scroll center 0 transparent;
	display:inline-block;
	width:10px;
	height:10px;
	margin-right: 3px;
}
.accordion .tab.current{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-color: #FBC047;
    border-width: 1px 1px 0;
    background-color: #FFFFFF;
    color:#EB8F00;
}
.accordion .tab.current:hover {
    background-color:#FFFFFF;
    border-color: #FBC047;
    color:#EB8F00;
}
.accordion .tab.current .icon{
    background:url("../images/accordion-down-icon.png") no-repeat scroll  0 center  transparent;
}
.accordion .pane{
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius:0 0 4px 4px;
    background-color: #F8F8F8;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left:10px;
    padding-right:10px;
}
/* Scroll to Top button
---------------------------------------------------------- */
a#back-to-top {
	position:fixed;
	display:none;
	overflow:hidden;
	bottom:30px;
	right:30px;
	width:42px;
	height:42px;
	background:url("../images/scroll_top_button.png") top left no-repeat;
	text-indent:-99999px;
	text-decoration:none;
	z-index:599;
}
a:hover#back-to-top {
	background-position:bottom left;
}

/* ======================================================= */
/*                Tabs & Accordion & Toggle                */
/* ======================================================= */
.tabs_container {
	margin-bottom: 20px;
}
.main ul.tabs {
	overflow:hidden;
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main ul.tabs li {  
	border-radius:8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border: 1px solid #ddd;
	border-bottom: 0;
	display: inline;
	float: left;
	margin: 0 -1px -1px 0;
	padding: 0px;
	background-image:none !important;
	overflow:hidden;
}
.main ul.tabs a,.main ul.mini_tabs a { 
	display: block;
	padding: 0 10px;
	background: #f5f5f5;
	color: #666 !important;
	padding: 6px 9px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	white-space: nowrap;
	text-decoration: none;
}
.main ul.tabs a:hover, .main ul.mini_tabs a:hover {
	background: #fff;
	text-decoration: none;
}
.main ul.tabs li.current,.main ul.mini_tabs li.current {
	background: #fff;
}
.main ul.tabs li a.current,.main ul.mini_tabs li a.current {
	background: #fff;
	color: #333;
	cursor: default;
}
.tabs_container .panes {
	border: 1px solid #ddd;
	border-top: 0;
	margin: 0;
	padding: 10px 15px;
	background: #fff;
}
.tabs_container .panes > div{
	display:none;
}

/* Mini Tabs
---------------------------------------------------------- */
	.mini_tabs_container {
		margin-bottom: 20px;	
}
.main ul.mini_tabs {
	overflow:hidden;
	background:url("../images/mini_tabs_border.png") repeat-x scroll left bottom transparent;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px;
}
.main ul.mini_tabs li {  
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #ddd;
	border-bottom: 0;
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 1px;
	background-image:none !important;
}

.main ul.mini_tabs a { 
	display: block;
	padding: 0 10px;
	background: #f5f5f5;
	color: #666;
	padding: 2px 10px;
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
}
.main ul.mini_tabs a:hover {
	background: #fff;
	text-decoration: none;
}
.main ul.mini_tabs li.current {
	background: #fff;
}
.main ul.mini_tabs li.current a {
	background: #fff;
	color: #333;
	cursor: default;
}
.mini_tabs_container .panes {
	margin: 0;
	padding: 10px 0px;
}
.mini_tabs_container .panes > div{
	display:none;
}


/* ======================================================= */
/*                      Boxes Styles                       */
/* ======================================================= */
/*boxes base*/
.plan {
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box {
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.box-top {
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius: 10px;
}
.box-bottom {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius: 10px;
}

/*fadebox*/
.fadebox{
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 0 0;
	border-style:solid;
	border-width: 1px 1px 0;
	border-color:#D5D5D5;
    margin-left:10px;
    margin-right:10px;
    margin-bottom: 20px;
}
.fade_content{
    margin: 10px 15px 20px; 
    padding: 10px 5px;
}
/*framebox*/
.framed_box{
    border: 1px solid #bbb;
    margin-bottom: 20px;
    background: #f0f0f0;

    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.framed_box.center{
    text-align:center;
}
.framed_box_content {
    padding:10px 20px;
}
/* success box */
.success {
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.success {
    background:#d0eaa5 url(../images/icons/success-check.png) no-repeat;
    background-position:15px 50%;
    border: 1px solid #a3c964;
    padding:22px;
    color:#5d792e;
    padding-left:80px;
    margin-top:10px;
}
.success a {
    text-decoration:underline;
    color:#5d792e;
}
.success a:hover {
    text-decoration:underline;
    color:#5d792e;
}
/* you have errors box */
.errors { border-radius:8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  }
.errors {
    background:#e9c8c1 url(../images/icons/error-cross.png) no-repeat;
    background-position:15px 50%;
    border: 1px solid #e06e53;
    padding:22px;
    color:#b4381b;
    padding-left:80px;
    margin-top:10px;
}
.errors a {
    text-decoration:underline;
    color:#b4381b;
}
.errors a:hover {
    text-decoration:underline;
    color:#b4381b;
}
/* notification box */
.notice {
    border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.notice {
    background:#fff1a8 url(../images/icons/notification-triangle.png) no-repeat;
    background-position:15px 50%;
    border: 1px solid #d7bd45;
    padding:22px;
    color:#b4381b;
    padding-left:80px;
    margin-top:10px;
}
.notice a {
    text-decoration:underline;
    color:#b4381b;
}
.notice a:hover {
    text-decoration:underline;
    color:#b4381b;
}

/* fantasy box */
.info-box{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 1px;
 }
.small-dark.info-box, .small-light.info-box{
     width:50px;
     height:50px;
 }
 .small-dark.info-box{
     background:#000 url(../images/color-box-small-dark.png) no-repeat scroll 0 0;
 }
 .small-light.info-box{
     background:#000 url(../images/color-box-small-light.png) no-repeat scroll 0 0;
 }
 .small-light.info-box p,.small-dark.info-box p{
     font-size: 18px;
    padding-top: 14px;
}

.large-dark.info-box,.large-light.info-box{
    width:80px;
    height:80px;
 }
.large-dark.info-box{
    background:#000 url(../images/color-box-large-dark.png) no-repeat scroll 0 0;
}
.large-light.info-box{
    background:#000 url(../images/color-box-large-light.png) no-repeat scroll 0 0;
}
.large-light.info-box p,.large-dark.info-box p{
     font-size:30px;
     line-height:34px;
     padding-top:24px;
 }
 .info-box p{
     display:block;
     font-family: Lucida Sans, Helvetica, sans-serif;
     font-weight: 800;
     color: #fff;
     text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     text-decoration: none;
     margin-left:auto;
     margin-right:auto;
 }
 /* Note box
 ---------------------------------------------------------- */
.note {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* FF3.5+ */
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Saf3.0+, Chrome */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Opera 10.5, IE 9.0 */
    border:1px solid #eee;
    border:1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    background:#FEFDF0;
    background: -moz-linear-gradient(
    center top,
    rgba(255, 255, 0, .1) 0%,
    rgba(238, 238, 0, .08) 100%
    );/* FF3.6 */
    background: -webkit-gradient(
    linear,
    center bottom,
    center top,
    from(rgba(238, 238, 0, .1)),
    to(rgba(255, 255, 0, .08))
    );/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(255, 255, 0, .1) 0%,rgba(238, 238, 0, .08) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 0, .1) 0%,rgba(238, 238, 0, .08) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255, 255, 0, .1) 0%,rgba(238, 238, 0, .08) 100%); /* W3C */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00')"; /* IE8 */
}
.note_title{
    padding:15px 20px 5px 16px;
    margin:0;
}
.note.alignleft{
    margin:2px 16px 16px 2px !important;
}
.note.alignright{
    margin:2px 2px 16px 16px !important;
}
.note_content {
    padding:0 15px 20px;
}
/*cycle box */
.cycle-box{
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	border-style:solid;
	border-width: 1px 1px 0;
	border-color:#D5D5D5;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 20px;
	overflow: hidden;
	width:600px;
}
.cycle-panel{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:5px;
}
.cycle-wrap{
	margin: 5px 20px 10px;
}
.cycle-panel a{
	text-decoration: none !important;
	text-indent:-9999px;
}
.cycle-title{
	display:inline-block;
	zoom:1;
}
.cycle-control{
	margin-right:5px;
    padding: 10px 0 5px;
	display:inline-block;
	zoom:1;
}
.cycleback{
	cursor: pointer;
    display: inline-block;
    height: 15px;
    text-indent: -9999px;
    width: 8px;
	background:url(../images/back.png) no-repeat;
	float:right;
	zoom:1;

}
.cycledivider{
	background:url(../images/cycle-divider.png) no-repeat;
	margin-right:5px;
	margin-left:5px;
	width: 1px;
	height: 15px;
	display: inline-block;
	float:right;
	zoom:1;
}
.cycleforward{
	cursor: pointer;
    height: 15px;
	display: inline-block;
    text-indent: -9999px;
    width: 8px;
	background:url(../images/forward.png) no-repeat;
	float:right;
	zoom:1;
}

/* ======================================================= */
/*                     Buttons Styles                      */
/* ======================================================= */
.button{
    position: relative;
    background-image:none;
    display:inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:-5px -5px 5px rgba(0, 0, 0, 0.1) inset;


    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    text-decoration: none!important; 
    white-space: nowrap;
    cursor:pointer;
    outline:none;
    overflow: visible;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    border-style: solid;
    border-width: 1px;
    background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* IE10+ */
	background: linear-gradient(top, 	rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* W3C */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(255, 255, 255, .1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,rgba(255, 255, 255, .2) 0%,rgba(255, 255, 255, .1) 100%); /* IE10+ */
	background: linear-gradient(top, 	rgba(255, 255, 255, .2) 0%,rgba(255, 255, 255, .1) 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
	background: -moz-linear-gradient(
		center top,
		rgba(0, 0, 0, .1) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(0, 0, 0, .1))
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%,rgba(255, 255, 255, .1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,rgba(0, 0, 0, .1) 0%,rgba(255, 255, 255, .1) 100%); /* IE10+ */
	background: linear-gradient(top, 	rgba(0, 0, 0, .1) 0%,rgba(255, 255, 255, .1) 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button.full, .button.full span {
    display: block;
}
.button.fantasy{
    border-width:2px;
    border-style:solid;
    border-color:rgba(255, 255, 255, 0.4);
}
.button.fantasy .button-glare{
	top:-1px;
	width:100%;
	height:55%;
	position: absolute;
	top: 0;
	left: 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:2px;
	background-color: rgba(255, 255, 255, 0.2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#33FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#33FFFFFF')"; /* IE8 */
}
button.button{
   padding:3px 5px;
}
.button span{
    display:inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#ffffff;
    font-weight: 700;
    text-decoration: none;
}
.small.button .text {
    padding:3px 12px;
    font-size:12px;
	font-weight:500;
}
.medium.button .text {
    padding:6px 17px;
    font-size:14px;
	font-weight:700;
}
.large.button .text {
    padding:10px 24px;
    font-size:18px;
	font-weight:800;
}


.btn-icon{
    width:5px;
    height:9px;
    margin-left:10px;
}

/* Button Color Scheme
---------------------------------------------------------- */
.button.black {
	background-color: #333333;
}
.button.gray {
    background-color: #666666;
}
.button.white {
    /*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,center bottom,center top,from(rgba(255, 255, 255, .1)),to(rgba(0, 0, 0, .1))) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF') repeat scroll 0 0 transparent;; [> IE6,IE7 <]
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')" repeat scroll 0 0 transparent;; [> IE8 <]*/
    background-color:#FFFFFF;
    border-width:1px;
    border-style:solid;
    border-color:#C3C4BF;
}
.button.white span{
    color: #717171;
}
.button.red {
    background-color: #e62727;
}
.button.orange {
    background-color: #ff5c00;
}
.button.magenta {
    background-color: #A9014B;
}
.button.yellow {
    background-color: #ffb515;
}
.button.blue {
    background-color: #00ADEE;
}
.button.pink {
    background-color: #e22092;
}
.button.green {
    background-color: #91bd09;
}
.button.rosy {
    background-color: #F16C7C;
}


/* ======================================================= */
/*                        Structure                        */
/* ======================================================= */
#boxstyle-wrap{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	/*overflow:hidden;*/
	margin-top:15px;
	margin-bottom:30px;
	-moz-box-shadow:0 0 8px #999999;
	-webkit-box-shadow:0 0 8px #999999;
	box-shadow:0 0 8px #999999;
}
#boxstyle-wrap #top-bar{
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
#boxstyle-wrap #footer{
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}
#boxstyle-wrap #footer-link-columns{
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}
/* make the content background span a nice white background with some shade  */
#content-area {
    background:#ffffff url(../images/content-bg.png) center 1px repeat-x;
    padding-top:30px;
    padding-bottom:25px;
    overflow:hidden;
}
/* main column set width */
#content-wide {
    width: 940px;
}
#content, #content-wide {
    line-height: 20px;
    min-height:200px;
}

/* Right Sidebar
---------------------------------------------------------- */
.right_sidebar #content{ float:left; width:612px; }
.right_sidebar #sidebar {
    float:right;
    width:300px;
    background:url(../images/sidebar-repeater-background.jpg) repeat-y left;
    margin: 0 0 0.5em 30px;
}

.right_sidebar #sidebar .sidebar-top{
    background: url(../images/sidebar-top-background.jpg) top left no-repeat;
    /*min-height:100px;*/
}
.right_sidebar #sidebar .sidebar-bottom{
    background: url(../images/sidebar-bottom-background.jpg) bottom left no-repeat;
    padding-bottom:100px;
    overflow:hidden;
	min-height:100px;
}

.right_sidebar .post-image-overlay{
    padding-left:20px;
    padding-right:20px;
}

.right_sidebar .cont-vert{
    width:500px;
}
.right_sidebar .outer-vert{
    width:500px;
}
.right_sidebar .post-comments-overimage{
    padding-left:14px;
}
.right_sidebar .post-comments-bubble{
    width: 42px;
    margin-left: 12px;
}
.right_sidebar .post-bottoms{
    width: 611px;
}
/* Left Sidebar
---------------------------------------------------------- */
.left_sidebar #content{ float:right; width:612px; }
.left_sidebar #sidebar {
    float:left;
    width:300px;
    background:url(../images/sidebar-repeater-background-left.jpg) repeat-y left;
    margin: 0 0 0.5em -30px;
    text-align:right;
}

.left_sidebar  #sidebar .sidebar-top{
    background: url(../images/sidebar-top-background-left.jpg) top left no-repeat;
    /*min-height:100px;*/
}
.left_sidebar  #sidebar .sidebar-bottom{
    background: url(../images/sidebar-bottom-background-left.jpg) bottom left no-repeat;
    padding-bottom:175px;
    overflow:hidden;
	min-height:100px;
}

.left_sidebar .post-image-overlay{
    padding-left:20px;
    padding-right:20px;
}
.left_sidebar .cont-vert{
    width:500px;
}
.left_sidebar .outer-vert{
    width:500px;
}
.left_sidebar .post-comments-overimage{
    padding-left:14px;
}
.left_sidebar .post-comments-bubble{
    width: 42px;
    margin-left: 12px;
}
.left_sidebar .post-bottoms{
    width:611px;
}
.left_sidebar #sidebar form{
 margin-right:15px;
 }
/*Full width
---------------------------------------------------------- */
.full_width .post-image-overlay{
    padding-left:31px;
    padding-right:31px;
}
.full_width .cont-vert{
    width:800px;
}
.full_width .outer-vert{
    width:800px;
}
.full_width .post-comments-overimage{
    padding-left:22px;
}
.full_width .post-comments-bubble{
    width: 43px;
    margin-left: 11px;
}
.full_width .post-bottoms{
    width:940px;
}


/* ======================================================= */
/*                         Header                          */
/* ======================================================= */
#heading h1{
	color:#FFFFFF;
}
#heading h2{
	color:#FFFFFF;
}
#heading h3{
	color:#FFFFFF;
}
#heading h4{
	color:#FFFFFF;
}
#heading h5{
	color:#FFFFFF;
}
#heading h6{
	color:#FFFFFF;
}
/* top-bar styling 
---------------------------------------------------------- */
#top-bar {  
    background: url(../images/topbar-background.png) repeat-x; 
    height:40px;  
    color:#ffffff;  
    font-size:11px;
    line-height:1;
}

.logo { 
    width:242px;
    float:left; 
    margin-top:23px;
    position: absolute;
}
.logo a{
   display:block; 
   height:70px;
   width:230px;
   overflow:hidden;
}
#site_name{
    color:#FFFFFF;
    display:block;
    line-height:40px;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
}
#site_description{
    color:#FFFFFF;
    font-size: 11px;
	line-height:11px;
}
#menu-logo {  
    background:url(../images/logo-menu-overlay-background.png) repeat-x; 
    height:100px;
    margin:0px;
    padding:0px; 
    position:relative;
    z-index:299;
}



/* WPML
---------------------------------------------------------- */
#language_flags {
   float:left;
}
#language_flags ul {
    list-style:none;
    padding:0;
    margin:0;
}
#language_flags ul li {
	background:none;
    float:left;
    margin-left:8px;
    overflow:hidden;
}
#language_flags ul li img {
    opacity:0.7;
    -moz-opacity:0.7;
    background:#fff;
}
#language_flags ul li img:hover {
    opacity:1;
    -moz-opacity:1;
}
/* homepage header slideshow area 
---------------------------------------------------------- */
#heading {
	background: transparent url(../images/heading-background-overlay.png) repeat;
}
#heading .nav-span {
    background: transparent url(../images/nav-span-background.png) repeat-x;
    width:100%;
    height:65px;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:11;
}
#heading .light-span.rightany{
    background: transparent url(../images/slide-light-any.png) no-repeat;
    background-position:80% 0%;
    /*height:396px;*/
}
#heading .light-span.leftany{
    background: transparent url(../images/slide-light-any.png) no-repeat;
    background-position:20% 0%;
    /*height:396px;*/
}
#heading .light-span.nivo,#heading .light-span.flow,#heading .light-span.fancy{
	background: transparent url(../images/slide-light.png) no-repeat;
    background-position:50% 0%;
}
#heading .light-span{
	background: transparent url(../images/light-span.png) no-repeat;
    background-position:50% 0%;
}
/* set the heights for home and inner headings */
.heading-inner {
    color:#FFFFFF;
    height:153px;
    overflow:hidden;
}
.heading-inner a:hover,.heading-inner a:active {
    color:#4f97cf;
}
.heading-home {
    /*height:396px;*/
    overflow:hidden;
    position:relative;
    z-index:8;
}
/* style the inner contents for heading */
/*#heading .page-description{
    [>width:616px;<]
    padding-right:25px;
    color:#ffffff;
    font-size:14px;
    line-height:21px;
    [>background: url(../images/heading-inner-divider.png) right  no-repeat;<]
    padding-top:10px;
    height:130px;
    overflow:hidden;
    margin-top:10px;
    display: table-cell;
    vertical-align: middle;
}*/
/*#heading .page-title {
    width:310px;
    text-align:center;
    color:#ffffff;
    height:auto;
    overflow:hidden;
}*/
/*#heading h1 {
    letter-spacing:-0.03em;
    font-size:37px;
    line-height:50px;
}*/
/* header widget*/
#header_right_area #searchform{
	height:30px;
	padding-top:10px;
}
#header_right_area #searchform input{
	height:15px;
}
#header_right_area #searchform .screen-reader-text{
	display:inline-block;
}
#header_right_area #searchform #searchsubmit{
	display:none;
}
#header_right_area .komodomedia_16{
	margin-top:10px;
}
#header_right_area .komodomedia_32{
	margin-top:5px;
}


/* ======================================================= */
/*                       Navigation                        */
/* ======================================================= */
#dropmenu {
    float:right;
    height:70px;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    z-index:300;

}
#dropmenu>li{
	padding-left:0px;
}
#dropmenu .active {
    color:#92c8f1;
    text-decoration:none;

}
#dropmenu .active a,
#dropmenu .active a:hover {
    text-decoration:none;

}
#dropmenu a {
    height:25px;
    padding-top:10px;
    padding-bottom:0px;
    padding-left:16px;
    padding-right:16px;
    display:block;
    overflow:hidden;
    color:#ffffff;
    background:url(../images/menu-divider.png) right no-repeat;
    background-position:0 50%;
    text-decoration:none;
    line-height:1;
    vertical-align:baseline;
    outline-width:0px;
}
#dropmenu a:hover {
    color:#4f97cf;
}
#dropmenu .current-menu-item>a {
    color:#4f97cf;
}
#dropmenu .current-menu-ancestor>a {
    color:#4f97cf;
}
#dropmenu li {
    float:left;
    background:none;
    position:relative;
    text-transform: uppercase;
    text-align:center;
    font-size: 14px;
    z-index:499;
    display:block;
	padding-top:35px;
}
#dropmenu ul {
    background:url(../images/nav-child-top.png) no-repeat top center;
    position:absolute;
    display:none;
    top:70px;
    left:50%;
    padding-top:7px;
    z-index: 499;
}
#dropmenu ul li {
	padding-top:0;
    padding-left:0;
    font-size:14px;
    text-transform: capitalize;
    text-align:left;
    white-space:nowrap;
	float:none;
}
#dropmenu ul a {
	background:url(../images/nav-child-bg.png);
    border-width:0px 1px 1px 1px;
    border-color: #8c7fa2;
    border-style: solid;
    color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
	margin:0;
	display:block;
	height:auto;
	line-height:1.5em;
	min-width:150px;
	/**width:100%;*/
	zoom:1;
	/**height:25px;*/
}
#dropmenu ul ul{
	background:none;
	top:auto;
    padding-top:0px;
}
#dropmenu ul ul li:first-child a {
	border-top-width:1px;
}
#dropmenu li ul ul {
    top:-1px;
    left:100%;
    margin:0px 0 0 0px;
}
#dropmenu li ul ul ul{
	top:0px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display:none !important;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
    display:block !important;
}
#dropmenu a.first{
    background:transparent;
}
/*#dropmenu ul {
    background:url(../images/nav-child-top.png) no-repeat top center;
    position:absolute;
    display:none;
    width:184px;
    top:70px;
    left:-1px;
    padding-top:7px;
    z-index: 499;
}

#dropmenu span{
	position:absolute;
}

#dropmenu .nav-top{
    display:block;
    border-width:0 7px 7px 7px;
    border-style:solid; 
    border-color:rgba(131,92,182,0.8) transparent; 
    top:1px; 
    left:81px; 
    bottom:auto;
    right:auto;
    z-index:499;
   
}
#dropmenu ul li {
	padding-top:0;
    padding-left:0;
    font-size:14px;
    text-transform: capitalize;
    text-align:left;
    line-height:18px;
    white-space:nowrap;
}
#dropmenu ul a {
	background:url(../images/nav-child-bg.png);
    border-width:0px 1px 1px 1px;
    border-color: #8c7fa2;
    border-style: solid;
    color:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
	margin:0;
}
#dropmenu li ul a {
    width:150px;
    height:auto;
    float:left;
    white-space: normal;
    word-wrap: break-word;
    
}
#dropmenu ul ul{
	background:none;
	top:auto;
    padding-top:0px;
}
#dropmenu ul ul li:first-child a {
	border-top-width:1px;
}
#dropmenu li ul ul {
    top:-1px;
    left:183px;
    margin:0px 0 0 0px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
    display:block;
}
#dropmenu a.first{
    background:transparent;
}
#dropmenu ul li ul .nav-top
{
   border-width:0;
}
*/
#bar-menu ul { 
    padding-top:10px;
}
#bar-menu ul li { 
    float: left;
    font-size: 11px;
    background:url(../images/top-bar-menu-divider.png) left no-repeat;
    padding-left:10px; 
    padding-right:10px;
    padding-top:2px; 
}
#bar-menu .first {
    background:transparent;
}
#top-bar .welcome {
	position:relative;
    color:#FFFFFF;
    padding-top:12px;
    margin: 0px;
}
#top-bar .welcome-text{
	float:left;
}
#bar-menu a { 
    color:#d2d2d2;
    text-decoration:none;
}
#bar-menu a:hover { 
    color:#8ec3ec;
    text-decoration:none; 
}

/* ======================================================= */
/*                         Content                         */
/* ======================================================= */
/* Breadcrumbs
---------------------------------------------------------- */
#breadcrumbs {
    color:#444444;
	position:relative;
	margin:0 0 20px;
	padding:0 0 8px;
	font-size:11px;
}
#breadcrumbs a,#breadcrumbs a:visited {
     color: #000000;
    text-decoration:none;
}
#breadcrumbs a:hover,#breadcrumbs a:active {
    color: #8F8F8F;
    text-decoration:underline;
}
.page-link {
	clear: both;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.main p{
	margin-bottom:20px;
}

/* ======================================================= */
/*                         Footer                          */
/* ======================================================= */
/* Footer Body
---------------------------------------------------------- */
#footer { 
	background-image:url(../images/main-background.jpg);
    background-position:center center;
    background-repeat: no-repeat;
    background-color:#4C2E86;
    overflow:hidden;
	width:100%;
}
#footer-overlay{
	padding-top: 10px;
	padding-bottom:10px;
	background:url(../images/footer-overlay.png) repeat ;
}
#footer-link-columns { 
    color:#CFA4EC;
    background:url(../images/footer-top-overlay.png) repeat-x top center;  
    clear:both; 
    overflow:hidden; 
}
#footer-link-columns .light-span{
	background:url("../images/footer.png") no-repeat scroll 50% 7px transparent;
}
#footer-link-columns h3 { 
    font-size:17px; 
    margin-bottom:8px; 
    font-weight:bold;
    text-transform:uppercase; 
	text-shadow:1px 2px #000000;
	color:#ffffff;
}
#footer-link-columns ul {  
    list-style: none;  
    padding: 0px;  
    margin:0px; 
}
#footer-link-columns ul li { 
    background: url(../images/footer-bullet.png) no-repeat scroll 0 8px transparent;
    line-height:20px;
    background-position:0px 8px;
    padding-left:11px; 
	zoom:1;
}
#footer-link-columns a { 
    color:#CFA4EC;
    text-decoration:none;

}
#footer-link-columns a:hover { 
    color:#FFFFFF;
    text-decoration:underline;
}
#footer-link-columns .widget{
	margin-top:15px;
}
#footer-link-columns ul li ul { 
    display:none;
}
#footer-link-columns .panelfooter { 
    height:190px; 
    overflow:hidden; 
}
#footer-link-columns .widget_contact_form .contact_form .text_input,
#footer-link-columns .widget_contact_form .contact_form .textarea{
	border:1px solid rgba(255, 255, 255, 0.15);
	background-image:none;
	background:rgba(255, 255, 255, 0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19FFFFFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19FFFFFF')";
}

/* Sub Footer
---------------------------------------------------------- */
#footer-bottom { 
    background: url(../images/footer-bottom-overlay.png) repeat-x top center; 
    min-height:60px;
    padding-top:20px;
}
#footer-bottom .copy {
    color:#C8C8C8;
    /*width:600px;*/
    line-height:18px;
    font-size:11px; 
}
#footer-bottom .copy a { 
    text-decoration:underline; 
}
#footer-bottom .copy a:hover {
    text-decoration:none; 
}
.social-item{
    float: left;
    text-align: center;
	background:none;
}
/*#footer-bottom .social-item a{
    color: #C8C8C8;
}*/
.social-item.icon16{
    font-size:10px;
}
.social-item.icon32{
    font-size:14px;
}
#footer_right_area .widget{
	margin-top:0px;
}

#wpml_credit_footer{
	display:none;
}

#footer-link-columns #bar-menu li.menu-item{
	background:none;
	border-left:1px dashed #FFFFFF;
	border-left: 1px dashed rgba(255, 255, 255, 0.4);
}
#footer-link-columns #bar-menu li.first{
	border:none;
}


/* ======================================================= */
/*                    Home Page Sliders                    */
/* ======================================================= */
#content-area .slideshow{
	position: relative;
	overflow:hidden;
}
#slideshownav {
    width:820px;
    height:74px;
    font-family: Arial;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    top:-8px;
    left:0px;
    z-index:16;
    text-transform:uppercase;
    overflow:hidden;
}
#slideshownav li {
    background:url(../images/slide-nav-divider.png) no-repeat right;
    height:74px;
    text-align:left;
    list-style:none;
    margin:0px;
    display:block;
    float:left;
    position:absolute;
    padding:0px; 
}
#slideshownav li:hover {
    background:url(../images/slide-nav-divider.png) no-repeat right;
    height:74px;
    text-align:left;
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
    position: absolute;
}
#slideshownav li.last {
    background:url(../images/slide-nav-no-divider.png) no-repeat top center;
    height:74px;
    text-align:left;
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
    position: absolute;
}
#slideshownav li.last:hover {
    background:url(../images/slide-nav-no-divider.png) no-repeat top center;
    height:74px;
    text-align:left;
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
}
#slideshownav li.last a {
    width:125px;
    height:44px;
    display:block;
    float:left;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#ffffff;
    text-decoration:none;
}
#slideshownav li.last a.activeSlide  {
    width:125px;
    height:44px;
    background:url(../images/slideon.png) no-repeat top center;
    display:block;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
#slidecontrol{
	height:74px;
	position:absolute;
	top:-8px;
	right:0;
	z-index: 16;
}
#slidecontrol li{
	background:url("../images/slide-nav-divider.png") no-repeat scroll right center transparent;
	float: left;
    height: 74px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: right;
	display:block;
	position:relative;
	z-index:16;
	text-overflow : elipsis;
}
#slidecontrol li a{
	width:30px;
	overflow:hidden;
	display:block;
	height:44px;
	padding-top:30px;
    padding-left:3px;
    padding-right:3px;
    text-align:center;
	font-size:0;
	text-indent:-9999px;
}
#pauseButton{
	background:url('../images/pause.png') no-repeat 50% 60%;
}
#resumeButton{
	background:url('../images/play.png') no-repeat 50% 60%;
}
#slideshowprev{
	background:url('../images/arrow-back_off.png') no-repeat 50% 60%;
}
#slideshownext{
	background:url('../images/arrow-ffwd_off.png') no-repeat 50% 60%;
}
#slideshowprev:hover {
	background:url('../images/arrow-back_on.png') no-repeat 50% 60%;
}
#slideshownext:hover {
	background:url('../images/arrow-ffwd_on.png') no-repeat 50% 60%;
}
#slideshownav a {
    width:125px;
    height:44px;
    display:block;
    float:left;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#ffffff;
    text-decoration:none;
	text-shadow:1px 1px #000000;
	text-overflow : ellipsis;
	overflow:hidden;
}
#slideshownav a:hover {
    color:#ffffff;
}
#slideshownav a.activeSlide {
    width:125px;
    height:44px;
    background:url(../images/slideon.png) no-repeat top center;
    display:block;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
#slideshownav li.activeSlide a {
    width:125px;
    height:44px;
    background:url(../images/slideon.png) no-repeat top center;
    display:block;
    padding-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#fff;
    text-decoration:none;
}

#slideshownav a:focus {
    outline: none;
}
#slideshownav img {
    border: none;
}
#slidecontrol {
    width:120px;
    text-align:right;
    padding-top:0px;
}
#slidecontrol td {
    vertical-align:top;
    padding-left:10px;
    padding-right:10px;
}

#slidecontrol .slidearrow, #slidecontrol #button_pause, #slidecontrol #button_play {
    /*padding-top:27px;*/
}
/* setting if we use slide with ../image to the right */
#slideshow  .slide-imageright {
    width:940px;
    overflow:hidden;
}
#slideshow  .slide-imageright .text {
    color:#ffffff;
    float:left;
    width:450px;
    margin-right:30px;
    padding-top:40px;
	text-shadow:1px 1px #000000;
}
#slideshow  .slide-imageright .text h1 {
    color:#ffffff;
    margin-top:0px;
    margin-bottom:18px;
    font-size:30px;
    line-height:34px;
}
#slideshow  .slide-imageright .text p {
    color:#ffffff;
    font-size:14px;
    line-height:20px;
    margin-bottom:20px;
}
#slideshow  .slide-imageright .image {
    float:right;
    width:428px;
    padding-top:25px;
    padding-right:20px;
}
#slideshow  .slide-imageleft {
    width:940px;
}
#slideshow  .slide-imageleft .text {
    color:#ffffff;
    float:right;
    width:450px;
    margin-left:30px;
    padding-top:40px;
	text-shadow:1px 1px #000000;
}
#slideshow  .slide-imageleft .text h1 {
    color:#ffffff;
    margin-top:0px;
    margin-bottom:18px;
    font-size:30px;
    line-height:34px;
}
#slideshow  .slide-imageleft .text p {
    color:#ffffff;
    font-size:14px;
    line-height:20px;
    margin-bottom:20px;
}
#slideshow  .slide-imageleft .image {
    float:left;
    width:428px;
    padding-top:25px;
    padding-left:20px;
}

/* setting if we use slide with video in it*/
#slideshow  .slide-video {
    width:940px;
}
#slideshow  .slide-video .text {
    color:#ffffff;
    float:left;
    width:420px;
    margin-right:30px;
    padding-top:40px;
}
#slideshow  .slide-video .text h1 {
    color:#ffffff;
    margin-top:0px;
    margin-bottom:18px;
    font-size:30px;
    line-height:34px;
}
#slideshow  .slide-video .text p {
    color:#ffffff;
    font-size:14px;
    line-height:20px;
    margin-bottom:20px;
}
#slideshow  .slide-video .video {
    background: url(../images/slides/video-frame.png) no-repeat;
    float:right;
    width:447px;
    height:281px;
    padding-top:10px;
    padding-left:11px;
    margin-top:20px;
}
#slidetext.media{
    height: 396px;
    overflow: hidden;
    width: 450px;
    z-index: 10; 
}
#slidetext.html{
    height: 396px;
    overflow: hidden;
    width: 940px;
    z-index: 10; 
}
#slidetext.right{
    float:left;
}

#slidetext.left{
    float:right;
}
#slidetext.media div.text { 
	color:#ffffff;
	float:left;
	width:450px; 
	height:336px;
	margin-right:30px;
	margin-top:40px;
	word-wrap: break-word;
}
#slidetext.html div.text {
    color:#ffffff;
    float:left; 
    width:940px; 
    height:336px;
    margin-right:30px;
    padding-top:40px;
}
#slidetext .text h1 {
    color:#ffffff;
    margin-top:0px; 
    margin-bottom:18px;
    font-size:30px;
    line-height:34px;
}
#slidetext .text p { 
    color:#ffffff;
    font-size:14px;
    line-height:20px; 
    margin-bottom:20px;
}
/* setting if we use normal bullet lists on homepage heading/slideshow */
#slidetext .text ul { 
    list-style:none;
    margin-bottom:15px; 
    margin-left:0px; 
}
/* setting if we use normal bullet lists on homepage heading/slideshow */
#slideimage {
    width:430px;
    /*overflow: hidden;*/
}
#slideimage.right{
    float:right;
}
#slideimage.left{
    float:left;
}
#slideimage .slideframe {
    background:url(../images/slides/slide-back.png) 
    no-repeat left top;
    width:430px;
    height:365px;
    position:relative;
    margin-top:25px;
    padding-left:19px;
    padding-top:20px;
    overflow: hidden;
}
#slidelist {
    width:389px;
    height:244px;
    background-color:#333333;
    overflow:hidden;
    display:none;
}
#slideload{
	width:389px;
    height:244px;
    background-color:#333333;
}
ul.anything-control{
	list-style-position: outside;
    list-style-type: none;
	position:absolute;
	top:50%;
    width: 100%;
	height:40px;
    z-index: 499;
	display:block;
	padding:0px !important;
}
.anything-control li{
	background-image:none;
}
.anything-control a{
	cursor: pointer;
    height: 40px;
    position: absolute;
    text-indent: -10000px;
	color:transparent;
    width: 40px;
    z-index: 101;
	top:0px;
}
.anything-control .slideshowprev{
	background: url("../images/slide-prev-next.png") no-repeat scroll 0px 0 transparent;
	left:5px;
}
.anything-control .slideshownext{
	background: url("../images/slide-prev-next.png") no-repeat scroll -40px 0 transparent;
    right: 5px;
}
.anything-control .slidepause{
	background: url("../images/slide-button.png") no-repeat scroll 0px 0 transparent;
    left: 50%;
}
.anything-control .slideresume{
	background: url("../images/slide-button.png") no-repeat scroll -40px 0 transparent;
    left: 50%;
}



/* ======================================================= */
/*                    Portfolio Styles                     */
/* ======================================================= */
.portfolios{
	margin-left:auto;
	margin-right:auto;
	/*display: inline-block;*/
}
.portfolio-content.carousel-box{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#ECECEC;
	background: -moz-linear-gradient(top,  #ECECEC 0%, rgba(236,236,236,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,rgba(236,236,236,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ECECEC 0%,rgba(236,236,236,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ECECEC 0%,rgba(236,236,236,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ECECEC 0%,rgba(236,236,236,0) 100%); /* IE10+ */
	background: linear-gradient(top,  r#ECECEC 0%,rgba(236,236,236,0) 100%); /* W3C */
}
/* content - portfolio listing filter */
ul#portfolio-filter {
    margin: 0px;
    padding: 0px;
    height:35px;
    padding-left:30px;
    line-height:35px;
    background: transparent url(../images/portfolio-category-underborder.png) bottom center no-repeat;
}
.full_width ul#portfolio-filter{
	background: transparent url(../images/portfolio-category-underborder-full.png) bottom center no-repeat;
}
.right_sidebar ul#portfolio-filter,
.left_sidebar ul#portfolio-filter{
	background: transparent url(../images/portfolio-category-underborder.png) bottom center no-repeat;
}
ul#portfolio-filter li {
    display: inline;
    padding-left:0px;
    margin-left:0px;
    background:transparent;
}
ul#portfolio-filter a {
    margin-right: 0px;
    margin-left:2px;
	padding-top:9px;
    padding-bottom:4px;
    padding-left:18px;
    padding-right:18px;    
    color: #aaaaaa !important;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    display:inline-block;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-top:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    background: -moz-linear-gradient(
		center top,
		rgba(192, 192, 192, .3) 0%,
		rgba(192, 192, 192, .0) 20%
	);/* FF3.6 */
   background:-webkit-gradient(linear, 0 0, 0 20%, from(rgba(192,192,192,0.3)),to(rgba(192, 192, 192, .0)));
    background: -o-linear-gradient(
		center top,
		rgba(192, 192, 192, .3) 0%,
		rgba(192, 192, 192, .0) 20%
	);
	 background: linear-gradient(
		center top,
		rgba(192, 192, 192, .3) 0%,
		rgba(192, 192, 192, .0) 20%
	);
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
	background-color:#E2E2E2;
}
ul#portfolio-filter a:hover {
    padding-top:9px;
    padding-bottom:4px;
    color: #717171;
    border-top:1px solid #d5d5d5;    
    background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .3) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		rgba(255, 255, 255, .3) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* Saf4+, Chrome */
	background: -o-linear-gradient(
		center top,
		rgba(255, 255, 255, .3) 0%,
		rgba(255, 255, 255, .1) 100%
	);
	background: linear-gradient(
		center top,
		rgba(255, 255, 255, .3) 0%,
		rgba(255, 255, 255, .1) 100%
	);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
ul#portfolio-filter a.current:hover {
	background: -moz-linear-gradient(top, rgba(192,192,192,0.3) 0%, rgba(192,192,192,0) 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,rgba(192,192,192,0.3)), color-stop(20%,rgba(192,192,192,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(192,192,192,0.3) 0%,rgba(192,192,192,0) 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(192,192,192,0.3) 0%,rgba(192,192,192,0) 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(192,192,192,0.3) 0%,rgba(192,192,192,0) 20%); /* IE10+ */
	background: linear-gradient(top, rgba(192,192,192,0.3) 0%,rgba(192,192,192,0) 20%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0c0c0', endColorstr='#00c0c0c0',GradientType=0 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4dc0c0c0', EndColorStr='#00c0c0c0')"; /* IE8 */

}
ul#portfolio-filter a.current {
    padding-top:9px;
    padding-bottom:4px;
    background-color:#ffffff;
    color: #623d8b !important;
    border-bottom:1px solid #ffffff;
}
/* display portfolio items */
ul.portfolio-list {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    letter-spacing: -4px;
    list-style-type: none;
    overflow: hidden;
    word-spacing: -4px;
	overflow:hidden;
	padding-left: 0px !important;
}
.carousel-box .portfolio-list{
	padding-top:20px;
}
.full_width .carousel-box ul.portfolio-list{
	margin-top:0px;
	padding-left:20px !important;
	padding-right:20px !important;
	width:902px;
}
.right_sidebar .carousel-box ul.portfolio-list,
.left_sidebar .carousel-box ul.portfolio-list{
	margin-top:0px;
	padding-left:10px !important;
	padding-right:10px !important;
	width:592px;
}
ul.portfolio-list li {
    padding-left:0px;
    margin-left:0px;
	margin-right:0px;
    background:transparent;
    margin-bottom: 25px;
    display: inline-block;
    letter-spacing: normal;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
	position:relative;
}
ul.portfolio-list li:hover {
	background:#C4E0F5;
	background: -moz-linear-gradient(top,  rgba(196,224,245,1) 0%, rgba(196,224,245,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,224,245,1)), color-stop(100%,rgba(196,224,245,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(196,224,245,1) 0%,rgba(196,224,245,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(196,224,245,1) 0%,rgba(196,224,245,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(196,224,245,1) 0%,rgba(196,224,245,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(196,224,245,1) 0%,rgba(196,224,245,0) 100%); /* W3C */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
ul.portfolio-list .portfolio_image{
    overflow:hidden;
    zoom:1;
}
ul.portfolio-list .portfolio_image a {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position:relative;
	line-height:0em;
    font-size:0;
    border:4px solid #d7d7d7;
    margin-bottom:5px;
    zoom:1;
}
ul.portfolio-list .portfolio_image a:hover {
    border:4px solid #7ebcec;
}
/* portfolio items */
.less-spacing {
    margin-left:3px;
    margin-right:3px;
}
.portfolio-item {
    /*display:block;*/
    /*float:left;*/
    /*height: 280px;*/
    /*width: 280px;*/
    min-width:0;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    margin-left:6px;
    margin-right:6px;
    margin-bottom:15px;
    zoom:1;
}
.portfolio-item img.pthumb {
    display:inline-block;
  
}
.portfolio-item img.poverlay {
    position: absolute;
    left: 4px;
    top: 4px;
}
.portfolio-item .portfolio_image {
    /*position:relative;*/
}
.portfolio-item .text {
    width:200px;
    float:left;
}
.portfolio-item .text h4 {
    font-size:16px;
    line-height:19px;
    font-weight:bold;
    margin-bottom:8px;
    margin-top:0px;
    padding-top:0px;
    /* height:38px;
    overflow:hidden;
     */ }
.portfolio-item .text h4 a {
    text-decoration:none;
}
.portfolio-item .text p {
    margin-top:0px;
    margin-bottom:0px;
    font-size:12px;
    line-height:18px;
    height:35px;
    overflow:hidden;
}
/*.portfolio_details{
    overflow:hidden;
}*/
.portfolio_details a{
	 text-decoration: none !important;
}
.portfolio_details h4{
 font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 0;
}
/* set the button widths so they fit nicely */
.portfolio-item .view-details {
    width:120px !important;
}
.portfolio-item .purchase {
    width:120px !important;
}
.portfolio-item .view-details span {
    text-align:center;
}
.portfolio-item .purchase span {
    text-align:center;
}
/* for items wich are not for sale eg. custom works */
.no-sale .text {
    float:none;
    width:280px;
}

/* portfolio item buttons limits, need these to make the fit correctly in the space allocated, also ie6 plays nasty if not */
.portfolio-button {
    margin-top:12px;
}
.portfolio-detail {
    width: 608px;
    background:#efefef;
    padding:2px;
    border:1px solid #c9c9c9;
    margin-bottom:10px;
}
.portfolio-detail-buttons {
    margin-bottom:20px;
}
.portfolio-detail-buttons .view-screenshots {
    width:177px !important;
    margin-right:12px;
}
.portfolio-detail-buttons .purchase {
    width:177px !important;
    margin-right:0px;
}
.portfolio-detail-buttons .view-live-preview {
    width:180px !important;
    margin-right:12px;
}
.portfolio-detail-buttons .view-screenshots span {
    text-align:center;
}
.portfolio-detail-buttons .purchase span {
    text-align:center;
}
.portfolio-detail-buttons .view-live-preview span {
    text-align:center;
}

.portfolio-control{
	overflow: hidden;
	padding-top: 20px;
}
.right_sidebar .portfolio-control,
.left_sidebar .portfolio-control{
	padding-right: 15px;
	padding-left: 15px;
}
.full_width .portfolio-control{
	padding-left: 25px; 
	padding-right: 25px;
}
.portfolio-control .viewmore{
	margin-right:10px;
	text-decoration:none;
	font-weight:bold;
}
.portfolio-control .viewmore:hover {
	text-decoration:none;
}
/* Portfolio TWO Columns
----------------------------------------------------------*/ 
.right_sidebar .portfolios_two_columns li,
.left_sidebar .portfolios_two_columns li{
    width:306px;
}
.full_width .portfolios_two_columns li{
    width:471px;
}
.right_sidebar .carousel-box .portfolios_two_columns li,
.left_sidebar .carousel-box .portfolios_two_columns li{
    width:296px;
}
.full_width .carousel-box .portfolios_two_columns li{
    width:451px;
}
/* Portfolio Three Columns
----------------------------------------------------------*/ 
.right_sidebar .portfolios_three_columns li,
.left_sidebar .portfolios_three_columns li{
    width:204px;
}
.full_width .portfolios_three_columns li{
    width:314px;
}
.right_sidebar .carousel-box .portfolios_three_columns li,
.left_sidebar .carousel-box .portfolios_three_columns li{
    width:197px;
}
.full_width .carousel-box .portfolios_three_columns li{
    width:300px;
}

/* Portfolio Four Columns
----------------------------------------------------------*/ 
.right_sidebar .portfolios_four_columns li,
.left_sidebar .portfolios_four_columns li{
    width:153px;
}
.full_width .portfolios_four_columns li{
    width:235px;
}
.right_sidebar .carousel-box .portfolios_four_columns li,
.left_sidebar .carousel-box .portfolios_four_columns li{
    width:148px;
}
.full_width .carousel-box .portfolios_four_columns li{
    width:225px;
}

/* ======================================================= */
/*                       Blog Styles                       */
/* ======================================================= */
/* main elements styles, this applies to the whole content area home and inner, some of them will get overriden by more particular styles, note that the inner sidebar gets it's own treatment */
.main {
    margin-top: 0px;
    font-size:13px;
}
.main p {
    line-height: 20px;
    /*margin-bottom: 5px;*/
}
.main img.alignnone {
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 5px;
}
.main img.alignleft {
    float: left;
    border: 1px solid #dbdbdb;
    margin: 10px 25px 15px 0;
    padding: 5px;
}
.main img.alignright {
    float: right;
    border: 1px solid #dbdbdb;
    margin: 10px 0 15px 25px;
    padding: 5px;
}
.main ul {
    margin-left:0px;
    padding-left:10px;
}
.main ol {
    margin-left: 20px;
    margin-bottom: 20px;
}
.main ul {
    list-style: none;
}
.main ol {
    list-style: decimal;
}
.main ul li, .main ol li {
    line-height: 20px;
    margin-bottom: 5px;
}
.main a ,.main a:visited {
    color: #8043AA;
    text-decoration:none;
}
.main a:hover,.main a:active {
    color: #4f97cf;
    text-decoration:underline;
}

.main .smalltext {
    font-size:10px;
    line-height:16px;
}
/* blog related styling */
.post {
    margin-bottom:15px;
}
.post.error404{
	margin-bottom:15px;
}
#content .meta-title{
    font-weight: normal;
    line-height: 1.2;
}
#content .post-meta{
    margin-bottom: 5px;
}
.post-content{
    margin-bottom: 10px;
    margin-top: 10px;
	overflow:hidden;
}
.post-title-slug {
    background:#ffffff;
    padding:1px;
    border:1px solid #c9c9c9;
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
	display:inline-block;
}
.right-feature .post-title-slug{
	float:right;
	margin-left:20px;
}
.left-feature .post-title-slug{
	float:left;
	margin-right:20px
}
.post-image {
    position:relative;
    overflow:hidden;
}
.post-image a{
    display:block;
}
.post-image img {
    display:block;
    height: 100%;
}  
/* force css to resize here can be removed  */
.post-image-overlay {
     background-color:rgba(95, 133, 162, 0.8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC5F85A2', EndColorStr='#CC5F85A2'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC5F85A2', EndColorStr='#CC5F85A2')"; /* IE8 */
    height:69px;
    position:absolute;
    bottom:1px;
	
}
.right_sidebar .post-image-overlay,
.left_sidebar .post-image-overlay {
	width:568px;
}
.full_width .post-image-overlay {
	width:876px;
}
.post-image-single {
    padding:2px;
    border:1px solid #c9c9c9;
	margin-bottom:30px;
}
.post-title-slug .inner-vert a,.post-title-slug .inner-vert a:visited {
    color:#FFFFFF !important;
	text-decoration:none;
}
.post-title-slug .inner-vert a:hover,.post-title-slug .inner-vert a:active {
    color:#794EAE !important;
}
.post-bottoms {
    border-bottom:1px solid #cfcfcf;
    padding-bottom:11px;
    background:url("../images/post-divider-horz.png") no-repeat scroll 0 top transparent;
    padding-top:11px;
}
.post-meta {
    font-size: 85%;
    color: #999;
    margin-top: 2px;
}
#content .post-meta a,#content .post-meta a:visited {
    color:#999999;
    text-decoration: none;
}
.post-meta a:hover {
    text-decoration:underline;
}
.post-meta .categories{
    float:right;
}
.post-image-overlay .cont-vert, .no-feature .cont-vert {
    float:left;
    overflow:hidden;
}
.no-feature{
	overflow:hidden;
}
.no-feature.comment .title-wrap{
	width:80%;
	float:left;
}
.no-feature .cont-vert{
	display:inline-block;
}
.post-image-overlay .outer-vert {
    display: table;
    height: 69px;
    overflow: hidden;
}
.post-image-overlay .inner-vert {
    display: table-cell;
    vertical-align: middle;
}
.read_more_link.button{
	margin-top:10px;
}
/* title over blog image */
#content h2.post-entry-title{
    color:#ffffff;
    font-size:30px;
    line-height:20px;
    text-decoration:none;
}
#content h2.post-title-overimage {
    color:#ffffff;
    font-size:18px;
    line-height:20px;
    text-decoration:none;
	text-shadow:1px 1px #000000;
}
.post-entry-title a, .post-entry-title a:hover,.post-title-overimage a, .post-title-overimage a:hover {
    color:#ffffff;
    text-decoration:none;
}
/* comments over blog image */
.post-comments-overimage {
    background:url(../images/post-comment-divider.png) left no-repeat;
    height:52px;
    padding-left:14px;
    float:right;
}
.post-image-overlay .post-comments-overimage{
	margin-top:10px;
	background:url(../images/post-comment-divider.png) left no-repeat;
}
.no-feature.comment .post-comments-overimage{
	padding-left:0px;
}
.no-feature .post-comments-bubble{
	background: url(../images/post-comment-nobubble.png) no-repeat;
	margin-left:0px;
}
.post-image-overlay .post-comments-bubble{
	background: url(../images/post-comment-bubble.png) no-repeat;
}
.post-comments-bubble {
    margin-top:8px;
    height:30px;
    padding-top:4px;
    padding-bottom: 3px;
    color:#5c407d !important;
    font-weight:bold;
    text-align:center;
}
.post-comments-bubble a {
    color:#5c407d;
    text-decoration:none !important;
}
.post-comments-bubble a:hover {
    color:#5c407d;
    text-decoration:none !important;
}
/* section titles eg. comments  on blog post*/
.section-title {
    color:#559ed6;
    font-weight:bold;
    font-size: 18px;
    line-height:19px;
}
.page-subtitle {
    font-weight: bold;
    color: #555555;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
h1.post-title {
    margin-bottom:4px;
}
/* comments bubble */
.post-comments {
    float: right;
    padding: 3px 0 7px 7px;
}
.post-comments a {
    padding: 3px 7px 7px 0;
    color: #000000;
}
.post-comments a:hover {
    color: #000000;
}
/* post navigation */
.post-navleft {
    float: left;
    margin: 0 15px 15px 0;
}
.post-navright {
    float: right;
    margin: 0 0 15px 15px;
}
post-navigation div a {
    font-size:12px;
}
.pagenavi {
    clear: both;
    height: 40px;
    padding-top: 10px;
    text-align: center;
}
.pagenavi a{
	cursor:pointer;
}
.pagenavi a,.pagenavi span.current{
    position:relative;
    display:inline-block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;

    -webkit-box-shadow:-3px -3px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:-3px -3px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow:-3px -3px 3px rgba(0, 0, 0, 0.1) inset;


    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    text-decoration: none!important; 
    white-space: nowrap;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
    outline: medium none;
    overflow: visible;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
    border-style: solid;
    border-width: 1px;


}
.pagenavi a:hover {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left 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(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.pagenavi a:active {
    top:1px;
   	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.pagenavi span.extend{
    margin-right: 5px;
	margin-left: 5px;
    vertical-align: sub;
}
.pagenavi a.page,.pagenavi span.current{
    padding: 1px 6px;
    margin-right: 5px;
}
.pagenavi span.current{
    cursor:default;
	background-color:#f5f5f5;
	color:#8043AA;
       font-weight: bolder;
}
.pagenavi a.first,.pagenavi a.last{
	padding:1px 6px;
}
.pagenavi a.nextpostslink,.pagenavi .post-next a{
    padding: 1px 10px 1px 15px;
    float:right;
}
.pagenavi a.nextpostslink img,.pagenavi .post-next img{
    padding-left:10px;
}
.pagenavi a.previouspostslink,.pagenavi .post-prev a{
    padding: 1px 15px 1px 10px;
    float:left;
}
.pagenavi a.previouspostslink img,.pagenavi .post-prev img{
    padding-right:10px;
}
.pagenavi a,.pagenavi a:hover {
    background-color: #EFEFEF;
    color:#444444 !important;
}
.pagenavi a:active,.pagenavi span.current{
    background-color: #FFFFFF;
    color:#000000 !important;
}
/* comments */
#comments {
    padding:0px;
    width: 612px;
}
#comments .comments-top {
    background: url(../images/comments-top.jpg) no-repeat top left;
    height:15px;
    width:611px;
}
#comments .comments-btm {
    background: url(../images/comments-bottom.jpg) no-repeat left;
    height:10px;
    width:611px;
}
#comments .comments-body {
    background: url(../images/comments-body.jpg) repeat-y bottom left;
    width:611px;
}
.comments-body #respond{
    margin-left:15px;
}
.comments-body #comment-form{
    margin-top:10px;
}
.comments-body .textarea{
    width:370px !important;
    height:100px !important;
}
.comments-body .text_input{
    width:200px !important;

}
#comments .section-title {
    padding-left:20px;
	overflow:hidden;
	text-overflow:ellipsis;
}
#comments .no-comments {
    padding:10px;
    text-align:center;
}
#comments ol.comment-list {
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:10px;
    margin-left:1px;
    list-style:none;
}
#comments ol.comment-list li {
    background:url(../images/comments-divider.jpg) top left no-repeat;
    margin-top: 0px;
    margin-bottom:0px;
    border-top: 0px solid #dbdbdb;
    padding: 10px 0;
    padding-left:19px;
    overflow: auto;
    clear: both;
    /*height: 1%;*/
}
.comment-gravatar {
    float: left;
    margin-right: 10px;
    background: #FFF;
    border: 1px solid #F0F0F0;
    padding: 3px;
    width:60px;
    height:60px;
}
.comment-data {
    float: left;
    width: 80%;
}
.comment-data p {
    margin-bottom: 5px;
    margin-top:5px;
    line-height: 20px;
	white-space: pre-wrap;
    word-wrap:break-word;
}
.comment-author {
    font-weight: 700;
    margin-bottom: 0px;
    text-transform:capitalize;
}
.comment-meta {
    color: #666;
    margin-bottom: 8px;
    margin-top:-3px;
    font-size: 85%;
}
.unapproved {
    font-style: italic;
}
#respond {
    margin-top: 20px;
}
#comment-form {
    margin-top: 10px;
    margin-bottom: 10px;
}
#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
	font-weight:bold;
	float:left;
	width:180px;
	line-height:16px;
	margin-top: 5px;
	clear:both;
}
#comment-form input {
    width: 409px;
    margin-bottom: 10px;
    padding: 5px;
    border:1px solid #cdcdcd;
    background: url(../images/input-background.png) top left no-repeat;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
	float:left;
}
#comment-form textarea {
    width: 580px;
    height: 140px;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 10px;
    border:1px solid #cdcdcd;
    background: url(../images/textarea-background.png) top left no-repeat;
    color:#444444;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#comment-form input:focus, #comment-form textarea:focus, #comment-form select:focus {
    border-color: #77bef6;
}
#comment-form input:hover, #comment-form textarea:hover, #comment-form select:focus {
    border-color: #77bef6;
}
#comment-form .clear {
    height:5px;
    width:1px;
}
/*nav*/
.post-navigation{
    overflow:hidden;
}
.post-navigation a{
    background: url("../images/buttons/btn_small_grey_right.jpg") no-repeat scroll right top transparent;
    color: #5F5F5F;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    margin-right: 6px;
    padding-right: 12px;
    text-decoration: none;
}
.meta-nav{
    background: url("../images/buttons/btn_small_grey_left.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 26px;
    padding: 0 0 5px 12px;
    text-align: center;
}
.post-navigation a:hover {
    background: transparent url(../images/buttons/btn_small_grey_righth.jpg) no-repeat scroll top right;
 }
.post-navigation a:hover .meta-nav{
     background: transparent url(../images/buttons/btn_small_grey_lefth.jpg) no-repeat;
     color:#5f5f5f !important;
     text-align:center;
}

.related_popular_wrap{
	margin-top:30px;
}

/* ======================================================= */
/*                      Widget Styles                      */
/* ======================================================= */
/* Sidebar General
---------------------------------------------------------- */
#sidebar blockquote {
    background:transparent;
    margin:5px 0;
    padding: 0px 0px 10px 0px;
}
#sidebar blockquote p {
    padding-left:0px;
    padding-right:0px;
    color:#595959;
    font-size:13px;
    line-height:18px;
    font-style: italic;
}
#sidebar cite {
    font-weight:bold;
    text-align:right;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6  {
    padding-left:25px;
    padding-right:25px;
}
#sidebar h3 {
    text-transform: capitalize;
    padding-bottom:15px;
    padding-top:20px;
    font-weight: bold;
    font-size:20px;
    line-height:22px;
}
#sidebar p {
    padding-left:20px;
    margin-top: 8px;
    line-height:19px;
}
#sidebar a {
    color:#7E44B4;
    text-decoration:none;
}
#sidebar a:hover {
    color:#4f97cf;
    text-decoration:none;
}
/* Footer General
---------------------------------------------------------- */

#footer ul {
    list-style:none outside none;
}
/* class that wraps around all sidebar widgets, configuring lists for the categories and submenus */
.sidepanel {
    padding-bottom: 10px;
    font-size:14px;
}
.sidepanel p {
    padding-left:20px;
    margin-top: 8px;
}
/*.sidepanel .categories{
background: url("../images/sidepanel-cat-bg.jpg") repeat-y scroll left 0 transparent
}*/
.left_sidebar .sidepanel ul.menu li,
.left_sidebar .sidepanel>ul li{
	background-image:none;
}
.right_sidebar .sidepanel ul.menu li,
.right_sidebar .sidepanel>ul li{
	background-image:none;
}
 .sidepanel ul.menu li,
.sidepanel>ul li {
	/*padding-left:25px;
	padding-right:25px;
	padding-bottom:7px;
	padding-top:6px;*/
	padding-right: 0px;
	padding-left: 0px;
	line-height:20px;
}
.right_sidebar .sidepanel ul.menu li a,
.right_sidebar .sidepanel>ul li a{
    display:block;
    background: url(../images/sidepanel-separator.jpg) no-repeat bottom right;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:7px;
    padding-top:6px;
}
.left_sidebar .sidepanel ul.menu li a,
.left_sidebar .sidepanel>ul li a{
    display:block;
    background: url(../images/sidepanel-left-separator.jpg) no-repeat bottom right;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:7px;
    padding-top:6px;
}
/*.sidepanel ul li ul { 
padding-left:0px; 
padding-top:0px;  
}

    .sidepanel ul li ul li ul { 
    padding-left:0px; 
    padding-top:4px; 
}*/
.sidepanel ul li ul li { 
    /*background: transparent url(../images/corner-dots.png) no-repeat !important;
    background-position:0px 10px;
    font-size:13px; 
    padding-bottom:5px;
    padding-top:4px;
    padding-left:12px;
    margin-bottom:0px; 
    margin-left:12px;*/
}
.sidepanel>ul li ul  .current-cat, .sidepanel>ul li ul .current_page_item {
    /*background: transparent url(../images/corner-dots.png) no-repeat;*/
    background-position:0px 10px;
    /*padding-left:12px;
    padding-bottom:5px;
    padding-top:4px; */
color:#559ed6; 
}

.sidepanel li.current_page_item li a {
    color:#7e44b4 !important;
}
.sidepanel li.current_page_item li a:hover {
    color:#559ed6 !important;
}


.right_sidebar .sidepanel .current-cat a.first, .right_sidebar .sidepanel .current_page_item a.first {
	/*padding-left:25px; 
	padding-bottom:7px;
	padding-top:6px; */
	background:url(../images/sidepanel-cat-current.jpg) bottom left no-repeat; color:#559ed6;
}
.left_sidebar .sidepanel .current-cat a.first,.left_sidebar .sidepanel .current_page_item a.first { 
    background:url(../images/sidepanel-cat-current-left.jpg) bottom left no-repeat; color:#559ed6;
}
.sidepanel .current-cat a, .sidepanel .current_page_item  a { 
    font-style: italic;
    color:#559ed6 !important;
} 
.sidepanel .current-cat a:hover, .sidepanel .current_page_item  a:hover {
    color:#559ed6 !important; 
}

/*.sidepanel div{
    margin-left:10px;
}*/
.sidepanel .element-pad { 
    padding-left:25px; 
    padding-right:35px; 
}
/* make sidebar textwidget go along for the ride */
#sidebar .textwidget {
    padding-left:25px;
    padding-right:25px;
    line-height:19px;
    word-wrap:break-word;
}

/* make calendar play nice with theme */
.sidepanel #calendar_wrap {
    margin-left:25px;  
    width:250px;
    padding:0px; 
    border:0px solid #dbdbdb;
}
.sidepanel #wp-calendar thead th {
    padding:13px;
    background:#dbdbdb;
}
.sidepanel #wp-calendar td {
    padding:7px;
    text-align:center;
}
.sidepanel #wp-calendar tbody a  {
    color:#7e44b4;
}
.sidepanel #wp-calendar tbody a:hover  {
    color:#7e44b4 
}
.sidepanel #wp-calendar #today {
    background:#559ed6;
    color:#ffffff;
}
.sidepanel #wp-calendar #today a  {
    background:transparent;
    color:#ffffff;
}
.sidepanel #wp-calendar #today a:hover  {
    background:transparent;
    color:#ffffff;
}
.sidepanel #wp-calendar caption {
    padding:5px;
}
.sidepanel .tagcloud{
	padding-left:15px;
	padding-right:15px;
}
#footer #calendar_wrap {
    margin-left:auto;
    margin-right:auto;
    width:100%;
    padding:0px;
    border:0px solid #dbdbdb;
}
#footer .widget_calendar table {
    margin:0;
    width:100%;
}
#footer .widget_calendar caption {
    font-size:1.2em;
    padding-bottom:5px;
}
#footer .widget_calendar td,.widget_calendar th {
    padding:3px 0px;
    text-align: center;
}
#footer .widget_calendar tfoot td {
    padding:8px 0px;
    font-size:1.1em;
}
#footer .widget_calendar #prev {
    text-align:left;
}
#footer .widget_calendar #next {
    text-align:right;
}
#footer .widget_calendar a {
    font-size:1.3em;
	font-weight:bold;
}
/* searchform on the sidebar  */
#searchform {
    /*background:url(../images/sidepanel-search.jpg) bottom left;*/
    height:53px;
    padding-left:25px;
    padding-top:20px;
}
#searchform #s{
	padding-top:5px;
	padding-bottom:5px;
}
#searchform .screen-reader-text {
    display:none;
}
#searchform #searchsubmit {
    background: url(../images/button-search.jpg) no-repeat;
    width:30px;
    height:30px;
    border:none;
    /*text-indent:-9999px !important;*/
	line-height: 90px;
	font-size:0;
	display:inline-block;
    padding:0;
    margin:0;
	cursor:pointer;
}
#searchform .field {
    width:130px;
    border-top:1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    background:#ffffff;
    color:#575757;
    height:20px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8px;
 }
 #searchform .advanced {
     font-size:11px;
     line-height:13px;
     text-transform:uppercase;
     width:70px;
     margin-left:10px;
}
#searchform .advanced a {
    text-decoration:none;
}
#searchform .advanced a:hover {
    text-decoration:underline;
}
/* make recent comments play nice with theme */
#sidebar #recentcomments {
    color:#444444;
}
#sidebar #recentcomments a {
    background:none;
    text-decoration:none;
}
.left_sidebar #sidebar #recentcomments li{
    padding-right:25px;
    background:url("../images/sidepanel-left-separator.jpg") no-repeat scroll right bottom transparent
}
.right_sidebar #sidebar #recentcomments li{
    padding-left:25px;
    background:url("../images/sidepanel-separator.jpg") no-repeat scroll right bottom transparent;
}
#sidebar #recentcomments li {
    padding-top: 5px; 
    padding-bottom: 5px;
    color:#333333 !important;
}


/* sidebar small round faded round boxes 
---------------------------------------------------------- */
.sidebox h1, .sidepanel .sidebox h2, .sidepanel .sidebox h3, .sidepanel .sidebox h4, .sidepanel .sidebox h5 {
    padding-left:0px !important;
    padding-right:0px !important;
    margin-top:0px;
    padding-top:0px;
}
.sidebox h4 {
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    margin-bottom:2px;
	padding-top:0px;
}
.sidebox p {
    padding:0px !important;
    margin:0px !important;
    line-height:18px;
}
.sidebox {
    font-size:12px;
 }
.sidebox .icon{
     width:44px;
     padding:0px;
}
.sidebox .text{
    padding:0px;
    margin-right:0px;
	overflow: hidden;
}
.right_sidebar .sidepanel .sidebox .text{
	float:left;
}
.left_sidebar .sidepanel .sidebox .text{
	float:right;
}
.sidepanel .sidebox {
    padding-left:25px;
    padding-right:25px;
    margin-bottom:15px;
}
.sidepanel .sidebox-top {
    height:9px;
}
.right_sidebar .sidepanel .sidebox-top{
	background:url(../images/sidebox-top.png) no-repeat top left;
}
.left_sidebar .sidepanel .sidebox-top{
	background:url(../images/sidebox-top-left.png) no-repeat top left;
}
.sidepanel .sidebox-middle {
    width:240px;
    min-height:76px;
	padding-bottom:10px;
	overflow:hidden;
}
.right_sidebar .sidepanel .sidebox-middle{
	background: url(../images/sidebox-middle.png) repeat-y;
}
.left_sidebar .sidepanel .sidebox-middle{
	background: url(../images/sidebox-middle-left.png) repeat-y;
}
.sidepanel .sidebox-bottom {
    height:8px;
}
.right_sidebar .sidepanel .sidebox-bottom {
	background:url(../images/sidebox-bottom.png) no-repeat bottom left;	
}
.left_sidebar .sidepanel .sidebox-bottom {
	background:url(../images/sidebox-bottom-left.png) no-repeat bottom left;	
}
.sidepanel .sidebox .pad {
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
}
.sidepanel .sidebox .icon {
    margin-bottom:10px;
    margin-top:5px;
}
.right_sidebar .sidebox .icon {
	float:left;
	margin-right:10px;
}
.left_sidebar .sidebox .icon {
	float:right;
	margin-left:10px;
}
.sidepanel .sidebox .text {
    width:150px;
}
#footer .sidebox {
    padding:0px;
    margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	border: 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-color:#FFFFFF;
	border-color:rgba(255,255,255,.3);

}
#footer .sidebox .pad{
	padding:5px;
}
#footer .sidebox .icon{
    margin-right:5px;
}
#footer .sidebox-bottom {
    margin:0;
    height:3px;
}
/* Search form
---------------------------------------------------------- */
#footer-link-columns #searchform #s{
	width:60%;
}
/* Contact Info Widget
---------------------------------------------------------- */
.contact_info_wrap .icon_text, .contact_info_wrap .contact_address{
    padding-left:26px;
}
.contact_info_wrap p {
    margin-bottom:5px;
}
.contact_info_wrap .contact_zip {
    padding-left:5px;
}
/* Tags cloud*/
.widget_tag_cloud a{
    padding:2px 4px;
}
.widget_tag_cloud div{
    margin-left: 10px;
	margin-right:10px;
}
/* Authors_list
---------------------------------------------------------- */
.authors_list {
    list-style: none;
    margin: 0;
}
.authors_list li{
    margin:0;
    overflow:hidden;
    padding-top:5px;
}
.authors_list img{
    display:block;
    float:left;
    margin: 0 8px 8px 0;
}

/* Recent Post
---------------------------------------------------------- */
.main ul.posts_list {
    list-style: none;
    margin: 0;
}
.main ul.posts_list p{
    margin:0;
}

.posts_list li,#footer .posts_list li{
	padding-left:0px;
    margin:0;
    overflow:hidden;
	padding-bottom:5px;
}
.posts_list{
	padding-top:5px;
}
#content-area ul.posts_list li{
	 /*border-bottom:1px solid #E1E1E1;*/
	 background-image:none;
}
.sidepanel .posts_list li{
	padding-top:5px;
}
.right_sidebar #sidebar .posts_list li{
	background:url("../images/sidepanel-separator.jpg") no-repeat scroll right bottom transparent;
	padding-left:25px;
}
/*#footer .posts_list li{
	border-bottom:1px solid #FFFFFF;
	border-bottom:1px solid rgba(255,255,255,.3);
}*/
.left_sidebar #sidebar .posts_list li{
	background:url("../images/sidepanel-left-separator.jpg") no-repeat scroll right bottom transparent;
	padding-right:25px;
}
.posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a {
    background:none;
    padding:0;
    margin:0;
    line-height:20px;
	text-decoration: none !important;
	font-weight:bold;
}
.posts_list .thumbnail, #sidebar .posts_list .thumbnail, #footer .posts_list .thumbnail{
    display:block;
    float:left;
    margin:0px 8px 3px 0;
    line-height:100%;
    border: 1px solid #eee;
}
.left_sidebar #sidebar .posts_list .thumbnail{
	float:right;
	margin: 0 0 8px 8px;
}
.posts_list .thumbnail img {
    border: 1px solid #fff;
    display:block;
}
.posts_list time {
    display:block;
}
.posts_list .post_extra_info {
    overflow:hidden;
	margin-left:10px;
}
#footer .posts_list .thumbnail img {
    width:60px;
    height:60px;
}
/*#footer .posts_list li{
    background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent !important;
    margin:0;
    padding-left:0px;
}*/


/* Flickr Widget
---------------------------------------------------------- */
.flickr_wrap {
    position: relative;
}
.sidepanel .flickr_wrap{
    padding-left: 20px;
}

.flickr_wrap .flickr_badge_image {
    border:1px solid #eeeeee;
    padding: 0;
    float:left;
    line-height:100%;
    margin:0 10px 10px 0;
}
.flickr_wrap .flickr_badge_image img {
    width:75px;
    height:75px;
    border:1px solid #FFFFFF;
    background-color:#F9F9F9;
	-webkit-box-shadow: 1px 1px 1px #D7D7D7;
	-moz-box-shadow: 1px 1px 1px #D7D7D7;
	box-shadow: 1px 1px 1px #D7D7D7;
    display:block;
}
.main .flickr_wrap .flickr_badge_image img {
	border:4px solid #D7D7D7;
}
.main .flickr_wrap .flickr_badge_image img:hover {
	border-color:#EC8601;
}
.main .flickr_wrap .flickr_badge_image {
	padding:10px;
	border-width:0px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-right:0px;
	background-color:rgba(255, 255, 255, 0.1);
}
.main .flickr_wrap .flickr_badge_image:hover {
	background-color:rgba(126, 188, 236, 0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#667EBCEC',EndColorStr='#667EBCEC'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#667EBCEC', EndColorStr='#667EBCEC')"; /* IE8 */
}
/* Twitter Widget
---------------------------------------------------------- */
#sidebar .widget_twitter .tweet_list li {
    background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent;
    padding:5px 5px 5px 22px;
    line-height:inherit;
    word-wrap:break-word;
}
#sidebar .widget_twitter .tweet_list a {
    background:none;
    padding:0;
    line-height:20px;
	display:inline;
}
/* Contact Form
---------------------------------------------------------- */
/*.widget_contact_form p {
margin-bottom:10px;
}
    .widget_contact_form label {
    padding-left:6px;
}
    .widget_contact_form .invalid {
    border: 2px solid #999 !important;
}*/
/* Social Icon Widget
---------------------------------------------------------- */
.right_sidebar #sidebar .social-item{
    float: left;
    text-align: center;
	padding-bottom: 5px;
    padding-right: 11px;
}
.left_sidebar #sidebar .social-item{
    float: right;
    text-align: center;
	padding-bottom: 5px;
    padding-left: 11px;
}
#sidebar .social-item.icon16{
    font-size:10px;
	width:30px
}
#sidebar .social-item.icon32{
    font-size:14px;
	width:50px;
}
#footer-link-columns li.social-item{
	background:none !important;
}
#footer-link-columns li.social-item a:hover {
	text-decoration: none;
}
#footer-link-columns .widget_social .social_wrap {
	margin:0;
}
.social-item{
    float: left;
    text-align: center;
	background:none;
}
/*#footer-bottom .social-item a{
    color: #C8C8C8;
}*/
#footer-link-columns li.social-item{
	padding-left:0px;
}
.social-item.icon16{
    font-size:7px;
	width:30px;
}
.social-item.icon32{
    font-size:9px;
	width:50px;
}
.widget_social a {
    padding:0 !important;
    margin: 0 !important;
    background: none !important;
    text-decoration: none;
}
.widget_social a:hover {
    text-decoration: none;
    border: 0;
}
.widget_social .social_wrap{
    margin-left:25px;
    margin-right:25px;
}
.widget_social .social_animation_fade img, .widget_social .social_animation_combo img {
    opacity:0.7;
    -moz-opacity:0.7;
}
.widget_social .social_animation_fade img:hover {
    opacity: 1;
    -moz-opacity: 1;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease;
}

.widget_social .social_animation_scale img:hover {
    -moz-transform: scale(1.2);
    -o-transition: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-zoom: 1.2;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease;
}

.widget_social .social_animation_bounce img:hover {
    -moz-transform: translate(0px, -2px);
    -o-transition: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease;
}

.widget_social .social_wrap.social_animation_combo img:hover {
    opacity: 1;
    -moz-opacity: 1;
    transform: translate(0px, -2px);
    -moz-transform: scale(1.2) translate(0px, -2px);
    -o-transform: scale(1.2) translate(0px, -2px);
    -webkit-transform: scale(1.2) translate(0px, -2px);
    -ms-zoom: 1.2;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease;
}

/** Advertisement Widget
---------------------------------------------------------- */
.widget_advertisement_125 {
    clear:left;
}
.sidepanel .widget_advertisement_125 {
	margin-left:10px;
}
.widget_advertisement_125 a {
    display:block;
    float:left;
    line-height:100%;
    margin:4px;
    overflow:hidden;
    font-size:0;
    height:125px;
}
.widget_advertisement_125 .adv-full img {
	 width:260px;
    height:150px;
}
.widget_advertisement_125 img {
    width:125px;
    height:125px;
}
.widget_advertisement_125 a:hover {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
}
.widget_advertisement_125 a:hover img {
    opacity: 0.8;
    -moz-opacity: 0.8;
}
.sidepanel .adver-wrap {
	margin-right:15px;
	margin-left:15px;
	overflow:hidden;
}

.widget_search input{
	height:22px;
}
/*slidershow widget*/
.widget-slider-list{
	overflow:hidden;
	display:block;
	background-color:transparent !important;
	margin-bottom:10px;
}
.widget-slider-list .thumbnail{
	border:1px solid #FFFFFF;
	display:block;
}
#sidebar .widget-slider-list{
	width:260px;
}
.widget-slider-list img{
	margin-bottom:5px;
}
.right_sidebar .widget-slider-list img{
	float:left;
	margin-right:10px;
}
.left_sidebar .widget-slider-list img{
	float:right;
	margin-left:10px;
}
.widget-slider-content{
	overflow:hidden;
}
#sidebar .widget-slider-content{
	margin-left: 20px;
	margin-right: 20px;
	width:260px;
}
.right_sidebar .widget-slider-title{
	float:left;
}
.left_sidebar .widget-slider-title{
	float:right;
}

.widget-slider-panel{
	position:relative;
	height:100%;
}
.widget-slider-control{
	position:absolute;
}
.right_sidebar .widget-slider-control{
	right:0px;
	bottom:25px;
}
.left_sidebar .widget-slider-control{
	left:0px;
	bottom:25px;
}
.widget-slider-item{
	white-space:pre-wrap;
	word-wrap:break-word;
	margin-bottom:10px;
	background:none;
}
.widget-slider-item h4{
	padding-top:0;
}
.widget-slider-back{
	cursor: pointer;
    display: inline-block;
    text-indent: -9999px;
	float:right;
	font-size:0;
	zoom:1;
}
#sidebar .widget-slider-back{
	height: 15px;
	width: 8px;
	background:url(../images/widget-back.png) no-repeat;
}
.widget-slider-divider{
	margin-right:5px;
	margin-left:5px;
	display: inline-block;
	font-size:0;
	float:right;
	zoom:1;
}
#sidebar .widget-slider-divider{
	width: 1px;
	height: 15px;
}
.widget-slider-forward{
	cursor: pointer;
	display: inline-block;
    text-indent: -9999px;
	float:right;
	font-size:0;
	zoom:1;
}
#sidebar .widget-slider-forward{
	height: 15px;
	 width: 8px;
	background:url(../images/widget-prev.png) no-repeat;
}
#footer-link-columns .widget-slider-divider{
	height:10px;
	width:1px;
}
#footer-link-columns .widget-slider-forward{
	height: 10px;
	width: 5px;
	background:url(../images/footer-slider.png) no-repeat scroll right bottom transparent;
}
#footer-link-columns .widget-slider-back{
	height: 10px;
	width: 5px;
	background:url("../images/footer-slider.png") no-repeat scroll left bottom transparent;
}
#footer-link-columns li.widget-slider-item{
	padding-left:3px;
	background:none !important;
}
#footer-link-columns .widget-slider-control{
	right:0;
	top:15px;
}
#footer-link-columns .widget-slider-list img{
	 float: left;
    margin-right: 10px;
}
.widget-slider-item a{
	cursor:pointer;
	 display: block;
	 background:none !important;
	 font-weight:bold;
	 padding-top:2px !important;
}
#footer-bottom .widget-slider-panel{
	display:none;
}

/* ======================================================= */
/*                          Video                          */
/* ======================================================= */
.video_frame {line-height:100%;}
.video-js-box { text-align: left; position: relative; vertical-align: bottom; } 

/* Video Element */
video.video-js { background-color: #000; position: relative; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 99; }
.video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.video-js-box.vjs-fullscreen ul.vjs-controls { z-index: 101; }

/* Poster Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color:#fff; font-size: 20px; text-align: center; bottom: 20px; left: 0; right: 0; position: absolute; z-index: 101; }

/* Controls Layout
	 Using a Holy Grail type method to allow the progress bar holder to expand into all available space,
	 but using abosolute positioning for individual controls. http://www.alistapart.com/articles/holygrail */
.video-js-box ul.vjs-controls {
	list-style: none; position: absolute; margin: 0; border: none; opacity: 0.85; color: #fff;
	display: none; 
	left: 0; right: 0; 
	height: 35px;
	padding-left: 35px; 
	padding-right: 165px;
	padding-top: 0; padding-bottom: 0;
}
/* Controls styles when below the video */
.video-js-box.vjs-controls-below ul.vjs-controls { background-color: #000; }

.video-js-box ul.vjs-controls > li { 
	position: absolute; list-style: none; float: left; padding: 0; text-align: center;
	height: 25px;
	margin: 5px 0 0 0; 

	background-color: #0B151A;
	background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
	background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;

	/* CSS Curved Corners */
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

	/* CSS Shadows */
	box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items */
ul.vjs-controls > li.vjs-play-control { width: 25px; left: 5px; }
ul.vjs-controls > li.vjs-progress-control { width: 100%; position: relative; }
ul.vjs-controls > li.vjs-time-control { width: 75px; right: 90px; }
ul.vjs-controls > li.vjs-volume-control	 { width: 50px; right: 35px; }
ul.vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 5px; }

/* Removing curves on progress control and time control to join them. */
ul.vjs-controls > li.vjs-progress-control {
	border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
	border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
ul.vjs-controls > li.vjs-time-control { 
	border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
li.vjs-play-control { cursor: pointer !important; }
li.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
li.vjs-play-control.vjs-play span {
	width: 0; height: 0; margin: 8px 0 0 8px;
	border-left: 10px solid #fff; 
	border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
li.vjs-play-control.vjs-pause span {
	width: 3px; height: 10px; margin: 8px auto 0;
	border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
ul.vjs-progress-holder { 
	position: relative; list-style: none; padding: 0; overflow:hidden; cursor: pointer !important;
	height: 9px; border: 1px solid #777;
	margin: 7px 1px 0 5px; 
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
ul.vjs-progress-holder li {
	position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; list-style: none;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
li.vjs-play-progress {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
	background: -moz-linear-gradient(top,	#fff,	#777);
}
li.vjs-load-progress {
	opacity: 0.8;
	background-color: #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
	background: -moz-linear-gradient(top,	#555,	#aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
ul.vjs-controls li.vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
ul.vjs-controls li.vjs-time-control span { line-height: 25px;  }

/* Volume
-------------------------------------------------------------------------------- */
li.vjs-volume-control { cursor: pointer !important; }
li.vjs-volume-control ul { list-style: none; display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
li.vjs-volume-control ul li { 
	list-style: none; float: left; padding: 0;
	margin: 0 2px 0 0;
	width: 5px; height: 0px; 
	border-bottom: 18px solid #555;
}
li.vjs-volume-control ul li.vjs-volume-level-on { border-color: #fff; }
li.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
li.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
li.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
li.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
li.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }
li.vjs-volume-control ul li:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
li.vjs-fullscreen-control { cursor: pointer !important; }
li.vjs-fullscreen-control ul {
	list-style: none; padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
	margin: 5px 0 0 5px;
	width: 20px; height: 20px;
}
li.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
li.vjs-fullscreen-control ul li:nth-child(1) { 
	margin-right: 3px;
	margin-bottom: 3px;
	border-top: 6px solid #fff; 
	border-right: 6px solid rgba(0,0,0,0);
}
li.vjs-fullscreen-control ul li:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
li.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
li.vjs-fullscreen-control ul li:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
	display: none; 
	position: absolute; top: 50%; left: 50%; width: 76px; height: 70px; margin: -35px 0 0 -38px; z-index: 102; text-align: center; vertical-align: center; cursor: pointer !important;
	border: 1px solid #ccc; opacity: 0.8;
	
	background-color: #0B151A;
	background: rgba(50,50,50,0.8);
}
div.vjs-big-play-button:hover {
	box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
	display: block; font-size: 0; line-height: 0;
	width: 0; height: 0;margin: 16px 0 0 21px;
	border-left: 40px solid #fff;
	border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Download Links - Used for browsers that don't support any video.
-------------------------------------------------------------------------------- */
.vjs-no-video { margin-top:10px; font-size: small; }


/* ======================================================= */
/*                         Gallery                         */
/* ======================================================= */
/* ======================================================= */
/*                    Gallery shortcode                    */
/* ======================================================= */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-image-wrap {
	overflow:hidden;
	position:relative;
    display: inline-block;
    line-height: 0;
    border: 4px solid #D7D7D7;
}

.gallery .gallery-image-wrap:hover {
    border: 4px solid #4F97CF;
}
.gallery .gallery-icon{
    display: inline-block;
    line-height: 0;
    padding: 10px;
}
.gallery .gallery-icon:hover {
    background-color:#C4E0F5;
    background-color:rgba(126,188,236, .2);
   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	/*max-width: 89%;*/
	height: auto;
	/*padding: 1%;*/
	display:inline-block;
	margin: 0 auto;
	width:100%;
}
.gallery-caption {
	margin-left: 0;
}

/* Image sizes depending on the number of columns */
.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33.33%; }
.gallery .col-4 { width: 25%; }
.gallery .col-5 { width: 20%; }
.gallery .col-6 { width: 16.66%; }
.gallery .col-7 { width: 14.28%; }
.gallery .col-8 { width: 12.5%; }
.gallery .col-9 { width: 11.11%; }
.gallery .col-10 { width: 10%; }
.gallery .col-11 { width: 9.09%; }
.gallery .col-12 { width: 8.33%; }
.gallery .col-13 { width: 7.69%; }
.gallery .col-14 { width: 7.14%; }
.gallery .col-15 { width: 6.66%; }
.gallery .col-16 { width: 6.25%; }
.gallery .col-17 { width: 5.88%; }
.gallery .col-18 { width: 5.55%; }
.gallery .col-19 { width: 5.26%; }
.gallery .col-20 { width: 5%; }
.gallery .col-21 { width: 4.76%; }
.gallery .col-22 { width: 4.54%; }
.gallery .col-23 { width: 4.34%; }
.gallery .col-24 { width: 4.16%; }
.gallery .col-25 { width: 4%; }
.gallery .col-26 { width: 3.84%; }
.gallery .col-27 { width: 3.7%; }
.gallery .col-28 { width: 3.57%; }
.gallery .col-29 { width: 3.44%; }
.gallery .col-30 { width: 3.33%; }

/* ======================================================= */
/*                     Enhance Styles                      */
/* ======================================================= */

.blockquote{
    margin: 0 5px 0 10px;
    overflow:hidden;
}

.main blockquote {
    position:relative;
    font-style: italic;
    line-height:22px;
    /*background: #e1e1e1 url(../images/quotes.png) no-repeat top left;*/
    background-color:#e1e1e1;
    /*background-position: 15px 20px;*/
    color:#595959;
    margin:5px 0px;
    padding: 15px 15px 25px 20px;
    display:block;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
    white-space: normal;
    word-wrap: break-word;
    
}

.alignright blockquote,.alignleft blockquote{
    margin:10px 20px 0 0;
}

.oval-speech-before {
	position:absolute;
	bottom: -15px;
    height: 26px;
    left: 40%;
	width:60px;
	/*border-left:60px solid #e1e1e1;*/
	background:#e1e1e1; /* need this for webkit - bug in handling of border-radius */

	/* css3 */
	-moz-border-radius-bottomleft:80px 50px;
	-webkit-border-bottom-left-radius:80px 50px;
	border-bottom-left-radius:80px 50px;

}

/* creates part of the curved pointy bit */
.oval-speech-after {
	bottom: -15px;
    height: 15px;
    left: 40%;
    width: 42px;
	position:absolute;
	background:none repeat scroll 0 0 #ffffff;

	/* css3 */
	-moz-border-radius-bottomleft:40px 50px; 
	-webkit-border-bottom-left-radius:40px 50px; 
	border-bottom-left-radius:40px 50px; 
	/* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
	-moz-transform:translate(30px, 0px);
	-webkit-transform:translate(30px, 0px);
	-o-transform:translate(30px, 0px);
	transform:translate(30px, 0px);
     
}

.main .blockquote-name {
    font-weight:bold;
    display:block;
    float:right;
    margin: 10px 5px 5px 0;
    white-space: normal;
    width: 40%;
    word-wrap: break-word;
   
   
}
cufon {	overflow:hidden;}


