/*

Theme Name: Portalul vrajitoarelor si tamaduitoarelor din Europa HTML

Theme URI: http://www.google.com

Author: elemis

Author URI: http://www.google.com

Version: 1.0

*/



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

/*	RESET

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



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent

}

body {

	line-height:1

}

ol, ul {

	list-style:none

}

blockquote, q {

	quotes:none

}

blockquote:before, blockquote:after, q:before, q:after {

	content:'';

	content:none

}

:focus {

	outline:0

}

ins {

	text-decoration:none

}

del {

	text-decoration:line-through

}

table {

	border-collapse:collapse;

	border-spacing:0

}

.clear {

	clear:both;

	display:block;

	overflow:hidden;

	visibility:hidden;

	width:0;

	height:0

}

.clearfix:after {

	clear:both;

	content:' ';

	display:block;

	font-size:0;

	line-height:0;

	visibility:hidden;

	width:0;

	height:0

}

.clearfix {

	display:inline-block

}

* html .clearfix {

	height:1%

}

.clearfix {

	display:block

}

th, td {

	margin:0;

	padding:0

}

table {

	border-collapse:collapse;

	border-spacing:0

}

.clear {

	clear: both;

}

br {

	line-height: 10px;

}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {

 border : 0px;

}

input[type="submit"]:focus, input[type="button"]:focus {

	outline : none;

}

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

/*	GENERAL

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



body {

	background: #1a1a1a;

	color: #FEFCFF;

	font-family: 'PTSansRegular';

	font-size: 14px;

}

p {

	font-size: 26px;

	line-height: 27px;

}

a {

	color: #4d87ab;

	text-decoration: none;

	-webkit-transition:all 200ms ease-in;

	-moz-transition:all 200ms ease-in;

}

a:hover {

	color: #d3573e;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Museo500';

	color: #4d87ab;

	font-weight: normal;

	padding-bottom: 12px;

}

h1 {

	font-size: 22px;

	line-height: 26px;

}

h2 {

	font-size: 27px;

	line-height: 28px;

}

h3 {

	font-size: 18px;

	line-height: 22px;

}

h4 {

	font-size: 18px;

	line-height: 20px;

}

h5 {

	font-size: 14px;

	line-height: 20px;

}

h6 {

	font-size: 12px;

	line-height: 18px;

}

.caps {

	text-transform: uppercase;

}

ul {

	font-family: 'CharisSILItalic';

	line-height: 20px;

	font-size: 14px;

}

ul li {

	background: transparent url(../style/images/bullet.png) center left no-repeat;

	padding-left: 15px;

}

ol {

	font-family: 'CharisSILItalic';

	font-size: 14px;

	list-style: decimal;

	list-style-position: inside;

	line-height: 20px;

}

ol li {

	padding: 0;

	margin: 0;

}

.intro {

	font-family: 'CharisSILItalic';

	font-size: 21px;

	line-height: 31px;

	text-align: center;

	margin-bottom: -2px;

}

blockquote {

	font-family: 'CharisSILItalic';

	font-size: 18px;

	font-weight: normal;

	line-height: 25px;

	padding-left: 30px;

	background: transparent url(../style/images/art/quote.png) no-repeat left 7px;

}

.hr2 {

	border-top: 3px solid #454545;

	height: 4px;

	border-bottom: 1px solid #454545;

	margin: 36px 0;

}

.hr1 {

	height: 0;

	border-bottom: 1px solid #454545;

	margin: 36px 0;

}

.center {

	text-align: center;

	display: block;

	margin: 0 auto;

}

p .center {

	text-align: center;

	display: block;

	margin: 0 auto 10px;

}

img {

	display: block;

}

img.left {

	float: left;

	margin: 10px 10px 5px 0;

}

img.right {

	float: right;

	margin: 10px 0 5px 10px;

}

.lite1 {

	color: #4d87ab;

}

.lite2 {

	border-bottom: 1px dotted #4d87ab;

}

a.button {

	background: #5499c3 url(../style/images/button.png) repeat-x;

	border: none;

	height: 15px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font-family: 'CharisSILItalic';

	font-size: 14px;

	padding: 6px 15px 6px 15px;

	margin: 10px 0;

	display: inline-block;

	-webkit-transition:all 200ms ease-in;

	-o-transition:all 200ms ease-in;

	-moz-transition:all 200ms ease-in;

}

/* Webkit Fix */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

a.button {padding: 5px 15px 7px 15px;}

}



/* Opera Fix */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

	a.button {padding: 5px 15px 7px 15px;}



}



a.button.blue {

	background-color: #5499c3;

}



a.button.green {

	background-color: #4dab96;

}



a.button.lime {

	background-color: #92ab4d;

}



a.button.red {

	background-color: #ab4d63;

}



a.button.purple {

	background-color: #8d4dab;

}



a.button.blue:hover {

	color: #fff;

	background-color: #ab4d63;

}



a.button.green:hover {

	color: #fff;

	background-color: #ab4d63;

}



a.button.lime:hover {

	color: #fff;

	background-color: #ab4d63;

}



a.button.red:hover {

	color: #fff;

	background-color: #4d87ab;

}



a.button.purple:hover {

	color: #fff;

	background-color: #4dab96;

}



.buttons .button {

	margin-right: 10px;

}



.dropcap {

	display:block;

	float:left;

	font-size:45px;

	padding:0;

	margin: 0;

	margin:10px 8px 3px 0;

	font-family: 'Museo500';

}

pre {

	margin: 5px 0px 40px 0px;

	padding: 0 10px 0px 10px;

	display: block;

	clear: both;

	background: url(../style/images/codebg.jpg) repeat;

	line-height: 20px;

	font-size: 12px;

	border: 1px solid #cfcfcf;

}

.download-box, .warning-box, .info-box, .note-box {

	clear:both;

	margin: 10px 0px;

	text-shadow: none;

	padding: 15px 15px 13px 15px;

	line-height: 17px;

}

.info-box {

	background:#c2ddf9;

	border:1px solid #80bbef;

	color:#4783b7;

}

.warning-box {

	background:#ffcccc;

	border:1px solid #ff9999;

	color:#c31b00;

}

.download-box {

	background:#d1f7b6;

	border:1px solid #8bca61;

	color:#5e9537;

}

.note-box {

	background:#fdebae;

	border:1px solid #e6c555;

	color:#9e660d;

}



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

/*	LAYOUT

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



#wrapper {

	width: 960px;

	margin: 0 auto;

}

#header {

	padding: 30px 0 25px 0;

	display: block;

	overflow: hidden;

	position: relative;

}

.logo {

	float: left;

}

.social {

	float: right;

	position: absolute;

	bottom: 25px;

	right: 0;

}

.social ul li {

	float: left;

	margin-left: 1px;

	background: none;

	padding: 0;

}

#container {

	width: 900px;

	margin: 20px auto;

	padding: 30px;

	overflow: hidden;

	background-color: #;

	position: relative;

	-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

}

#copyright {

	width: 900px;

	margin: 20px auto;

	padding: 17px 30px 13px;

	background-color: ;

	-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

}

#copyright p {

	font-size: 16px;

	text-align: center;

}

#footer {

	padding: 40px 0 0 0;

	overflow: hidden;

}

#footer h3 {

	margin-bottom: 5px;

}

.footer-top {

	border-top: 3px solid #454545;

	height: 4px;

	border-bottom: 1px solid #454545;

	margin: 0 0 36px 0;

}

ul.latest-posts {

	margin-bottom: -15px;

	overflow: hidden;

	padding-left: 2px;

}

ul.latest-posts li {

	padding: 0;

	background: none;

	font-family: 'PTSansRegular';

	font-style: normal;

	font-size: 14px;

	padding-top: 10px;

	margin-bottom: 10px;

	border-top: 1px dashed #454545;

}

ul.latest-posts li a {

	color: #4d4d4d;

}

ul.latest-posts li a:hover {

	color: #d3573e;

}

ul.latest-posts li:first-child {

	padding: 0;

	border: none;

}

ul.latest-posts li span.date {

	float: left;

	font-family: 'CharisSILItalic';

	padding-right: 15px;

	padding-top: 2px;

	text-align: center;

	color: #3d3d3d;

	font-style: normal;

}

ul.latest-posts li em.day {

	font-size: 25px;

	font-style: normal;

}

ul.latest-posts li em.month {

	font-size: 13px;

	text-transform: uppercase;

	display: block;

	line-height: 8px;

	margin-top: 1px;

	font-style: normal;

}

ul.flickr {

	margin-right: -40px;

	margin-bottom: -20px;

	overflow: hidden;

	display: block;

	padding: 0;

}

ul.flickr li {

	padding: 0;

	background: none;

	display: inline-block;

	background-color: #fff;

	padding: 0;

	margin: 0 8px 8px 0;

}

ul.flickr li img {

	width: 58px;

	height: 58px;

	padding: 0;

}

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

/*	MENU

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



.menu {

	font-family: 'Arial';

	list-style: none;

	font-weight: normal;

	width: 960px;

	padding: 0;

	background: #FF0000;

	-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);

	z-index: 1000;

	position: relative;

}

.menu ul {

	margin: 0;

	list-style-type: none;

	font-family: 'CharisSILItalic';

	font-style: normal;

	letter-spacing: normal;

}

.menu ul li {

	position: relative;

	display: inline;

	float: left;

	padding: 0;

	background: none;

}

.menu ul li a {

	display: block;

	padding: 20px 40px;

	text-decoration: none;

	display:block;

	line-height: 1;

	border-right: 0px solid #b4b4b4;

	font-size: 22px;

}



/* Webkit Fix */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

.menu ul li a {padding: 21px 40px 15px;}

}



* html .menu ul li a {

	display: inline-block;

}

.menu ul li a:link, .menu ul li a:visited {

	color: #FFFFFF;

}

.menu ul li a.active {

	color: #4d87ab;

}

.menu ul li a.selected {

	background: #fff;

	color: #4d87ab;

}

.menu ul li a:hover {

	background: #fff;

	color: #4d87ab;

}

.menu ul li ul {

	position: absolute;

	left: 0;

	display: none;

	visibility: hidden;

	width: 180px;

	padding: 0;

}

.menu ul li ul li {

	display: list-item;

	float: none;

	padding: 0 17px;

	background-color: #fff;

}

.menu ul li ul li:first-child a {

	border: none;

}

.menu ul li ul li ul {

	top: 0;

}

.menu ul li ul li a {

	margin: 0;

	border: none;

	padding: 17px 0;

	line-height: 1;

	border-top: 1px solid #b4b4b4;

	font-size: 12px;

}

* html .menu {

	height: 1%;

}

.quote {

	clear: both;

	overflow: hidden;

	margin-bottom: 25px;

}

.quote blockquote {

	background: #FFF url(../style/images/art/quote.png) no-repeat 15px 15px;

	padding: 15px 15px 15px 40px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-bottom: 10px;

	border:1px solid #dedede;

}

.quote span {

	float: right;

}

.quote em {

	font-family: 'CharisSILItalic';

	font-style: normal;

}

#piecemaker {

	margin-top: -30px;

}

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

/*	SHOWCASE

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



#awOnePageButton .view-slide {

	display: none;

}

.showcase-load {

	height: 470px; /* Same as showcase javascript option */

	overflow: hidden;

}



.showcase-onepage {

/**/

}

.showcase {

	position: relative;

	margin: 0 auto 33px auto;

	height: 426px;

}

.showcase-content-container {

	background-color: #000;

}

.showcase-arrow-previous, .showcase-arrow-next {

	position: absolute;

	top: 50%;

	margin-top: -9px;

	background: url('../style/images/arrows.png');

	width: 25px;

	height: 25px;

	cursor: pointer;

}

.showcase-arrow-previous {

	background-position: 0 0;

}

.showcase-arrow-previous:hover {

	background-position: 0 -25px;

}

.showcase-arrow-next {

	background-position: 25px 0;

}

.showcase-arrow-next:hover {

	background-position: -25px -25px;

}

.showcase-content {

	background-color: #000;

	text-align: center;

}

.showcase-content-wrapper {

	text-align: center;

	height: 400px;

	width: 900px;

	display: table-cell;

	vertical-align: middle;

}

.showcase-plus-anchor {

	background-image: url('../style/images/plus.html');

	background-repeat: no-repeat;

}

.showcase-plus-anchor:hover {

	background-position: -32px 0;

}

div.showcase-tooltip {

	background-color: #fff;

	color: #000;

	text-align: left;

	padding: 5px 8px;

	background-image: url(../style/images/white-opacity-80.png);

}

.showcase-caption {

	color: #000;

	padding: 9px 15px 7px 15px;

	text-align: left;

	position: absolute;

	bottom: 10px;

	left: 10px;

	display: none;

	width: auto;

	background-image: url(../style/images/white-opacity-80.png);

}

.showcase-onepage .showcase-content {

	margin-bottom: 10px;

}

.showcase-button-wrapper {

	clear: both;

	margin-top: 15px;

	text-align: center;

	position: relative;

	margin-right:-7px;

}

.showcase-button-wrapper span {

	cursor: pointer;

	margin: 3px 7px 0 0;

	width: 12px;

	height: 12px;

	text-indent: -99999px;

	display: inline-block;

	background: url('../style/images/navs.png');

}

.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active {

	background-position: 0 -12px;

}

.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ {

	background-color: #000;

}

.showcase-thumbnail-wrapper {

	overflow: hidden;

}

.showcase-thumbnail {

	width: 120px;

	height: 90px;

	cursor: pointer;

	border: solid 1px #333;

	position: relative;

}

.showcase-thumbnail-caption {

	position: absolute;

	bottom: 2px;

	padding-left: 10px;

	padding-bottom: 5px;

}

.showcase-thumbnail-content {

	padding: 10px;

	text-align: center;

	padding-top: 25px;

}

.showcase-thumbnail-cover {

	background-image: url(../style/images/black-opacity-40.html);

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}

.showcase-thumbnail:hover {

	border: solid 1px #999;

}

.showcase-thumbnail:hover .showcase-thumbnail-cover {

	display: none;

}

.showcase-thumbnail.active {

	border: solid 1px #999;

}

.showcase-thumbnail.active .showcase-thumbnail-cover {

	display: none;

}

.showcase-thumbnail-wrapper-horizontal {

	padding: 10px;

}

.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {

	margin-right: 10px;

	width: 116px;

}

.showcase-thumbnail-wrapper-vertical {

	padding: 10px;

}

.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {

	margin-bottom: 10px;

}

.showcase-thumbnail-button-backward,  .showcase-thumbnail-button-forward {

	padding: 7px;

	cursor: pointer;

}

.showcase-thumbnail-button-backward {

	padding-bottom: 0px;

	padding-right: 0px;

}

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {

	background-image: url(../style/images/arrows-small.html);

	background-repeat: no-repeat;

	display: block;

	width: 17px;

	height: 17px;

}

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {

	background-position: 0 -51px;

	margin-left: 55px;

}

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {

	background-position: -17px -51px;

}

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {

	background-position: 0 -34px;

	margin-left: 55px;

}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {

	background-position: -17px -34px;

}

.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {

	background-position: 0 -17px;

	margin-top: 40px;

	margin-bottom: 40px;

}

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {

	background-position: -17px -17px;

}

.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {

	background-position: 0 0;

	margin-top: 40px;

	margin-bottom: 40px;

}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {

	background-position: -17px 0;

}

/* Hide button text */

.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {

	display: none;

}

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

/*	COLUMNS

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



.one-half {

	width:48%;

}

.one-third {

	width:30.66%;

}

.two-third {

	width:65.33%;

}

.one-fourth {

	width:22%;

}

.three-fourth {

	width:74%;

}

.one-fifth {

	width:16.8%;

}

.two-fifth {

	width:37.6%;

}

.three-fifth {

	width:58.4%;

}

.four-fifth {

	width:67.2%;

}

.one-sixth {

	width:13.33%;

}

.five-sixth {

	width:82.67%;

}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {

	position:relative;

	margin-right:4%;

	float:left;

}

.last {

	margin-right:0 !important;

	clear:right;

}

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

/*	CAROUSEL

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

.carousel {

	height: 130px;

	padding-top: 5px;

}

.carousel ul li {

	background: none;

	width: 164px;

	margin-right: 20px;

	padding: 0;

}

.jcarousel-direction-rtl {

	direction: rtl;

}

.carousel .jcarousel-container {

	display: block;

	overflow: hidden;

}

.carousel .jcarousel-item {

	width: 164px;

	height: 130px;

}

.carousel .jcarousel-item img {

	padding: 0;

}

.carousel .jcarousel-container {

	display: block;

	overflow: hidden;

	height: 164px;

}

.carousel .jcarousel-clip-horizontal {

	width:  900px;

	height: 130px;

	overflow: hidden;

	display: block;

}

.carousel .jcarousel-item {

	width: 164px;

	height: 130px;

}

#carousel-scroll {

	float: right;

	margin-top: -42px;

}

#prev, #next {

	background: transparent url(../style/images/car-arrow.png) no-repeat;

	width: 21px;

	height: 21px;

	text-indent: -99999px;

	display: block;

	-webkit-transition:none;

	-o-transition:none;

	-moz-transition:none;

}

#prev {

	background-position: top left;

	float: left;

}

#next {

	background-position: top right;

	float: right;

	margin-left: 6px;

}

#prev:hover {

	background-position: bottom left;

}

#next:hover {

	background-position: bottom right;

}

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

/*	TWITTER

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



#twitter-wrapper {

	float: none;

	clear: both;

	position: relative;

	overflow: hidden;

	padding-bottom: 25px;

}

#twitter {

	font-size:11px;

}

#twitter em {

	font-style: normal;

}

#twitter ul {

	padding: 0;

	margin: -5px 0 0 0;

}

#twitter ul li {

	background-position: 0 6px;

	padding: 0 0 10px 12px;

	margin-top: 10px;

	border-bottom: 1px dashed #454545;

}

#twitter ul li:first-child {

	margin-top: 0;

}

.username {

	clear: both;

	position: absolute;

	padding: 15px 0 0 0;

	bottom:0;

	font-size: 12px;

	line-height: 20px;

}

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

/*	FORMS

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



.form-container {

	position: relative;

	width: 800px;

}

.form-container .loading {

	position: absolute;

	top: 0;

	left: 0;

	width: 400px;

	height: 400px;

}

.form-container .loading span {

}

.form-container .response {

	display: none;

	margin: 15px 0 0 80px;

	background:#d1f7b6;

	border:1px solid #8bca61;

	color:#5e9537;

	clear:both;

	text-shadow: none;

	padding: 15px 15px 13px 15px;

	line-height: 17px;

	width: 370px;

}

.forms {

}

.forms fieldset {

	font-family: 'PTSansRegular';

	font-size: 14px;

}

.forms ol {

	list-style: none;

}

/* form rows */

.forms li.form-row {

	margin-bottom: 20px;

}

.forms li.text-input-row {

}

.forms li.text-area-row {

}

.forms li.checkbox-row {

}

.forms li.radio-row {

}

.forms li.select-row {

}

.forms li.button-row {

}

.forms li.hidden-row {

	display: none;

}

/* form input fields */



.forms fieldset .text-input {

	background-color: #fff;

	border:1px solid #dedede;

	width: 380px;

	height: 30px;

	padding: 0 10px;

	color: #4d4d4d;

	font-family: 'PTSansRegular';

	font-size: 13px;

	display: inline;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.forms fieldset .password {

}

.forms fieldset .text-area {

	background-color: #fff;

	border:1px solid #dedede;

	width: 380px;

	height: 140px;

	resize: none;

	color: #4d4d4d;

	font-family: 'PTSansRegular';

	font-size: 13px;

	padding: 5px 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.forms fieldset .radio {

}

.forms fieldset .checkbox {

}

.forms fieldset .select {

}

.forms fieldset .btn-submit {

	background: #5499c3 url(../style/images/button.png) repeat-x;

	border: none;

	height: 27px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #e2e2e2;

	font-family: 'CharisSILItalic';

	font-size: 14px;

	padding: 0 20px 1px 20px;

	cursor: pointer;

	margin-left: 80px;

}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

	.forms fieldset .btn-submit {padding: 0 20px 2px 20px;}



}

.forms li.error input, .forms li.error textarea {

	border: 1px #c43131 solid;

}

.forms span.error {

	display: none;

}

.forms .button-row span.error {

	padding: 0;

	display: none;

}

.forms li.focus {

}

.forms label {

	display: block;

	float: left;

	width: 80px;

	padding-top: 5px;

	font-family: 'PTSansRegular';

	font-size: 13px;

}

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

/*	FOOTER FORMS

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



#footer .form-container {

	position: relative;

	width: 197px;

}

#footer .forms li.form-row {

	margin-bottom: 10px;

}

#footer .form-container .loading {

	width: 130px;

	height: 400px;

}

#footer .forms fieldset .text-input {

	width: 130px;

	height: 30px;

}



#footer .forms fieldset .text-area {

	width: 175px;

	height: 120px;

}

#footer .forms fieldset .btn-submit {

	background: #5499c3 url(../style/images/button.png) repeat-x;

	border: none;

	height: 27px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #e2e2e2;

	font-family: 'CharisSILItalic';

	font-size: 14px;

	padding: 0 20px 1px 20px;

	cursor: pointer;

	margin-left: 0;

}



/* Opera Fix */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

	#footer .forms fieldset .btn-submit {padding: 0 20px 2px 20px;}



}

#footer .forms span.error {

	display: none;

}

#footer .forms label {

	display: block;

	float: right;

	width: 40px;

	text-align: right;

	padding-top: 10px;

	font-family: 'PTSansRegular';

	font-size: 13px;

}

#footer .form-container .response {

	display: none;

	margin: 15px 0 0 0;

	background:#d1f7b6;

	border:1px solid #8bca61;

	color:#5e9537;

	clear:both;

	text-shadow: none;

	padding: 10px 10px 8px 10px;

	line-height: 17px;

	width: 173px;

	font-size: 12px;

}



/* Opera Fix */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

#footer .form-container .loading {

	width: 110px;

	height: 400px;

}

#footer .forms fieldset .text-input {

	width: 110px;

	height: 30px;

}

#footer .forms label {

	padding-top:6px;

}

}



/* Webkit Fix */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

#footer .forms label {

	padding-top:6px;

}

}



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

/*	PORTFOLIO

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



.items {

	width: 930px;

}

.box {

	padding: 0;

	float: left;

}

.col5 {

	width: 164px;

	margin: 0 20px 20px 0;

}

.col4 {

	width: 210px;

	margin: 0 20px 20px 0;

}

.col3 {

	width: 288px;

	margin: 0 21px 21px 0;

}

.col5 img {

	max-width: 164px;

}

.col4 img {

	max-width: 210px;

}

.col3 img {

	max-width: 288px;

}

.box h4 {

	padding:10px 0 0;

	font-family: 'CharisSILItalic';

}

.box p {

	padding: 0;

	font-family: 'CharisSILItalic';

}

#filtering-nav {

	letter-spacing: normal;

	margin: 30px 0 30px 0;

	padding: 10px 0 9px 0;

	border-top:1px solid #b4b4b4;

	border-bottom:1px solid #b4b4b4;

}

#filtering-nav li {

	list-style: none;

	float: left;

	background: none;

	padding: 0 20px 0 0;

	font-style: normal;

	font-family: 'Museo500';

	text-transform: uppercase;

	font-size: 13px;

}

#filtering-nav li.active a {

	color: #d3573e;

}

.items:after, #filtering-nav:after {

	content: '';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

#portfolio .items, #gallery .items {

	opacity: 0;

}

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

/*	PORTFOLIO HOVER

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



.box a, .carousel ul li {

	display: block;

	position: relative;

}

.box a img, .carousel ul li img {

	display: block;

	position: relative;

}

.play, .zoom, .details {

	position: absolute;

	background: transparent url(../style/images/icon-play.png) no-repeat center center;

}

.zoom {

	background-image: url(../style/images/icon-zoom.png);

}

.details {

	background-image: url(../style/images/icon-more.png);

}

.box a span, .carousel ul li a span {

	display: none;

	height: 100%;

	position: absolute;

	text-align: center;

	text-decoration: none;

	width: 100%;

	z-index: 100;

}

.overlay {

	background-color: rgba(15, 15, 15, 0.4);

}

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

/*	GALLERY

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



#gallery {

	margin-top: 40px;

}

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

/*	BLOG

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



.blog {

}

.content {

	width: 595px;

	float: left;

}

.post {

	padding-bottom: 45px;

	margin-bottom: 45px;

	border-bottom: 1px solid #454545;

}

.blog-post .post {

	border: none;

	padding: 0;

	margin: 0;

}

.sidebar {

	width: 265px;

	float: right;

}

.sidebar:after {

	content: '';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.post-info {

	padding-bottom: 22px;

}

.post-date {

	width: 115px;

	padding-right: 15px;

	border-right: 1px solid #454545;

	float: left;

	font-family: 'CharisSILItalic';

}

.post-date .day {

	font-size: 52px;

	float: left;

	padding-right: 10px;

	line-height: 42px;

}

.post-date .month {

	display: block;

	font-size: 20px;

	text-transform: uppercase;

}

.post-date .year {

	display: block;

	font-size: 18px;

	line-height: 15px;

	padding-top: 7px;

}

.post-title {

	width: 435px;

	float: right;

}

.post-title h1 {

	padding: 0 0 7px 0;

	margin-top: -3px;

}

.post-info:after {

	content: '';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.post iframe {

	margin-bottom:10px;

}

.post-meta {

	font-family: 'CharisSILItalic';

	font-size: 12px;

	height: 13px;

	display: block;

}

.comments {

	background: transparent url(../style/images/icon-comment.png) no-repeat left center;

	padding-left: 26px;

	margin-right: 10px;

	padding-right: 10px;

}

.categories {

	background: transparent url(../style/images/icon-category.png) no-repeat left center;

	padding-left: 22px;

}

.tags {

	background: transparent url(../style/images/icon-tag.png) no-repeat left center;

	padding-left: 30px;

	margin-top: 10px;

	padding-top: 5px;

	display: block;

	font-family: 'CharisSILItalic';

	font-size: 12px;

	height: 16px;

}

.post-meta a, .tags a {

	color: #4d4d4d;

}

.post-meta a:hover, .tags a:hover {

	color: #d3573e;

}

a.more {

	font-family: 'CharisSILItalic';

	cursor: pointer;

}

.page-navi {

	margin: -35px 0 0 0;

}

.page-navi p {

	float: left;

	padding: 3px 20px 0 0;

	border-right: solid 1px #454545;

	margin-right: 20px;

	font-size: 12px;

}

.page-navi ul {

	list-style: none;

}

.page-navi ul li {

	display: inline;

	background: none;

	padding: 0;

	font-family: 'PTSansRegular';

}

.page-navi ul li a {

	float: left;

	font-size: 12px;

	display: block;

	font-style: normal;

	line-height: 1;

	text-align: center;

	padding: 6px 8px 4px 8px;

	margin-right: 7px;

	color: #4d4d4d;

	border: 1px solid transparent;

	-webkit-transition:none;

	-o-transition:none;

	-moz-transition:none;

}

.page-navi ul li a:hover, .page-navi ul li a.current {

	text-decoration: none;

	background-color: #fff;

	border:1px solid #dedede;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.sidebar-box {

	margin-bottom: 50px;

}

.searchform input {

	background-color: #fff;

	border:1px solid #dedede;

	color: #4d4d4d;

	width: 245px;

	padding: 5px 10px;

	height: 24px;

	font-size: 13px;

	font-family: 'CharisSILItalic';

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background: #FFF url(../style/images/search.png) 240px center no-repeat;

}

.tag-list ul li {

	background: none;

	padding: 0;

	display: inline-block;

	background-color: #fff;

	border:1px solid #dedede;

	margin: 0 3px 8px 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.tag-list ul li a {

	padding: 3px 10px;

	margin: 0;

	color: #4d4d4d;

	display: block;

	text-transform: lowercase;

}



.tag-list ul li a:hover {

	color: #d3573e;

}

.cat-list ul li {

	background: none;

	padding: 0;

	display: block;

	background-color: #fff;

	border:1px solid #dedede;

	margin: 0 0 8px 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.cat-list ul li span {

	float: right;

}

.cat-list ul li a {

	padding: 3px 10px;

	margin: 0;

	color: #4d4d4d;

	display: block;

	text-transform: capitalize;

}

.cat-list ul li a:hover {

	color: #d3573e;

}

ul.ads {

	width: 280px;

	margin-right: -15px;

}

ul.ads li {

	float: left;

	background: none;

	padding: 0;

	margin: 0 15px 15px 0;

}



/* Webkit Fix */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

.tag-list ul li a {

	padding: 2px 10px 4px;

}

.cat-list ul li a {

	padding: 2px 10px 4px;

}

}



/* Opera Fix */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

.tag-list ul li a {

	padding: 2px 10px 4px;

}

.cat-list ul li a {

	padding: 2px 10px 4px;

}

}



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

/*	SERVICES

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



.service {

	background: transparent url(../style/images/circle.png) no-repeat;

	width: 100px;

	height: 100px;

	display: block;

}

.service img {

	vertical-align: middle;

}

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

/*	18.	TOGGLE

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



.toggle {

	width: 100%;

	padding-bottom: 20px;

	clear:both;

}

.toggle-wrapper {

	padding-bottom:5px;

}

h2.trigger {

	width: 550px;

	clear:both;

	font-size: 15px;

	margin:0px;

	display: block;

	cursor: pointer;

	background-color: #FFF;

	padding: 10px 20px;

	color: #4d4d4d;

	border: 1px solid #dedede;

	-webkit-transition:all 200ms ease-in;

	-o-transition:all 200ms ease-in;

	-moz-transition:all 200ms ease-in;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

h2.trigger.active {

	color: #4d87ab;

}

h2.trigger:hover {

	color: #4d87ab;

}

.togglebox {

	width:590px;

	height: auto;

	background-color: #FFF;

	overflow: hidden;

	margin: 10px 0;

	border: 1px solid #dedede;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.togglebox div {

	padding: 20px;

}

.togglebox p {

	line-height: 22px;

}

.togglebox p {

	line-height: 22px;

}

.tabbed-content {

	width: 100%;

	overflow: hidden;

	margin-bottom: 20px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

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

/*	TABS

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



ul.tabs {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	width: 100%;

	color: #4d4d4d;

}

ul.tabs li {

	float: left;

	position: relative;

	list-style: none;

	margin-right: 10px;

	background: none;

	padding: 0;

	font-family: 'Museo500';

}

ul.tabs li a {

	display: block;

	position: relative;

	padding: 8px 10px 8px;

	line-height: 1;

	text-align: center;

	font-weight: normal;

	cursor: pointer;

	color: #4d4d4d;

	text-shadow: none;

	border: 1px solid #dedede;

	background-color: #FFF;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition:none;

	-moz-transition:none;

}

ul.tabs li a:hover {

	text-shadow: none;

	text-decoration: none;

	color: #FFF;

}

ul.tabs li a {

	float: left;

}

ul.tabs li a:hover {

	text-decoration: none;

	color: #4d87ab;

}

ul.tabs li.active a {

	border: 1px solid #4d87ab;

	color: #fff;

	background-color: #4d87ab;

}

.tab_container {

	border-top: none;

	clear: both;

	float: left;

	width: 99%;

	border: 1px solid #dedede;

	background: #FFF;

	margin-top: 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.tab_content {

	padding: 15px 15px 15px 15px;

}

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

/*	TABLE

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



table {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 20px;

	background-color: ;

	color: #6e6e6e;

	border-bottom:1px solid #dedede;

}

table td {

	padding: 8px 10px;

	border-right:1px solid #dedede;

}

table td:hover {

	background-color: #f2f2f2;

}

table th h4 {

	margin:0;

}

table th {

	padding: 10px;

	text-align: left;

	border-right:1px solid #dedede;

	font-weight: normal;

}

table td.center {

	text-align: center;

}

table td.last {

	background: none;

}

table th.center {

	text-align: center;

}

table th.last {

	background: none;

}

table tr {

	border-left:1px solid #dedede;

	border-top:1px solid #dedede;

}

table tr.caption {

	border-left:1px solid #dedede;

}

table.price td {

	text-align: center;

}

table.price td.left {

	text-align: left;

	font-weight: bold;

}

table.price td.right {

	text-align: right;

	font-weight: bold;

}

table.price td h4 {

	margin:0;

}

table.price td h4 span {

	display: block;

	font-size: 14px;

	font-family: 'CharisSILItalic';

	font-style: normal;

	color: #6e6e6e;

}

table.price td h4 sup {

	padding-left: 3px;

	line-height: 18px;

	font-family: 'CharisSILItalic';

	font-style: normal;

}

.check-icon {

	background: transparent url(../style/images/check-table.png) no-repeat center left;

	width: 12px;

	height: 10px;

}

.cross {

	background: transparent url(../style/images/cross.png) no-repeat center left;

	width: 10px;

	height: 10px;

}

table .check-icon {

	display: inline-block;

	text-align: center;

}

table span.cross {

	display: inline-block;

	text-align: center;

}

.scanlines {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 2;

	background: url('../style/images/tile.png');

}

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

/* COMMENTS

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



#comments {

	width: 590px;

}

.full-width #comments {

	width: 900px;

}

ol.commentlist .message p {

	font-style: normal;

	clear: both;

	padding: 0;

}

ol.commentlist {

	list-style:none;

	margin:0;

}

ol.commentlist li {

	margin: 0;

	list-style:none;

	background: none;

	padding: 25px 0 26px 0;

	border-bottom: 1px solid #454545;

	font-family: 'PTSansRegular';

}

#comments .user {

	float:left;

	width:60px;

}

.avatar {

	width: 60px;

	height: 60px;

	float:left;

	display:block;

}

#comments .message .info .date {

	float:left;

	font-size: 11px;

	margin-left: 10px;

}

#comments .info a {

	font-size:11px;

	float:left;

	text-decoration: none;

}

#comments a.reply-link {

	display:block;

	margin-left: 10px;

	float:right;

	text-decoration:none;

	font-size:9px;

	text-transform: uppercase;

	font-style: normal;

}

#comments .message {

	background:none;

	width:510px;

	float:right;

	font-size:13px;

	line-height:20px;

	position:relative;

	padding:0;

	margin: 0;

}

.full-width #comments .message {

	width:820px;

}

#comments .info {

	margin: 0 0 3px 0;

}

#comments ul.children {

	margin:0;

	padding:0 0 0 40px;

}

#comments ol.commentlist ul.children li {

	padding:25px 0 0 0;

	margin: 0;

	margin-top: 25px;

	border: none;

	border-top: 1px solid #454545;

}

#comments ol.commentlist ul.children li .message {

	width:470px;

}

#comments ol.commentlist ul.children ul li .message {

	width:430px;

}

#comments ol.commentlist ul.children ul ul li .message {

	width:390px;

}

#comments ol.commentlist ul.children ul ul ul li .message {

	width:350px;

}

#comments ol.commentlist ul.children ul ul ul ul li .message {

	width:310px;

}

#comments ol.commentlist ul.children ul ul ul ul ul li .message {

	width:270px;

}

.full-width #comments ol.commentlist ul.children li .message {

	width:780px;

}

.full-width #comments ol.commentlist ul.children ul li .message {

	width:740px;

}

.full-width #comments ol.commentlist ul.children ul ul li .message {

	width:700px;

}

.full-width #comments ol.commentlist ul.children ul ul ul li .message {

	width:660px;

}

.full-width #comments ol.commentlist ul.children ul ul ul ul li .message {

	width:620px;

}

.full-width #comments ol.commentlist ul.children ul ul ul ul ul li .message {

	width:580px;

}

#comments .info h3 {

	margin: 0;

	padding: 0;

	line-height: 18px;

	display: inline;

}

#comments .info h3 a {

	font-size: 15px;

	font-style: normal;

}

#comments .info h3 a:hover {

}

.comment-form {

	margin-top: 40px;

}



/* DEMO ONLY */

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



.slide-out-div {

       padding: 20px 10px 0 20px;

       width: 160px;

       background-color: #242424;

       position: relative;

       z-index: 999;

       font-size: 11px;

}



.slide-out-div p {

       font-size: 10px;

       line-height: 14px;

}



.divi {

	border-bottom: 1px solid #141414;

	margin: 20px 0;

}



.slide-out-div ul {

       margin-bottom: 20px;

}



.slide-out-div ul.last {

       margin-bottom: 0;

}



.slide-out-div ul li {

       list-style-type: none;

       list-style-position: outside;

       margin-bottom: 5px;

       background: none;

       font-style: normal;

       padding: 0;

       margin: 0;

       font-family: 'PTSansRegular';

}



.slide-out-div ul li a {

       color:#888;

       font-size: 13px;

}



.slide-out-div ul li a:hover {

       color:#dfdfdf;

}



.slide-out-div ul.layout-switcher {

    margin: 0;

    padding: 0;

}



.slide-out-div ul.layout-switcher li {

       list-style: none;

}



.slide-out-div ul.layout-switcher li a {

       display: block;

       cursor: pointer;

}



.slide-out-div ul.last li {

       float:left;

       width: 80px;

       margin-bottom: 0px;

}



.slide-out-div ul.last li a {

       cursor: pointer;

}



.slide-out-div ul.color-switcher {



}



.slide-out-div ul.color-switcher li {

       list-style: none;

       float:left;

     

}



.slide-out-div ul.color-switcher li a {

       display: block;

       width: 15px;

       height: 15px;

       text-indent: -99999px;

       margin-right: 7px;

       cursor: pointer;

}



.slide-out-div h3 {

       color: #684a75;

       font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;

       margin-bottom: 8px;

       font-size: 15px;

       text-transform: uppercase;

}