@charset "utf-8";
/* @group reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
 width:100%;
 height:100%;
}
body {line-height: 1;}
html { overflow-y: scroll; }

ol, ul {list-style: none;}
blockquote, q {	
quotes: none; 
font-style:italic;
margin:0 10%;
font-size:small;
}

:focus {}

ins {text-decoration: none; background-color:#FF6;}
del {text-decoration: line-through;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
code, pre {
	position:relative;
	font-family: "Monaco", "Courier new", monospace;
	font-size: 11px;
	line-height: 16px;
}
pre {
	padding: .5em .7em;
	border:1px solid #eee;
	background: #fafafa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: auto;
}

label, input[type=button], input[type=submit], button { cursor: pointer; }

abbr { letter-spacing:0.12em; margin-right:-0.05em; }
abbr[title], dfn[title], acronym[title]  { border-bottom: 1px dotted #ccc; cursor: help; }

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}

/* @end */

/* @group Colors & Typography */

a:link 		{ color: #05C; }
a:visited 	{ color: #909; }
a:hover 	{ color: #C00; }
a:active 	{ color: #F60; }

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: bold;
  src: url('http://themes.googleusercontent.com/font?kit=g46X4VH_KHOWAAa-HpnGPqRDOzjiPcYnFooOUGCOsRk') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: normal;
  src: url('http://themes.googleusercontent.com/font?kit=XvrWKa7Q7IwHjAhoI5nXR7rIa-7acMAeDBVuclsi6Gc') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: url('http://themes.googleusercontent.com/font?kit=R_mp2Pm86XtaZlVbHGiAE7O3LdcAZYWl9Si6vvxL-qU') format('woff');
}

@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: bold;
  src: url('http://themes.googleusercontent.com/font?kit=Q-gJrFokeE7JydPpxASt265KSGLw3Zsx9Yth-Rh8u_D3rGVtsTkPsbDajuO5ueQw') format('woff');
}

body {
	background-color:#fff;
	color:#222;
	font-size:100%;
	line-height:1.45em;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

header h1 {
	position:absolute; 
	display:block;
	clear: none;
	padding:.4em 0 .5em 0;
	margin:0 0 0 5%;
	text-align:left;
	width:20%;
	height:auto;
	font-size: 2.7em;
	letter-spacing:-0.095em;
	text-shadow: #000 0 0 48px;	
	white-space:nowrap;
	color:#fff;
	font-family: 'Arial Black', Helvetica, Sans-Serif;
	z-index:99;
	text-rendering: optimizeLegibility;
}
h1 a:link, h1 a:hover, h1 a:visited {color:#fff;text-decoration:none;}
h1 a:hover {border-bottom:4px solid #fff; }

h2 {
	position:relative;
	font-size: 2em;
	font-weight:bold;
	line-height:1.1em;
	letter-spacing:-0.01em;
	font-family:  "PT Sans Caption", Helvetica, Arial, sans-serif;
	margin: 0 0 1em 9%;
	width: 80%;
	z-index:99;
	text-rendering: optimizeLegibility;
}
h3 {
	font-size:1.5em;
	line-height: 26px;
	font-weight:bold;
	position:relative;
	margin:1.5em 0 0.4em 0;
	letter-spacing:-0.01em;
	font-family: "PT Sans Caption",Helvetica, Arial, Helvetica, sans-serif;
	clear: both;
	text-rendering: optimizeLegibility;
}
.sidebar h3 {
	font-size: 18px;
	margin: 0 0 .4em 0;
	color: #333;
	clear: both;
}
h4 {
	margin: 1em 0 0.4em 0;
	clear: both;
}
.sidebar h4 {
	margin: 1em 0 0 0;
}
p {
	text-align:left;
	margin:0.9em 0 0.9em 10%;
	max-width:850px;
	text-indent: 0;
}
.entry-content p {
	margin:0.9em 0 0.9em 0;
	line-height: 1.5em;
}
.entry-content .attention {
	padding: 1em 1.3em;
	background: #ebf5d6;
	margin-left: -1em;
}



/* list styles */
.entry-content ol {
	list-style-type: decimal;
	margin: -.3em 0 0 1.5em;
}
.entry-content ol li {
	margin: 0 0 .2em 0;
}

.entry-content ul {
	list-style-type: none;
    //list-style-image: url('i/li.gif');
    margin: -.3em 10% 0 1.5em;
}

.content ul {
	margin: 0 0 0 10%;
}

.entry-content ul li {
	padding: .3em 0;
	line-height: 1.4em;
        behavior: expression(
            ( !this.before && parentNode && parentNode.tagName == 'UL' )
            ?
                ( this.before = true )
                & ( parentNode.style.listStyleImage = 'none' )
                & (
                    ( this.firstChild && this.firstChild.firstChild )
                    ?
                        ( this.firstChild.style.marginTop = '-1.2em' )
                        & ( this.firstChild.style.position = 'relative' )
                    : ''
                )
                & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
                & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
                & ( this.insertBefore( eNOBR, this.firstChild ) )
            : ''
        );
    }
.entry-content ul>li:before {
	content: '\2014\a0';
	float: left;

	margin-left: -1.25em;
}
.entry-content ul>li>*:first-child:-moz-first-node {
	margin-top: -1.2em;
}
.entry-content ul>li>* {
	text-indent: 0;
}



small, .small{
	text-align:left;
	line-height: 1.4em;
	font-size: smaller;
}
/* @end */

/* @group Layout */

#wrapper {
	width: 100%;
	min-width: 980px;
	max-width: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}

header {
	width:100%;
	height: 70px;
	background: #000;
	z-index:900;
	overflow: hidden;
}

header, #content, footer {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	width: 100%;
	clear: both;
}
div#content {
	width:100%;
	margin:0 auto;
}

header .wrap , footer .wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
}
header .description {display:none;}
.skip-link {display:none;}


#container {
	position: relative;
	width:100%;
	display:block;
	margin:0;
	padding: 0 0 136px 0;
	z-index:1;
}
#container #content {margin:0; padding:0;}

.sidebar {
	float: right;
	position:relative;
	padding:0;
	width:30%;
	max-width:380px;
	z-index:2;
	font-size: small;
	color: #333;
}

.sidebar ul, .sidebar ol{
	clear: both;
	width: 90%;
	margin: 0 0 1.5em 0;
}
.sidebar ul li, .sidebar ol li{
	padding: 3px 0;
	font-size: small;
	line-height: 1.6em;
}
.sidebar ol li {
	margin: 0 0 0 18px;
	list-style: decimal;
	list-style-position: outside;
}

.textwidget {
	clear: both;
	margin: 20px 0 0;
}

/* @end */


/* @group Footer */
footer {
	padding:0;
	position: absolute;
	top: 100%;
	margin-top: -107px;
	width: 100%;
	height: 100px;
	z-index: 2;
	padding: 0;
}
footer .wrap {
	max-width: 100%;
}
footer #searchform {
	position:relative;
	display:block;
	clear:both;
	text-align:right;
	margin: 0 auto;
	padding:1em 0 0 0;
}
footer #searchform #s{
	width:30%;
	min-width:200px;
	max-width: 25em;
	font-size:small;
}
footer #searchform #searchsubmit{display:none;}
footer #searchform #s.empty{color:#aaa;}

footer .copyright {
	width:83%;
	text-align:right;
	color:#666;
	margin:0 auto;
	padding:1em 0 2em 0;
	font-size: 12px;
	line-height: 1.2em;
}
footer .copyright .vcard {display:inline;}
footer .given-name,footer .family-name{display:inline;}
footer .nickname {
	display:none; 
	color:#999; 
	font-family:'Arial Black', Arial, Helvetica, sans-serif;
	letter-spacing:-0.08em;
}
footer address {
	font-style: normal;
}
/* @end */

/* @group Main menu */
#main-menu{
	width: 60%;	
	position: absolute;
	left: 20%;
	bottom: 0;
}
#main-menu ul{
	display:block;
	height: 26px;
	overflow:hidden;
	position:relative;
	z-index:2;
	list-style-type:none;
	margin: 0 auto;
	max-width: 960px;
}
#main-menu ul li{
	display:block;
	position:relative;
	float:left;
	width:19%;
	margin: 0 2px;
	height: 26px;
	line-height: 26px;
	font-size: .9em;
	font-weight:normal;
	text-align: center;
	background: transparent url(i/main-menu.png) left bottom no-repeat;
}
#main-menu ul li span {
	position:relative;
	display: block;
	left: 20px;
	text-indent: -20px;
	height: 100%;
	width: 100%;
	padding: 0;
	background: transparent url(i/main-menu.png) right bottom no-repeat;
}
#main-menu ul li a, #main-menu ul li a:visited{
	width: 100%;
	height: 100%;
	position:relative;
	display:block;
	color:#555;
	text-decoration: underline;
}
#main-menu ul li:hover {
	z-index: 99;
}
#main-menu ul li a:hover{
	color:#000;
}
#main-menu ul li a:active {
	color: #666;
}
#main-menu ul li.current-menu-item, #main-menu ul li.current-menu-parent,  #main-menu ul li.current-page-ancestor, #main-menu ul li.current-category-ancestor,  #main-menu ul li.current-page-ancestor, #main-menu ul li.current-post-ancestor ,  #main-menu ul li.current-works-ancestor {
	background: transparent url(i/main-menu.png) left top no-repeat;
	z-index: 100;

}
#main-menu ul li.current-menu-item span, #main-menu ul li.current-menu-parent span, #main-menu ul li.current-page-ancestor span, #main-menu ul li.current-category-ancestor span, #main-menu ul li.current-page-ancestor span, #main-menu ul li.current-post-ancestor span, #main-menu ul li.current-works-ancestor span {
	color: #333;
	background: transparent url(i/main-menu.png) right top no-repeat;
}
#menu-item-1279 {z-index: 5;}
#menu-item-1280 {z-index: 4;}
#menu-item-1283 {z-index: 3;}
#menu-item-1281 {z-index: 2;}
#menu-item-1282 {z-index: 1;}

/* @end */


/* @group Entry */

.entry-content dl {
	margin: 0 0 1em 0;
	float: left;
	width: 50%;
	font-size: 0.8em;

}
.entry-content dt {
	color: #999;
	line-height: 1.2em;
	padding: 0 1em .3em 0;
}
.entry-content dd {
	line-height: 1.3em;
	padding: 0 1em 1em 0;
}
.entry-content {
	width: 83%;
	margin: 0 auto;
}
.post, .hentry {
	position:relative;
	margin:0 0 5em 0;
}

.entry-title {
	max-width: 800px;
}

.no-title .entry-title {visibility: hidden;}

.entry-title a {
	color: #333;
}
.entry-title a:hover {
	color: #c00;
}

.entry-date {
	position: relative;
	clear: left;
	float: left;
	padding: 0;
	text-indent: 0;
}
.cat-links {
	margin: 0 0 0 2em;
	float: left;
	position: relative;
	display: block;
}
.comment-link {
	margin: 0 0 0 2em;
}
.comment-link {
	text-decoration: none;
	border-bottom: 1px dashed;
}
.comment-edit-link {
	margin: 0 0 0 1em;
}
.comments-link {
	position: relative;
	display: block;
	float: left;
	bottom: 0;
	margin: 0 0 0 2em;
}


.comments-link a:link, .comments-link a:visited, .comments-link a {
	color: #999;
}
.comments-link a:hover {
	color:#ccc;
}
.comments-link span {
	color: #ddd;
}
.entry-meta {
	position:relative;
	color:#999;
	font-size: 11px;
	margin: 0 auto;
	width: 80%;
}
.navigation .column {
	width: 49.5%;
	position: relative;
	clear: none;
}
.navigation li {
	display: inline-block;
	padding: 0 6px 0 0;
	zoom: 1;
	*display: block;
}
.navigation a {
	margin:0;
	padding: .2em .3em;
	position: relative;
	display: block;
	float: none;
	clear: both;
}
.navigation .prev, .navigation .next {
	color: #05c;
}
.navigation .prev:hover, .navigation .next:hover {
	color: #cc0000;
}
.navigation .current {
	padding: .2em .3em;
	font-weight: bold;
}
.navigation {
	clear: both;
	width: 80%;
	margin: 1em auto 3em auto;
}

.navigation a span {
	text-decoration: underline;
	float: left;
	width: 100%;
	margin: 0;
	text-align: right;
}
.navigation .first.column {
	float: left;
	text-align: left;
}
.navigation .column {
	float: right;
}
.navigation .first a span {
	text-align: left;
}
.navigation a span.meta-nav {
	width: 1.5em;
	text-decoration: none;
	position: absolute;
	right: -1.5em;
	top: .2em;
	display: block;
	color: #999;
	margin: 0;
	height: 2em;
	margin: 0;
	padding: 0;
}
.navigation .first .meta-nav {
	left: -1.5em;
	text-decoration: none;
}
.navigation .first a {
	float: left;
}

.alignleft {float: left;}
.alignright {float: right;}

.aligntext {
	text-align:center;
}
.aligncenter {
	display:block;
	position:relative;
	width:auto;
	text-align:center;
	max-width:100%;
	max-height:100%;
	height:auto;
	padding:0;
	margin:0;
}
img.aligncenter {
	display:inline;
	margin:0 auto;
	padding:0;
}
.aligncenter span.small, .aligntext span.small, .aligntext small, .aligncenter small {
	text-align:center;
	display:block;
	margin:-5px 0 2em 0;
	padding:0;
	font-size:small;
	font-style:italic;
}
.tag-links {
	display: block;
	position: relative;
	left: -18px;
	clear: both;
	margin: 0;
	padding: 0 0 0 18px;
	/*
	height: 35px;
	background: url(i/tag-16.png) no-repeat 0 10px;*/
}

.more-link {
	margin: 0;
	text-align: left;
}

/* @end */

/* @group Sidebar */

.sidebar .recent-posts {
	position: relative;
}.sidebar .recent-posts a{
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}.sidebar .recent-posts .fade {
	position:absolute;
	display:block;
	overflow:hidden;
	width: 60px;
	top:0;
	right: 0;
	height:100%;
	background: url(i/fade.png) repeat-y;
	z-index: 100;
	text-indent: -999px;
}.sidebar .recent-posts li {
	display: block;
	overflow: hidden;
}

/* @end */

/* @group Comments */
#comments {
	position:relative;
	clear: both;
	width: 80%;
	margin: 0 auto 72px auto;
}
#respond h3 {
	display: none;
}
.comment-author {margin:0 1.5em 0 0;}
.comment-author img {position:relative;margin:0 5px 0 -40px;}
.comment-author .fn {
	position:relative;
	top: 0;
	margin:0;
	padding:0;
	white-space:nowrap;
	font-weight:bold;
}
.comment-author fn,.comment-author .fn a, .comment-author .fn a:visited{
	color:#000000;
	text-decoration: none;
}
.comment-author .fn a:hover {
	color:#444;
}

.comment-meta {
	position:relative;
	display: block;
	margin: 0 0 1em;
	color:#999;
	font-size:xx-small;
	line-height: 1;
}

.comment-meta a {color: #999; text-decoration: none; border-bottom: 1px dotted;}
.comment-meta a:hover {color: #cc0000;}
#comment-notes {
	width:50%;
	text-align:right;
	font-size:small;
	margin:0;
	padding:0;
	display:none;
}
#comments-list h3 {
	max-width: 960px;
	border-bottom:1px solid #ccc;
	margin:0 0 1em 0;
}
.comment {
	margin: 1em 0 0 0;
}
.comment p{
	clear:both;
	margin: 0 0 .5em 0;
}
.unapproved{
	padding:0.2em 0.5em 0.3em;
	font-size:small;
 	color:#FF6633;
	background:#FEEECF;
}
#commentform dl {
	clear: both;
}
#commentform .form-label { 
	margin:0.8em 0 0 0; 
	width: 30%;
	max-width: 120px;
	float: left;
	text-shadow: 0 1px 1px #fff;
	text-align: right;
}
#commentform .form-label label {
	padding: 0 1em 0 0;
}
#commentform .form-input {
	margin:0.7em 0 0 0;
	float: left;
	width: 70%;
}
#commentform .form-textarea {
	width: 70%;
	margin:0.8em 0 0 0;
	float: left;
}
#commentform span.required{background:none;color:red;}
#commentform,form#commentform p{padding:0; margin: 0;}
#commentform legend {
	display:block;
	font-size: small;
	color: #777;
	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	top:-1em;
	text-shadow: 0 1px 1px #fff;
}
form#commentform .openid {font-size:x-small;}
form#commentform {
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #eee;
	padding: 1em;
	border: 1px solid #ddd;
	min-width: 260px;
	max-width: 500px;
	margin:1em 0 0 0;
}

input#author,input#email,input#url,textarea#comment {
	font-family: 'Lucida Grande', Arial, sans-serif;
}

input#author,input#email,input#url{width:50%;max-width:400px;min-width:250px;font-size: small;}
textarea#comment {max-width:600px;min-width:250px;font-size: small;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}

div.comments ol li{margin:0 0 1.5em;}


textarea#comment{
	height:12em;
	overflow:auto;
	width:98%;
}
.form-submit {
	clear: both;
	padding: 12px 0 0 0;
	text-align: center;
}
#submit {font-size:1em; cursor: pointer;}

/* Threads */
.editComment, .editableComment, .textComment{display: inline;}
.comment-childs{
	position:relative;
	margin: 1.5em 0 0 40px;
	background-color: #fff;
}
.chalt{background-color: #fff;}
#newcomment{
	border:1px dashed #ccc;width:90%;
}
#newcommentsubmit{color:red;}
.adminreplycomment{
	border:1px dashed #ccc;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{color: #999;}
p.thdrpy{
	font-size: smaller;
	color: #999;
	margin: 0;
}
p.thdrpy a{
	color: #999;
	text-decoration: none;
	border-bottom: 1px dashed;
}
p.thdrpy a:hover{
	color: #cc0000;
}
p.thdrpy a:active {
	color: #FF6600;
}
#cancel_reply {
	position:relative;
	display:block;
	left:9em;
	top:-1.6em;
	margin-bottom: -1.4em;
}
#cancel_reply a {
	text-decoration: none;
	border-bottom: 1px dashed;
}
/* @end */

/* @group Submenu */

.breadcrumbs {
	width:83%;
	position: relative;
	z-index: 1000;
	margin:0 auto;
	padding: 16px 0 10px 0;
	font-size: 14px;
	color: #999;
}
.breadcrumbs a, .breadcrumbs a:visited {
	color: #05c;
	padding: 0 6px;
}
.breadcrumbs span {
	padding: 0 6px;
}
.breadcrumbs a:hover {
	color:#CC0000
}
.breadcrumbs a:active{
	color:#FF6600;
}
ul.submenu{
	position:relative;
	display:block;
	width:80%;
	margin:0 auto;
	padding:1.5em 0 0.7em 0;
	list-style-type:none;
	font-size:small;
	color:#999;
}
#filter li.current a, #filter li.current a:visited, #filter li.current a:hover {
	color:#999;
	text-decoration: none;
	cursor: default;
	border-bottom: none;
}
#filter {
	margin-bottom:32px;
}

ul.submenu li {
	display:inline-block;
	padding:0 0.7em;
	border-left:1px solid #ccc;
}
ul.submenu li a {white-space:normal;}
#filter li a {
	text-decoration: none;
	border-bottom: 1px dashed;
}
#filter li a:visited {
	color:#0055CC;
}
#filter li a:hover {
	color: #cc0000;
}
#filter li a:active {
	color:#FF6600;
}
ul.submenu li.first{border-style:none;}
hr {
	width:83%;
	display:block;
	position:relative;
	z-index: 1000;
	border:none;
	background-color:#ccc;
	color:#ccc;
	height:1px;
	margin:0 auto;
	padding:0;
}
/* @end */

/* @group Works */

.works {
	position:relative;
	width:auto;
	margin:0;
	padding:0;
	max-width:none;
	list-style-type:none;
	z-index:1;
}
.works li{display:inline-block;}.works .small-thumb {
	display: inline-block;
	position: relative;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-decoration: none;
	border: none;
	margin: 3px;
	background-position: bottom;
	background-repeat: no-repeat;
	box-shadow:inset 0 1px 0 rgba(0, 0, 0, .2);
}
.works .small-thumb img {
	opacity: 0;
	border: 0;
}
.works .current .small-thumb ,ul.works .current a:hover .small-thumb{
	border: 3px solid orange;
	margin: 0;
	box-shadow: inset 0 3px 8px rgba(0,0,0,.3);
}
.works a:hover .small-thumb {
	border: 3px solid orange;
	margin: 0;
	box-shadow: inset 0 0 16px #fff;
}
#work-types {
	position:relative;
	display:block;
	width:80%;
	height:auto;
	margin:0 auto;
	list-style-type:none;
	clear:both;
}
#work-types .type{
	position:relative;
	display:inline-block;
	vertical-align: top;
	width:25%;
	max-width:300px;
	min-width: 180px;
	height:auto;
	margin:0 0 0.2em 0;
}
#work-types h3 {
	position:relative;
	display:block;
	clear:both;
	margin:0 0 0.5em 0;
	padding:0;
	width:auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	line-height:1em;
}
#work-types li h3 a{
	display:block;
	padding:1em 0 .5em 0;
	width:100%;
	border-bottom:3px solid #fff;
	color:#0055CC;
}
#work-types li h3 a:hover{
	color:#CC0000;
}
#work-types li ul{
	margin:auto;
	width:180px;
}
#work-types li ul li {
	position:relative;
	float: left;
	padding: 3px;
}
#work-types li p{margin:0 0 0 20%;font-size:x-small;color:#666;clear:both;display: none;}
nav.related {
	margin: 0;
	padding: 12px 0 12px 3px;
	width: auto;
	position: absolute;
	width: 9%;
	max-width: 116px;
	left: -16px;
	top:150px;
	background: #f5f4f0;
	border-radius: 0 6px 6px 0;
	
	line-height: 14px;
	text-align: center;
	opacity: .4;
	-webkit-transition: left .4s ease-in-out, opacity .4s ease-in, box-shadow .4s ease-in;
	-moz-transition: left .4s ease-in-out, opacity .4s ease-in, box-shadow .4s ease-in;
	-o-transition: left .4s ease-in-out, opacity .4s ease-in, box-shadow .4s ease-in;
	transition: left .4s ease-in-out, opacity .4s ease-in, box-shadow .4s ease-in;
}
nav.related:hover {
	left: 0;
	opacity: 1;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
nav.related li {
	padding: 4px 0 8px 0;
	width: auto;
	list-style: none;
}
nav.related .title {
	position: relative;
	display: block;
	text-decoration: underline;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}
nav.related a, nav.related  a:visited {
	display: inline;
	color: #05C;
	text-decoration: none;
}
nav.related a:hover {
	color: #C00;
}


ul.works {
	width:auto;
	margin:0;
	padding:0;
	max-width:none;
	list-style-type:none;
}
ul.works li{
	display: inline-block; 
	margin: 0 2px 0 0;
	position: relative;
}
ul.works li a{
	display:block;
	width:50px;
	height:50px;
	text-decoration: none;
}

.worksList{
	position:relative;
	display:block;
	width:80%;
	height:auto;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	z-index:99;
	left:-15px;
}
.worksList li{
	position:relative;
	display:block;
	padding:0;
	margin:0;
	border:none;
	margin: .2em 0;
	width: 50%;
	height: 76px;
	float: left;
	background: #fff;
}	
.worksList h3{
	position:relative;
	display:block;
	width:60%;
	margin:0;
	font-size: 18px;
	padding:0 0 0 80px;
	z-index:2;
}
.worksList li h3 a {position:relative;}
.worksList li .image {
	position:absolute;
	display:block;
	left:-65px;
	top:-12px;
	width:65px;
	height:63px;
	cursor:pointer;
}
.worksList li img{
	width:50px;
	height:50px;
}
.worksList .date{
	position:absolute;
	width:30%;
	top:0;
	right:30px;
	text-align:right;
	font-size:x-small;
	white-space:nowrap;
	color:#999;
	z-index:1;
	clear:both;
}
.worksList .meta {
	position:relative;
	display:block;
	padding:0;
	margin:0 0 0 65px;
	line-height:1.3em;
	font-size:x-small;
	color:#999;
	z-index:3;
	white-space:nowrap;
}


/* grid works */

.grid {
	margin: 0 0 0 10%;
	overflow: hidden;
}.grid li h3 {
	width:260px;
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 0 .7em 0;
	float: left;
}.grid li h3 a {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}.grid li h3 a .heading {
	display: block;
	height: 30px;
}.grid li h3 a .image {
	display: block;
	position: relative;
	text-decoration: none;
	margin: 0 0 -.5em 0;
	padding: 1em 0 0 0;
}.grid.style li {
	height: 220px;
	width: 220px;
	min-width: 220px;
}.grid li{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height: 560px;
	min-width: 290px;
	margin: 0;
}.category-print .grid li {
	height: 430px;
}.category-print .grid .heading {
	text-align: center;
	display: none;
}.category-style .grid a {
	text-decoration: none;
}.grid img {
	text-decoration: none;
	border: none;
	margin: 0 0 -3px 0;
}.works-submenu {
	width: 176px;
	float: right;
	margin: 30px 5% 12px 16px;
	padding: 0 0 44px 0;
	position: relative;
	z-index: 990;
}.works-submenu .help {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 16px;
	width: 150px;
	height: 33px;
	background: url(i/keyboard-help.png) no-repeat 0 0;
	opacity: 0;
}.works-submenu li {
	opacity: .45;

}.works-submenu li:hover {
	opacity: 1;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}.works-submenu li.current {
	opacity: 1;
}

.browser-window {
	width: 700px;
	display: inline-block;
	position: relative;
	box-shadow: 0 8px 18px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 8px 18px rgba(0,0,0,.5);
	border-radius: 3px 3px 0 0;
	line-height: .1em;
	margin: 1em 0 2.5em 0;
	font: 12px/1px 'Lucida Grande', 'Segoe UI', 'Tahoma', Arial, sans-serif;
	padding: 36px 0 0 0;
	background: url(i/browser.png) 0 0 no-repeat;
	border-bottom: 12px solid #d7d7d7;
}

.browser-window a, .browser-window a:visited {
	position: absolute;
	left: 96px;
	top: 18px;
	z-index: 1;
	color: #333;
	text-decoration: none;
}
.browser-window a:hover {
	text-decoration: underline;
}

.browser-window .favicon {
	background: #fff;
	border: none;
	position: absolute;
	top: -8px;
	left: -18px;
}

.browser-window img {
	border-bottom: 1px solid #aaa;
}
.browser-window:after {
 	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index: 1;
	top: auto;
	left: 0;
	right: 0;
	bottom: -2px;
	border-top: 1px solid #fff;
}

/* FAVORITES */
.worksDemo{
	position:relative;
	display:block;
	width:85%;
	max-width:85%;
	margin:-30px auto 0 auto;
	padding:0;
	text-align:center;
	z-index:1;
}
.worksDemo h3{display:none;}
.page-works .worksDemo {
	width:100%;
	max-width: 100%;
}
.page-works .worksDemo #demos {
	position:relative;
	display:block;
	width:100%;
	height:242px;
	overflow:hidden;
	margin: 0 auto;
}
.page-works .worksDemo #demos #demosWrapper {
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow-y:hidden;
	overflow-x:hidden;
	margin: 0;
	height:242px;
	width: 100%;
}

.page-works .worksDemo .border {
	display: block;
	position: absolute;
	top: 0;
	width: 250px;
	height: 242px;
	z-index: 1000;
	text-indent:-9999px;
}
.page-works .worksDemo .border a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.worksDemo #demosLeft {
	left:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.worksDemo #demosRight {
	right:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.page-works .worksDemo #demos:hover {
	overflow-y:hidden;
	overflow-x:hidden;
}
.worksDemo h3 {
	padding:0;
	margin:0;
}
.page-works .worksDemo {height:242px;}
.worksDemo .demo{
	position:relative;
	display:block;
	float:left;
	width:242px;
	height: 242px;
	max-width:242px;
	min-height:242px;
	overflow: hidden;
}
.worksDemo .demo img {
	position: relative;
	z-index: 1;
	top:16px;
	left: 21px;
	margin: 0;
	padding: 0;
	display: block;
}
.worksDemo .demo a {
	cursor: pointer;
}
.worksDemo .demo a:hover {
	cursor: pointer;
}
.worksDemo .demo a:focus {
	cursor: pointer;
}
.worksDemo .demo a span { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0;}
.worksDemo .demo a:hover span { background: transparent url('i/frame.png') no-repeat;}
.worksDemo .demo img {
	max-width:100%;
	margin:1px 0 -3px 0;
}

.carousel {
	position: relative;
	overflow:hidden;
	height:500px;
	width:540px;
	margin:50px auto
}
	.carousel .ctrls {
		width: 100%;
		height: 100%;
		z-index: 111;
		position: absolute;
	}
	.carousel ul {
		position: absolute;
		width:8000px;
	}
		.carousel li {
			float:left;
			width:98px;
			height:98px;
			border: 1px solid #fff;
			list-style:none;
			margin-right:10px;
			text-align: center;
		}

/* @end */

/* @group Isotope Work */

#isotope-container {
	margin: 0 auto;
	height: auto;
	width: 95%;
	position: relative;
	left: 2%;
	overflow: hidden;
}
.isotope-item  {
	width: 330px;
}

.web .work .image {
	width: 300px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(i/browser-small.png) 0 0 no-repeat;
	box-shadow: 0 6px 12px rgba(0,0,0,.4);
}

#isotope-container .isotope-item  h3 {
	margin: 0;
	padding: 0 18px 32px 0;
	min-height: auto;
	position: relative;
}
.isotope-item .image {
	display: block;
	line-height: 1px;
	padding: 0;
	margin: 0;
}
.isotope-item .heading {
	display: block;
	position: absolute;
	width: 300px;
	height: auto;
	background: rgba(10,20,30, .7);
	left: 6px;
	bottom: 32px;
	top:0;
	font-size: 15px;
	line-height: 18px;
	border-radius: 2px;
	opacity: 0;
	-moz-transition: opacity 100ms linear;
	-webkit-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
	
}
.isotope-item .heading span {
	padding: 6px;
	display: block;
}
.isotope-item a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.isotope-item a:hover .heading {
	display: block;
	opacity: 1;
	text-shadow: 0 1px 0 #000;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-o-transition-property:    -o-transform, opacity;
	transition-property:         transform, opacity;
}

/* @end */


/* @group Contacts */
body.page-contacts {
	height: 100%;
	min-height: 700px;
}
body.page-contacts #container {
	margin: 0;
	float: none;
	width: auto;
	position: relative;
	display: block;
	overflow: hidden;
	width: 80%;
	max-width: 100%;
	height: auto;
	margin:0 auto;
	padding:1.5em;
	z-index:2;
}
.page-contacts header {background:none;}
.page-contacts #container #content {
	position:relative;
	width: auto;
	max-width: 100%;
	padding:1.5em;
	margin: 0;
	background:transparent url(i/black50.png) repeat;
	
	
	overflow: hidden;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.page-contacts #main-menu ul li, .page-contacts #main-menu ul li span{
	background: none;
	color: #444;
}
.page-contacts #main-menu ul li a { color: #666;}
.page-contacts #main-menu ul li a:hover {
	color: #fff;
}
.page-contacts  {
	color:#fff;
	background: #000 url(i/stars.png) bottom right repeat;
	
}
.column {
	float: left;
}
.page-contacts .column {
	float:left;
	width: 35%;
	padding: 0;
	margin: 0;
}
.page-contacts .column.first {
	float:left;
	width: 65%;
	max-width: 600px;
	padding: 0 0 0 0;
}
.page-contacts h2 {
	color:#fff;
	margin:0;
	padding: 0 0 0.5em 0;
	width: 40%;
}
.page-contacts p { width: 90%; margin: 1em	 0;}
.page-contacts #earth {
	position:fixed;
	bottom:0;
	width:100%;
	height:286px;
	z-index:1;
	text-indent:-999px;
}
.page-contacts #earth div {
	margin:0 auto;
	position: relative;
	width:760px;
	height:286px;
	background:transparent url(i/earth_glow.png) bottom center no-repeat ;
}
.page-contacts #earth div div {width:760px;height:286px;margin:0 auto;background:transparent url(i/earth.png) bottom center no-repeat;}

.page-contacts footer {
display: none;
	position:absolute;
	bottom:0;
	padding:0;
	margin:0;
	background:none;
}
.page-contacts footer .copyright {
	position:absolute;
	bottom:0;
	right:0;
	width:12em;
	height:1em;
	line-height:2em;
	color:#FFF;
	text-align:center;
	background: transparent url(i/black50.png) repeat;
	display: none;
}
.page-contacts footer .email {display:none;}
.page-contacts #searchform input{display:none;}
.page-contacts a{color:#FFCC00;}
.page-contacts a:hover {color:#fff;}


.contacts .list li{
	padding:0 10px 0 0;
	white-space: nowrap;
	clear: both;
}
.contacts .list .lepra {
	color: #333;
}
.contacts .list li a {
	display: block;
	float: left;
	clear: both;
	padding: 0 .5em .2em 0;
}
#content .list li.email a {
	padding: 0 0 0 20px;
	background: url('i/mail_icon.gif') 0 5px no-repeat;
}
.contacts .list li a img {
float:left;
margin:2px 5px -5px 0;
}
/* @end */


/* @group Flickr RSS */
.flickrRSS {margin: 10px 0 2em 0;max-width: 200px;}
.sidebar ul.flickrRSS li {
	position: relative;
	display: block;
	float: left;
	line-height: 0;
	margin: 0 7px 7px 0;
	padding: 0;
}
h3.flickrRSS {
	margin: 0;
	color: #0063dc;
}
h3.flickrRSS span{
	margin: 0;
	color: #ff0084;
}
.flickrRSS .image .corners {
	width:75px;
	height:75px;
}
.flickrRSS a {
	width:75px;
	height:75px;
	display:block;
	position: relative;
	overflow: hidden;
	float:left;
	line-height: 0;
}
/* @end */



/* @group Home page */

.home .worksDemo {
	margin: 16px 0 0 0;
	z-index: 2;
} 

.home  #container {
	padding: 0 0 25em 0;
	z-index: 3;
}
.home footer {
	left: 50%;
	width: 50%;
	height: 56px;
	min-height: 56px;
	margin-top:-100px;
	max-width: 600px;
	z-index: 200;
}
.home footer .wrap {
	border: none;
	width: 75%;
	margin: 0;
}
.home footer #searchform {
	margin: 0;
	width: 100%;
	text-align: center;
}
.home footer .copyright {
	text-align: center;
	width: 100%;
	margin: 0;
}
.home footer .email {
	display: none;
}

#book {
	position:absolute;
	height: auto;
	overflow: hidden;
	bottom: 0;
	width:100%;
	margin: 0;
	z-index: 10;
	zoom: 1;
	
}
#book .wrap {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}
#left-column h2{
	width:100%;
	font-size: x-small;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .4em;
	margin:0;
	padding:50px 0 0;
	text-indent: 3em;
}
#book h3 {
	font-size: 14px;
	letter-spacing: .03em;
	color: #000;
}
#portrait {
	display: block;
	text-align: center;
	padding: 2em 0 .75em;
	background: transparent url(i/right-corner.png) top right no-repeat;
}
#left-column{
	position:relative;
	display:block;
	width:40%;
	margin-left:10%;
	background-color:#f3eee4;
	
	background-repeat: no-repeat;
	background-position: left top;
	min-height:350px;
	
	background: #f2eae7;
	background: -moz-linear-gradient(left, #f2eae7 0%, #f1eae4 87%, #dcd5cf 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2eae7), color-stop(87%,#f1eae4), color-stop(100%,#dcd5cf));
	background: -webkit-linear-gradient(left, #f2eae7 0%,#f1eae4 87%,#dcd5cf 100%);
	background: -o-linear-gradient(left, #f2eae7 0%,#f1eae4 87%,#dcd5cf 100%);
	background: -ms-linear-gradient(left, #f2eae7 0%,#f1eae4 87%,#dcd5cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2eae7', endColorstr='#dcd5cf',GradientType=1 );
	background: linear-gradient(left, #f2eae7 0%,#f1eae4 87%,#dcd5cf 100%);
}

#left-column .corner {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 68px;
	display: block;
	background: url('i/left-corner.png') top left no-repeat;
}

#left-column .column {
	display: inline-block;
	position: relative;
	zoom:1;
	*display: inline;
	vertical-align: top;
	width: 49%;
	float: none;
	margin: 0.8em 0 2.5em 0;
}

#left-column .column.first {
	border-left: none;
}

#left-column h3,#left-column ul, #left-column ol{
	width:90%;
	padding:0;
	margin:0 0 0 10%;
	clear: both;
}

#left-column h3 {
	margin: 1em 0 0 10%;
}
#left-column .first ol{
	margin:0 0 0 30%
}
#left-column .first h3 {
 	margin-left: 30%;
}
#left-column ul,#left-column ol{margin:0 0 0 10%; width: 83%;}
#left-column li{
	font-size: .9em;
	line-height: 1.1em;
	display:block;
	width: 85%;
	float: none;
	margin: 0 0 .7em 0;
	
}
#left-column li small {
	color: #444;
	font-size: .8em;
	margin: 3px 0 0 0;
	display: block;
}
#right_column{
	position:absolute;
	bottom:0;
	left:49%;
	width:40%;
	height:100%;	
	background:#f9f1eb url(i/right-column.jpg) repeat-y;
}
#right_column p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 10% 1em 10%;
}
#r_h{
	position:absolute;
	width:161px;
	height:180px;
	bottom:0;
	right:-108px;	
	background:url(i/r_h.gif) no-repeat;
}
#l_h{
	position:absolute;
	width:119px;
	height:183px;
	bottom:0;
	left:-78px;	
	background:url(i/l_h.gif) no-repeat;
}

/* @end */

/* @group Services */

#wp-teaser {
	width: 100%;
	margin: -6px 0 0;
	background: url(i/wp-teaser.png) repeat-x #e6e6e6;
}

#wp-teaser .columns {
	margin: 0 auto;
	position: relative;
	height: 100%;
	max-width: 1260px;
	padding: 0 0 0 24px;
}
#wp-teaser .column.first {
	width: 50%;
	z-index: 200;
	position: relative;
}
#wp-teaser .column.last {
	width: 50%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	position: absolute;
	right: 0;
	top:10px;
	display: block;
	z-index: 100;
}
#wp-teaser .column.last img {
	position: relative;
	-moz-box-shadow: 0px 26px 46px #888;
	-webkit-box-shadow: 0px 26px 46px #888;
	box-shadow: 0px 26px 46px #888;
	position: relative;
	top:24px;
}
#wp-teaser .column.last .slide {
	display: block;
	position: relative;
	top:0;
	padding: 0 0 36px 0;
}
#wp-teaser .column.last .slides {
	position: absolute;
	width: 100%;
	top:0;
	left: 0;
	height: 3000px;
	z-index: 100;
	display: block;
}

#wp-teaser #featured img{

}
#wp-teaser h2 {
	margin: 0;
	padding: 42px 0 24px 42px;
	max-width: none;
	width: 100%;
	font-size: 36px;
	line-height: 42px;
	text-shadow: 0 1px 1px #fff;
}
#wp-teaser p {
	margin: 0;
	padding: 0 0 12px 42px;
	font-size: 16px;
	color: #111;
	line-height: 22px;
}
#wp-teaser p .pseudo-link {
	color: #00548e;
	border-bottom: 1px dotted;
	text-decoration: none;
	padding: 0 6px 2px 6px;
}
#wp-teaser p .pseudo-link:hover {
	color: #003366;
	cursor: pointer
}
#wp-teaser p .pseudo-link:active {
	color: #006699;
}
#wp-teaser p .pseudo-link.current {
	background: #ffea00;
	border-bottom: none;
	color: #111;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 1px #999;
	box-shadow: 0 1px 1px #999;
	cursor: default;
}
	
#wp-teaser .order-link {
	display: block;
	width: 200px;
	height: 42px;
	margin: 12px auto 24px;
	
	color: #fff;
	text-indent: .3em;
	text-align: center;
	font-size: 22px;
	letter-spacing: -.03em;
	line-height: 42px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0,.4);
	border-radius: 28px;
	background: #a2c93e;
background: -moz-linear-gradient(top, #a2c93e 0%, #73af1d 50%, #4b9b00 51%, #5dad1b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c93e), color-stop(50%,#73af1d), color-stop(51%,#4b9b00), color-stop(100%,#5dad1b));
background: -webkit-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
background: -o-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
background: -ms-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c93e', endColorstr='#5dad1b',GradientType=0 );
background: linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
	box-shadow: 0 2px 8px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.6);
}

#wp-teaser h3 {
	width: 80%;
	font-size: 18px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	text-shadow: 0px 18px 24px #888;
	position: relative;
	z-index: 1;
}

#wp-teaser #costs table {
	font-size: 12px;
	line-height: 16px;
	margin: 12px auto 12px;
	width: 70%;
	max-width: 450px;
	background: #fefefe;
	position: relative;
	z-index: 2;
	
	-moz-box-shadow: 0px 26px 46px #888;
	-webkit-box-shadow: 0px 26px 46px #888;
	box-shadow: 0px 26px 46px #888;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}
#wp-teaser #costs table tr {
	
}
#wp-teaser #costs table thead {
	border-bottom: 1px solid #ddd;
}
#wp-teaser #costs table thead tr {
	padding: inherit 12px inherit 0;
	background: #eee;
	-moz-border-radius: 6px;
	border: none;
}

#wp-teaser #costs table th {
	font-size: 12px;
	padding: 6px 0 6px 12px;
	line-height: 14px;
	text-align: left;
}
#wp-teaser #costs table td {
	padding: 6px 0 6px 16px;
	text-align: left;
}

#wp-teaser #costs table .center {
	text-align: center;
	padding: 6px 0;
}
#wp-teaser #costs table tfoot {
	border-top: 1px dashed #ddd;
}
#wp-teaser #costs table tfoot td {
	padding: 12px 0 12px 16px;
}

#wp-advantages h3, #wp-price h3 {
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 24px 0;

}

#wp-advantages h3 {
	color: #eee;
	background: transparent url(i/wp-advantages-h.png) repeat-x;
}

#wp-advantages {
	background: url(i/wp-advantages.jpg) repeat center 0 #262d44;
	clear:both;
	margin:0 auto;
	max-width:none;
	padding:0 0 0 0;
	text-shadow:0 1px 0 #000000;
	zoom: 1;
}
.page-websites h3 a.slider {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
#wp-advantages ul {
	margin: 0 auto;
	padding: 0 12px 0 24px;
	max-width: 1200px;
	
}
#wp-advantages .column {
	width: 33%;
}
#wp-advantages h4 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 12px 12px 12px 62px;
	height: 22px;
	color: #fff;
}
#wp-advantages p {
	color: #eee;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 12px 12px 12px;
}
#wp-advantages p a {
	color: #9fbfff;
}
#wp-advantages p a:hover {
	color: #ffd800;
}
#wp-advantages .more-link {
	display: none;
}
#wp-advantages .code {
	background: url(i/wp-code.png) no-repeat 12px 6px;
}
#wp-advantages .security {
	background: url(i/wp-security.png) no-repeat 6px 10px;
	clear: right;
}
#wp-advantages .seo {
	background: url(i/wp-seo.png) no-repeat 12px 6px;
}
#wp-advantages .design {
	background: url(i/wp-design.png) no-repeat 0px 6px;
}
#wp-advantages .admin {
	background: url(i/wp-admin.png) no-repeat 12px 6px;
}
#wp-advantages .plugins {
	background: url(i/wp-plugins.png) no-repeat 6px 6px;
}

#wp-price {
	margin: 0 auto;
	max-width: 1200px;
	clear: both;
	padding: 0;
	position: relative;
}
#wp-price .column {
	position: relative;
	width: 25%;	
	margin: 0;
	padding: 0;
}
#wp-price .column:hover {
	background: #f0f0e6;
	cursor: pointer;
	box-shadow: 0 1px 3px #999;
	border-radius: 6px;
}
#wp-price .column:hover h4 {
	border-bottom-color: #ddd;
}
#wp-price .description {
	min-height: 170px;
	padding: 0 0 90px 0;
}
#wp-price h3 a {
	color: #222;
}
#wp-price h4 {
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding: 12px 0 12px 12px;
	border-bottom: 3px solid #ccc; 
}
#wp-price ul {
	margin: 0;
	padding: 0 12px;
}
#wp-price p {
	font-size: 14px;
	line-height: 20px;
	padding: 6px 12px;
	margin: 0;
}
#wp-price ul .price {
	position: absolute;
	width: 100%;
	bottom: 56px;
	text-align: center;
	font-size: 22px;
	letter-spacing: -.02em;
	font-weight: bold;
	white-space: nowrap;
}
#wp-price ul .price span {
	word-spacing:-.2em;
}
#wp-price .price-switcher {
	position: absolute;
	display: block;
	width: 134px;
	top: 28px; 
	right: 12px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	border: 1px solid #aaa;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 1px;
	background: #f2f2f2 url(i/icon-expand.png) no-repeat right 8px;
	cursor: pointer;
	opacity: .7;
	display: none;
}
#wp-price .price-switcher:hover {
	-moz-box-shadow: 0 5px 5px #999;
	-webkit-box-shadow: 0 3px 5px #999;
	background: #fff url(i/icon-expand.png) no-repeat right 8px;
	opacity: 1;
}
#wp-price .price-switcher span {
	display: block;
	padding: 0 24px 0 10px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;	
	border: 1px solid #ccc;
}
#wp-price .price-switcher:hover span {
	border: 1px solid #fff;
}
#wp-price .price-switcher span.hidden {
	display: none;
}
#wp-price .price-switcher span:hover {
	background: #242d48;
	color: #fff;
	border: 1px solid #fff;
	opacity:.8;
}

#wp-price .order {
	width: 100%;
	position: absolute;
	bottom: 12px;
}

#wp-price .order-link {
	display: block;
	width: 150px;
	height: 32px;
	margin: 0 auto;
	
	color: #fff;
	text-indent: .3em;
	text-align: center;
	font-size: 17px;
	line-height: 33px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0,.4);
	border-radius: 18px;
	background: #a2c93e;
	background: -moz-linear-gradient(top, #a2c93e 0%, #73af1d 50%, #4b9b00 51%, #5dad1b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c93e), color-stop(50%,#73af1d), color-stop(51%,#4b9b00), color-stop(100%,#5dad1b));
	background: -webkit-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
	background: -o-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
	background: -ms-linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c93e', endColorstr='#5dad1b',GradientType=0 );
	background: linear-gradient(top, #a2c93e 0%,#73af1d 50%,#4b9b00 51%,#5dad1b 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

#wp-price .additional {
	float: none;
	clear: both;
	font-size: 14px;
	color: #666;
	margin: 16px auto 0 auto;
	padding: 12px 12px 16px 16px;
	width: 46%;
	
	background: #EFEFEF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
	
	text-shadow: 0 1px 0 #fff;
}
#wp-price .additional ul {
	padding: 0 24px;
}
#wp-price .additional a .icon {
	margin: 0 3px -6px 0;
	background: none;
	float: left;
}



.page-services .column {
	width:30%;
	padding: 0 3% 0 0;
}
.page-websites #top-border {
	width: 100%;
	height: 68px;
	background: #000 url(i/seigaiha.png) repeat-x right top;
	position: relative;
	top: -6px;
}
.page-services h3 {
	min-height: 56px;
}


.page-tz .download {
	margin: 12px 0 24px 0;
}

#tz-stucture {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	padding: 0 0 72px 0;
	z-index: 100;
}
#tz-stucture .bar {
	margin: 1em -8%;
}

#tz-stucture .bar li {
	list-style: none;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	height: 50px;
	padding: 12px 0 0 0;
	position: relative;
	z-index: 1;
	color: #444;

}
#tz-stucture .bar li:hover {
	cursor: help;
	color: #000;
	z-index: 2;
}
#tz-stucture .bar li i {
	display: block;
	position: absolute;
	bottom: -35px;
	width: 100%;
	height: 35px;
	background: url(i/tz-colors.png) repeat-x;
	opacity: .9;
}
#tz-stucture .bar li:hover i {
	opacity:1;
}
#tz-stucture .info {
	display: none;
	position: absolute;
	width: 250px;
	background: #f2f2f2 url(i/tz-info.png) no-repeat center 9px;
	padding: 24px 12px 12px 12px;
	margin: 0 0 0 -18px;
	min-width: none;
	max-width: none;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	top: 72px;
	bottom: auto;
	height: auto;
	clear: both;
	z-index: 100;
	
	color: #444;
	border: 1px solid #ccc;
	border-radius: 12px;
	box-shadow: 0 6px 24px #999;
	
}
#tz-stucture .bar #c1 i {
	background-position: 0 0;
	border-radius: 24px 0 0 24px;
}
#tz-stucture .bar #c2 i {
	background-position: 0 -35px;
}
#tz-stucture .bar #c3 i {
	background-position: 0 -70px;
}
#tz-stucture .bar #c4 i {
	background-position: 0 -105px;
}
#tz-stucture .bar #c5 i {
	background-position: 0 -140px;
	border-radius: 0 24px 24px 0;
}


#tz-advices {
	position: relative;
	z-index: 1;
}


#tz-advices h3, #tz-stucture h3{
	text-align: center;
	padding: 0 0 12px 0;

}
#tz-advices h3 {
	background: url(i/tz-advice.png) no-repeat 12px top;
	padding: 6px 0 24px 5%;
	text-align: left;
}

#tz-advices li {
	width: 50%;
	list-style: none;
}
#tz-advices h4 {
	font-size: 16px;
}
#tz-advices li p {
	width: 93%;
	padding: 0 0 24px 0;
	max-width: 600px;
}


#fader{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #222;
	z-index: 900;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.cform.order-site {
	background: #fff;
	position: fixed;
	width: 550px;
	top: 24px;
	right: 3%;
	
	-moz-border-radius: 24px;
	border-radius: 16px;
	
	-webkit-box-shadow: 0 24px 60px #333;
	box-shadow: 0 24px 60px #333;
	
	display: none;
	z-index: 999;
}
.cform.order-site li.textonly {
	padding: 0;
}
.cform.order-site h3 {
	margin: 0;
	font-size: 28px;
	text-align: center;
	padding: 24px 0 0 0;
}
.cform.order-site .btn-close{
	display: block;
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 14px;
	color: #cc0000;
	position: absolute;
	text-indent: -9999px;
	top:16px;
	right: 16px;
	cursor: pointer;
	background: url(i/button-close.png) no-repeat;
}
.cform.order-site .btn-close:hover {
	color: #ff9c00;
}
.cform.order-site fieldset {
	margin: 0 24px;
}

.cform.order-site legend {
	font-size: 16px;
	line-height: 16px;
	padding: 24px 0 16px 160px;
}

.cform.order-site p.cf-sb {
	width: 100%;
	margin: 0 auto 24px auto;
}
.cform.order-site .sendbutton {
	margin: 0 auto;
	display: block;
	font-size: 14px;
	width: 160px;
	float: none;
}


.cform.order-site dd input {
	width: 230px;
}
.cform.order-site .cf-ol {
	clear: both;
	padding: 0;
} 
.cform.order-site label {
	font-size: 14px; 
	line-height: 18px;
	float: left;
	width: 160px;
	clear: left;
}
.cform.order-site label span {
	display: block;
	padding: 3px 12px 0 12px;
}
.cform.order-site li {
	clear: both;
	padding: 0 0 12px;
	min-height: 14px;
}

.cform.order-site input {
	float: left;
	clear: right;
	width: 260px;
	font-size: 14px;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}
.cform.order-site select {
	font-size: 14px;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}
.cform.order-site textarea {
	width: 320px;
	min-width: 200px;
	min-height: 120px;
	font-size: 14px;
	line-height: 18px;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
	letter-spacing: 0;
	padding: 3px;
	
} 
.cform.order-site .emailreqtxt, .cform .reqtxt {
	color: #cc0000;
	font-size: 11px;
	line-height: 12px;
	display: block;
	clear: both;
	padding: 0 0 0 160px;
}
.cform.order-site .cf_info.failure, .cform .cf_info.success, .cform .cf_info{
	margin: 0px 24px 24px 24px;
	width: auto;
}
.cform.order-site #li-2-9 .reqtxt {
	color: #999;
}


/* @end */


/* @group Search */

.search h2 {
	margin-top: 1.3em;
}

#searchform {
	width: 83%;
	font-size: medium;
	margin: 2em auto;
}
#searchform #s {
	padding:0.2em;
	font-size: medium;
	font-family: "Lucida Grande", "Segoe UI",  "Tahoma", "Arial", sans-serif;
}
#searchform input[type="submit"] {
	font-size: 16px;
}
.search-highlight {
	background-color: #ffcc00;
}

.search-results .works {
	margin: 0 5% 0 10%;
}

.search-results .work {
	display: inline-block;
	vertical-align: top;
	width: 240px;
	margin: 0 0 2em 0;
}
.search-results .work i {
	display: inline-block;
	height: 200px;
	width: 100%;
	line-height: 200px;
	vertical-align: middle;
	margin: 0 0 16px 0;
}
.search-results .work h3 {
	font-size: 15px;
	line-height: 16px;
	text-align: center;

}
.search-results .work img {
	display: inline;
	margin: 0 auto;
	vertical-align: middle;
}

.search-results .work.web img {
	box-shadow: 0 6px 12px rgba(0,0,0,.3);
	border-bottom: 3px solid #dadada;
}

.search-results .entry {
	margin: 0 0 2em 10%;
	max-width: 800px;
}
.search-results .entry h3 {
	font-size: 19px;
}
.search-results .entry img {
	float: left;
	margin: 0 1em 0 0;
}

/* @end */

/* @group Links */

.page-links ul.blogroll {
	margin: 1.5em 1em;
}
.page-links ul.blogroll li{
	margin: 0 0 .5em 0;
	width: 90%;
}

/* @end */


/* @group 404 */
.four04 h2 {
	font-size: 56px;
}

.four04 h3 {
	width: 80%;
	margin: 0 auto;
	visibility: hidden;
}

.four04 legend {
	display: none;
}
.four04 #s, .four04 #searchsubmit {
	font-size: medium;
}
#sitemap {
	width:95%;
	margin:1em auto 0 auto;
}
#sitemap h4 {
	border-bottom:1px solid #ccc;
	padding:0 0 0.5em 0;
}
#sitemap h4 a, #sitemap h4 a:visited {
	color: #333;
}
#sitemap h4 a:hover {
	color: #cc0000;
}
#sitemap li {
	width:34%;
	color: #999;
	float:left;
}
#sitemap ul li {
	width:auto;
	display:block;
	float:none;
	margin:0;
	line-height:1;
	padding:.5em 10px 0 0;
	font-weight:normal;
	font-size:small;
}
#sitemap ul ul {
	padding:.5em 0;
	color:#aaa;
}
#sitemap ul ul li {
	padding:0 0 0 .5em;
	margin: 0 0 .5em 0;
	font-size:smaller;
	line-height:1.5em;
}
/* @end */


/* @group Misc pages */

h2.tag {
	background: #fff url(i/tag.png) 0 18px no-repeat;
	margin: 0 0 0 10%;
	padding: .5em 0;
	text-indent: 70px;
	position: relative;
	left: -70px;
}

.page-goods p {max-width:100%;}

.page-grids .entry-content {
	width: 55%;
}
.page-grids .sidebar h3 {
	margin: 1em 0 0 0;
}
.page-grids .sidebar small {
	display: block;
	color: #999;
}
.page-grids .icon {
	float: left;
	margin: 0 12px 0 0 ;
}

.entry-content .icons-reel {
	margin: 2em 0 .3em -5%;
	width: 100%;
	max-width: 100%;
}
.entry-content .icons-reel i {
	display: block;
	margin: 0;
	float: left;
	width: 14%;
	text-align: center;
}

/* @end */


/* @group Workspace */

.item-ihpone .item-iphone-apps {
	margin: 0;
	padding: 16px;
	width: 312px;
	height: auto;
	background: #333;
}

.item-iphone-apps li {
	width: 100px;
	height: 126px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	text-align: center;
	font: 13px/18px PT Sans Caption;
	font-weight: bold;
}
.item-iphone-apps li a, .item-iphone-apps li  {
	color: #fff;
	text-shadow: 0 1px 2px #000;
}
.item-iphone-apps img {
	display: block;
	margin: 0 auto 6px;
	width: 75px;
	height: 75px;
}

/* @end */



/* @group Cforms */
.linklove {display: none;}
.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

/* global definitions for field labels */

.cform label {

	display:inline-block;
	text-align:left;
	vertical-align:top;
	cursor: pointer;
}

.cform label.cf-before {
	margin: 4px 10px 0 0; 
}

.cform label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

.cform label.cf-after span {
	width:115px;
	display:block;
}

.cform label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
.cform label.cf-group-after span {
	width:72px;
	display:block;
}


/* FORM FIELDS general formatting */
.cform input,
.cform textarea,
.cform select {  
	vertical-align:top;
	font-family: "Lucida Grande", "Arial", sans-serif;
}


/* FORM submit button */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	width: 100%;
}

/* FORM FIELDS enhanced error display */

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/* 'visitor verification' related styles  */


label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}


/* change formatting of response msgs here */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	line-height:1.3em;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 2em;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
	display:block;
	font-size: 1.5em;
}
div.failure {
	display:block;
	background:#FFDFDF;
}
#content .failure ol {
	margin: 0;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}

/* formatting for invalid user inputs */

.cform .cf_error { 
	/*border:1px solid #ad2929; */
	background: #240e0e;
	border: 1px solid #5a0000;
}
.cform .cform .cf_error:hover, .cform .cf_error:active, .cform .cf_error:focus{
	background: #3c1d1d;
}
.cform .cform .cf_li_err {
	color:#cc0000;
}

.mailerr, .cform .cf_errortxt {
	color:#ad2929; 
}

/* disabled fields [disabled] does not work on IE!    */

[disabled] {
	color:#ddd;
	border-color:#ddd !important;
	background:none!important;
}
.disabled {
	border-color:#ddd !important;
}


/* upload box styling */

.cform input.cf_upload  {
	width:220px;
	font-size: small;
	display: block;
	position: relative;
	cursor: pointer;
}


/*  Other: browser hacks  */

*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}

.reqtxt,  .emailreqtxt{
	display: none;
}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt {
	display: inline-block;  /*for ie6*/
}
span.emailreqtxt {
	font-size: small;
	color: #666;
	line-height: 1em;
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}


/* feedback form */

.cform.feedback {
	position:relative;
	display: block;
	min-width: 150px;
	margin:0;
	top: -16px;
	border: 1px solid #222;
	padding: 1em;
	background:transparent url(i/black50.png) repeat;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
.cform.feedback legend {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: PT Sans Caption, Arial;
	font-size: 16px;
		color: #eee;
}
.cform.feedback label {
	color: #eee;
	width: 100%;
	margin:4px 10px 0 0;

}

.cform.feedback input, .cform.feedback textarea {
	width:95%;
	display: block;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	padding: 5px 7px;
	outline: none;
	background: #222;
	border: 1px solid #333;
	font-size: 1.3em;
	color: #fff;
	opacity: .55;
	text-shadow: 1px 2px 2px #000;
	-webkit-box-shadow: inset 1px 2px 4px #000;
	-moz-box-shadow: inset 1px 2px 4px #000;
}
.cform.feedback input:hover,
.cform.feedback textarea:hover, {
	background:#444;
}
.cform.feedback input:focus,
.cform.feedback textarea:focus { 
	background:#444;
	border: 1px solid #444;
	opacity: .8;
}
.cform.feedback  textarea {
	font-size: .8em;
	overflow:auto;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

.cform.feedback input.sendbutton	{
	margin: 10px auto 0;
	border: 1px solid #333;
	-moz-border-radius: 28px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	cursor:pointer;
	display: block;
	padding: 8px;
	width:120px;
	min-width: 120px;
	font-size: 1em;
	background: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba( 0, 0, 0, 1)), color-stop(1, rgba( 25, 25, 25, 1)));
	-webkit-box-shadow: 0px 1px 12px #000;
	-moz-box-shadow: 0px 1px 12px #000;
}
.cform.feedback input.sendbutton:hover {
	opacity: .9;
	background: #1a1a1a;
	border: 1px solid #444;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba( 25, 25, 25, 1)), color-stop(1, rgba( 0, 0, 0, 1)));
}
.cform.feedback input.sendbutton:active {
	background: #333;
	text-shadow: none;
	cursor: pointer;
}
.cform.feedback input.sendbutton:focus {
	border: 1px solid #555;
	text-shadow: none;
}
.cform.feedback #usermessageb {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 1em;
	margin: 1em 0 0 0;
	background: #222;
	color:#fff;
}

.cform.feedback input {
	-webkit-transition: opacity .1s linear, border-color .1s linear, background-color .2s, padding .1s;
	-o-transition: opacity .1s linear, border-color .1s linear, background-color .2s, padding .1s;
	-moz-transition: opacity .1s linear, border-color .1s linear, background-color .2s linear, padding .1s linear;
	transition: opacity .1s linear, border-color .1s linear, background-color .2s linear, padding .1s linear;
}

.cform.feedback #cf_field_3 {
	font-size: small;
}

.cform.feedback #cf_field_2 {
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
}

.cform.feedback .reqtxt {
	display: none;
}

/* @end */


/* @group UI */

.button {
	display: block;
	clear: both;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;	
}

.maxlen {
	display: none;
}

/* @end */

/* @group Fixes */

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hidden {display:none;}
.worksDemo:after,  #main-menu:after, .cform.order-site li:after{
	content:".";
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	height:0;
	visibility:hidden;
}

/* @end */

/* @group Print */

@media print {
	nav, footer #searchform, #commentform, form.feedback, #wp-teaser .order-link, #wp-price .order-link, input[type="submit"] {display: none;}
	.page-contacts .column {
		width: 100%;
		max-width: none;
		float: none;
		clear: both;
	}
	* { background: transparent !important; color: #444 !important; text-shadow: none; box-shadow: none;}
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 80%; font-family: 'PT Sans', arial, sans-serif; letter-spacing: 0;}
	footer a:after, .comment-meta a:after {content: '';}
	abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}

/* @end */