@import url("reset.css");

body {color:#000; background-color:#f1f1f3; font:.813em Tahoma,Verdana,Helvetica}
td,th {color:#000; font:1em Tahoma,Verdana,Helvetica}
input,textarea,option,select {color:#000; font:1em Tahoma,Verdana,Helvetica}

/* // ---- typography ---- // */

a {color:#f60; text-decoration:underline}
a:hover {color:#f30}

.blog-view h2, .main-title, h1, .contact-card h2 {color:#79798C; font-size:2em; font-weight:normal; padding-bottom:11px}
.glossary dt, .light-title {color:#d6d6dc; font-size:2em; font-weight:normal; padding-bottom:12px}
.title-r {position:relative; margin-left:-55px}
/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:9; min-width:1000px; max-width:1300px; margin:0 auto}

.outer {padding:0 60px}

.middle {padding-bottom:60px}

/* // ---- top block ---- // */
.top {position:relative; z-index:1}
	.logo {float:left; padding:22px 0 14px}
	.top .keywords {float:right; width:74%; padding:8px 0 26px; font-size:.769em}
		.top .keywords li {float:right; padding:0 0 8px 12px}
		.top .keywords a {color:#A6A5AD}
			.top .keywords a:hover {color:#7C7B86}
.phone {position:relative; z-index:2; color:#7C7B86; top:-27px; margin:0 0 -16px auto; width:74%; text-align:right}
/* -- ---- top block ---- -- */

/* // ---- visual ---- // */
.visual {height:211px; background-repeat:repeat-x; margin-bottom:26px}
	.visual div {height:211px}
		.visual div a {display:block; height:211px}
/* -- ---- visual ---- -- */

/* // ---- 3 col green ---- // */
.g3col {}
	.g3col .col-2 {position:relative; left:26%; float:left; width:50%; margin-right:-50%}
		.g3col .col2 {padding:3px 0 0 1px}
	.g3col .col-1 {position:relative; width:26%; float:left; margin-right:-25%}
		.g3col .col1 {padding:3px 20px 0 14px}
	.g3col .col-3 {position:relative; width:24%; float:right; text-align:right}
		.g3col .col3 {padding:0 11px 0 10px}
/* -- ---- 3 col green ---- -- */
/* // ---- 2 col green ---- // */
.g2col {}
	.g2col .col-2 {position:relative; float:right; width:74%}
		.g2col .col2 {padding:3px 11px 0 1px}
	.g2col .col-1 {position:relative; width:26%; float:left; margin-right:-25%}
		.g2col .col1 {padding:3px 20px 0 14px}
	.g2col .col-long {float:left; width:70%}
		.g2col .collong {padding-right:14px}
	.g2col .col-3 {float:right; width:30%; text-align:right}
		.g2col .col3 {position:relative; margin-top:-3px}
/* -- ---- 3 col green ---- -- */

.navigation {font-size:1.385em}
	.navigation li {padding-bottom:18px}
		.navigation .hr {color:#000 !important; font-weight:normal}
	.navigation ul {font-size:.722em; padding:8px 0 0 18px; margin-bottom:-11px}
		.navigation ul li {padding-bottom:10px}

/* // ---- for editor ---- // */
.for-editor {line-height:1.462em}
	.for-editor p, .blog-view p {padding-bottom:19px}
	.for-editor h3 {font-size:1em}
	.for-editor .ph-c {padding-bottom:10px}
	.for-editor .big-img {position:relative; margin-right:-20px !important; padding-bottom:15px}
	.for-editor .img-left {float:left; margin:5px 30px 15px 0}
	.for-editor ul {padding-bottom:19px}
		.for-editor li {padding-left:14px; background:url(../img/li.gif) no-repeat 0 10px}
		.for-editor H2 {font-size:1.462em; font-weight:200; color: #79798C; cursor: pointer;}
/* -- ---- for editor ---- -- */

.main-news {padding-top:35px}

.entry-blog {background-color:#e9e9ec; margin-bottom:15px}
.entry-blog li {padding:6px 3px 15px 23px; line-height:18px}
.entry-blog a, .entry-blog a:hover {color:#7c7b86}

.see-all {text-align:right; font-size:1.385em}

/* // ---- right works ---- // */
.right-works {line-height:1.462em}
	.right-works li {padding-bottom:37px}
	.right-works .ph {padding-bottom:15px}
		.right-works .ph img {border:10px solid #d6d6dc}
	.right-works h3 {padding-bottom:1px}
/* -- ---- right works ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#7c7b86; border-top:1px dashed #cdcbd2; padding:18px 0}
.offices-bottom {position:relative; left:7%; width:70%; margin:0 auto; padding-bottom:65px}
	.offices-bottom dt {color:#A6A5AD; font-size:1.385em; float:left; padding-right:14px; padding-top:2px}
	.offices-bottom dd {float:left; border-left:1px solid #c0c0c5; line-height:19px; padding:3px 0 4px 13px; width:33%}
		.offices-bottom dd a {color:#7c7b86}
/* -- ---- bottom ---- -- */

/* // ---- developers ---- // */
.develop {float:left; line-height:1.462em}
	.develop {float:left}
	.develop a {color:#7C7B86 !important}
.xs2 {float:right; text-align:right; line-height:1.462em}
	.xs2 a {display:block; color:#a6a5ad !important; padding-right:45px; background:url(../img/xs2.gif) no-repeat 100% 1px}
/* -- ---- developers ---- -- */

/* // ---- people card ---- // */
.people-card {padding-top:40px; line-height:1.462em}
	.people-card .ph {padding-bottom:20px}
	.people-card p {padding-bottom:16px}
	.people-card .f-l {float:left}
	.people-card .f-r {float:right}
	.people-card .width50 {width:47%}
/* -- ---- people card ---- -- */

/* // ---- contact card ---- // */
.contact-card {background-color:#fff; padding:10px 30px 15px; width:60%}
	.contact-card h2 {padding-bottom:5px}
	.contact-card p {padding-bottom:20px}
	.contact-card .toggleval {color:#d6d6dc}
	.contact-card .tv-focused, .contact-card .tv-changed {color:#000}
	.contact-card .t-inp {padding-bottom:9px}
	.contact-card .lbl {padding:18px 0 4px}
	.contact-card .btn {text-align:right}
		.contact-card .btn input {color:#fff; font-size:1.385em; background-color:#79798c; border-width:0; padding:0 19px; height:34px}
		.contact-card .btn input:hover, .contact-card .btn input.hover {background-color:#f60}
		.contact-card .btn input.disabled {background-color:#d6d6dc}
/* -- ---- contact card ---- -- */

/* // ---- list works ---- // */
.list-works {}
	.list-works li {padding-bottom:39px}
	.list-works .img-cover {float:left; margin:0 23px 0 0}
	.list-works .txt-tb {padding-top:20px; line-height:1.462em}
	.list-works h3 {font-size:1em}
/* -- ---- list works ---- -- */

.list-public {padding-bottom:30px}
	.list-public li, .responses li {padding-bottom:14px}
	.list-public a {color:#79798C}
	.list-public h3 {font-size:1em; font-weight:normal}

.responses {}
	.responses p {color:#79798C}
	.responses .author {color:#D6D6DC; font-weight:bold}

.b-right-b {position:relative; width:10px; height:1px; background-color:#000; font-size:1px; overflow:hidden; margin:0 -25px 20px auto}

.list-articles, .glossary dd {line-height:1.462em; padding-bottom:25px}
	.glossary h3, .list-articles h3 {font-size:1em}
	.glossary li, .list-articles li {padding-bottom:19px}
	.glossary dd {padding-bottom:5px}

.author-art {color:#7C7B86; white-space:nowrap}

.clients-show {position:relative; margin:0 -35px 0 0}
	.clients-show li {float:left; padding:0 10px 20px 0}

div#qTip {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	display:none;
	background: #ff00ff;
	padding:5px 10px;
	z-index:999;
}

/* // ---- blog view ---- // */
.blog-view {}
.blog-view h2 {color:#f60}
.blog-view li {background-color:#fff; margin-bottom:30px; padding:18px 25px 13px 19px; line-height:1.462em}
.blog-view .dt {color:#A6A5AD; padding-bottom:13px}
.blog-view .tags {color:#a6a5ad; font-size:.769em; padding-bottom:10px}
.blog-view .tags a {color:#a6a5ad}
.blog-view .more {padding-bottom:6px}
.blog-view .more a {color:#000}
.blog-view .comment-s a {color:#a6a5ad}
.blog-view .author {text-align:right; color:#f60; padding-bottom:2px}
.blog-view .comment-s {padding-bottom:2px}
/* -- ---- blog view ---- -- */

/* // ---- pages ---- // */
.pages {width:100%}
.pages th {text-align:center; font-weight:normal}
.pages th.rth {text-align:right}
.pages th.lft {text-align:left }
.pages .pgs {color:#f00; letter-spacing:1px}
.pages .pgs a {text-decoration:none}
.pages td {padding:15px 0; width:33%; text-align:center}
.pages a {color:#000}
/* -- ---- pages ---- -- */

.rss-link {padding:50px 0 15px 10px; text-align:left}
	.rss-link a {color:#000 !important; padding:5px 0 10px 30px; background:url(../img/rss.gif) no-repeat 0 3px}

.show-links {}
	.show-links a {color:#000}
	.show-links li {padding-bottom:10px}