/*
Theme Name: TriExp
Theme URI: http://TriExp.ru
Description: Theme.
Version: 1.0
Author: TriExp
Author URI: http://TriExp.ru
Tags:theme

*/

@font-face {
	font-family:'Cuprum';
	src: url(fonts/Cuprum.eot);
	src:
		local('CuprumFFU'),
		url(fonts/Cuprum.otf) format('opentype'),
		url(fonts/Cuprum.ttf) format('truetype'),
		url(fonts/Cuprum.svg) format('svg');
}

html {
	width:100%;
}

body {
	width:100%;
	font-size: 100,01%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	font-family: Arial, Helvetica, "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	color:#333;
	background:#cfcfcf;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	padding:0;
	margin:0;
	line-height:0;
}

a {
	color: #03B8BC;
}

abbr {
    border-bottom: 1px dotted #333;
}

small {
	font-size:0.625em;
}

.alignright {
	flat: right;
}

.alignleft {
	flat: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Header */

#container {
	font-size:0.625em;
	line-height:1.5;
}

#topline {
	height:20px;
	background: #333 url(images/topline.jpg) top left repeat-x;
}

#top {
	color:#ffffff;
	background:#000000;
	height:101px;
	border-top: 1px solid #2F2F2F;
}

#top .wrapper {
	background: #000000 url(images/phone.jpg) top right no-repeat;
}

#toptext {
	width:430px;
	height:41px;
	padding:0px 270px 0px 20px;
	margin:30px 0px 30px 0px;
	float:right;
	font-size: 10px;
	line-height:1.4;
	border-left: 1px solid #333;
	font-family: Tahoma, Verdana, Trebuchet MS, san-serif;
}

#logo {
	width:220px;
	height:41px;
	padding:30px 0px 30px 0px;
	float:left;
}

#logo img {
	float:left;
}

#logo a {
	text-decoration:none;
}

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

#logo a #slogan {
	float:left;
	position: relative;
	display:block;
	left: 225px;
	top: -80px;
	width:105px;
	padding:7px 0px 13px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	text-align: center;
	color: #03B8BC;
	background: transparent url(images/slogan.gif) no-repeat;
}

#logo a #slogan:hover {
	color: #333333;
}

#pages {
	width:100%;
	background: #EFEBE0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: uppercase;
	font-family: 'Cuprum','Trebuchet MS',sans-serif;
}

#pages ul {
	width:960px;
	height:50px;
}

#pages ul li {
	float:left;
	display:block;
	height:50px;
	line-height:50px;
	width:192px;
}

#pages ul #company {
	qqwidth: 137px;
}

#pages ul #portfolio {
	qqwidth:129px;
}

#pages ul #service {
	qqwidth: 161px;
}

#pages ul #contact {
	qqwidth: 120px;
}

#pages a {
	display:block;
	height:50px;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	color:#000000;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url(images/pages.gif) no-repeat;
	background-position: 0px 50px;
}

#pages a:hover {
	color:#00BEBF;
}

.home #pages #mainpage a { background-position: 0px -100px; }
.home #pages #company a { background-position: -192px 0px; }
.home #pages #portfolio a { background-position: -384px 0px; }
.home #pages #service a { background-position: -576px 0px; }
.home #pages #contact a { background-position: -768px 0px; }

.home #pages #mainpage a:hover { background-position: 0px -150px; }
.home #pages #company a:hover { background-position: -192px -50px; }
.home #pages #portfolio a:hover { background-position: -384px -50px; }
.home #pages #service a:hover { background-position: -576px -50px; }
.home #pages #contact a:hover { background-position: -768px -50px; }

.page #pages #mainpage a { background-position: 0px 0px; }
.page #pages #company a { background-position: -192px 0px; }
.page #pages #portfolio a { background-position: -384px 0px; }
.page #pages #service a { background-position: -576px 0px; }
.page #pages #contact a { background-position: -768px 0px; }

.page #pages #mainpage a:hover { background-position: 0px 0px; }
.page #pages #company a:hover { background-position: -192px -50px; }
.page #pages #portfolio a:hover { background-position: -384px -50px; }
.page #pages #service a:hover { background-position: -576px -50px; }
.page #pages #contact a:hover { background-position: -768px -50px; }

.error404 #pages #mainpage a { background-position: 0px 0px; }
.error404 #pages #company a { background-position: -192px 0px; }
.error404 #pages #portfolio a { background-position: -384px 0px; }
.error404 #pages #service a { background-position: -576px 0px; }
.error404 #pages #contact a { background-position: -768px 0px; }

.error404 #pages #mainpage a:hover { background-position: 0px 0px; }
.error404 #pages #company a:hover { background-position: -192px -50px; }
.error404 #pages #portfolio a:hover { background-position: -384px -50px; }
.error404 #pages #service a:hover { background-position: -576px -50px; }
.error404 #pages #contact a:hover { background-position: -768px -50px; }

.single #pages #mainpage a { background-position: 0px 0px; }
.single #pages #company a { background-position: -192px 0px; }
.single #pages #portfolio a { background-position: -384px 0px; }
.single #pages #service a { background-position: -576px 0px; }
.single #pages #contact a { background-position: -768px 0px; }

.single #pages #mainpage a:hover { background-position: 0px 0px; }
.single #pages #company a:hover { background-position: -192px -50px; }
.single #pages #portfolio a:hover { background-position: -384px -50px; }
.single #pages #service a:hover { background-position: -576px -50px; }
.single #pages #contact a:hover { background-position: -768px -50px; }

.page-id-243 #pages #mainpage a { background-position: 0px 0px; }
.page-id-243 #pages #company a { background-position: -192px -100px; }
.page-id-243 #pages #portfolio a { background-position: -384px 0px; }
.page-id-243 #pages #service a { background-position: -576px 0px; }
.page-id-243 #pages #contact a { background-position: -768px 0px; }

.page-id-243 #pages #mainpage a:hover { background-position: 0px 0px; }
.page-id-243 #pages #company a:hover { background-position: -192px -150px; }
.page-id-243 #pages #portfolio a:hover { background-position: -384px -50px; }
.page-id-243 #pages #service a:hover { background-position: -576px -50px; }
.page-id-243 #pages #contact a:hover { background-position: -768px -50px; }

.page-id-246 #pages #mainpage a { background-position: 0px 0px; }
.page-id-246 #pages #company a { background-position: -192px 0px; }
.page-id-246 #pages #portfolio a { background-position: -384px -100px; }
.page-id-246 #pages #service a { background-position: -576px 0px; }
.page-id-246 #pages #contact a { background-position: -768px 0px; }

.page-id-246 #pages #mainpage a:hover { background-position: 0px 0px; }
.page-id-246 #pages #company a:hover { background-position: -192px -50px; }
.page-id-246 #pages #portfolio a:hover { background-position: -384px -150px; }
.page-id-246 #pages #service a:hover { background-position: -576px -50px; }
.page-id-246 #pages #contact a:hover { background-position: -768px -50px; }

.page-id-23 #pages #mainpage a { background-position: 0px 0px; }
.page-id-23 #pages #company a { background-position: -192px 0px; }
.page-id-23 #pages #portfolio a { background-position: -384px 0px; }
.page-id-23 #pages #service a { background-position: -576px -100px; }
.page-id-23 #pages #contact a { background-position: -768px 0px; }

.page-id-23 #pages #mainpage a:hover { background-position: 0px 0px; }
.page-id-23 #pages #company a:hover { background-position: -192px -50px; }
.page-id-23 #pages #portfolio a:hover { background-position: -384px -50px; }
.page-id-23 #pages #service a:hover { background-position: -576px -150px; }
.page-id-23 #pages #contact a:hover { background-position: -768px -50px; }

.parent-pageid-23 #pages #mainpage a { background-position: 0px 0px; }
.parent-pageid-23 #pages #company a { background-position: -192px 0px; }
.parent-pageid-23 #pages #portfolio a { background-position: -384px 0px; }
.parent-pageid-23 #pages #service a { background-position: -576px -100px; }
.parent-pageid-23 #pages #contact a { background-position: -768px 0px; }

.parent-pageid-23 #pages #mainpage a:hover { background-position: 0px 0px; }
.parent-pageid-23 #pages #company a:hover { background-position: -192px -50px; }
.parent-pageid-23 #pages #portfolio a:hover { background-position: -384px -50px; }
.parent-pageid-23 #pages #service a:hover { background-position: -576px -150px; }
.parent-pageid-23 #pages #contact a:hover { background-position: -768px -50px; }

.page-id-5 #pages #mainpage a { background-position: 0px 0px; }
.page-id-5 #pages #company a { background-position: -192px 0px; }
.page-id-5 #pages #portfolio a { background-position: -384px 0px; }
.page-id-5 #pages #service a { background-position: -576px 0px; }
.page-id-5 #pages #contact a { background-position: -768px -100px; }

.page-id-5 #pages #mainpage a:hover { background-position: 0px 0px; }
.page-id-5 #pages #company a:hover { background-position: -192px -50px; }
.page-id-5 #pages #portfolio a:hover { background-position: -384px -50px; }
.page-id-5 #pages #service a:hover { background-position: -576px -50px; }
.page-id-5 #pages #contact a:hover { background-position: -768px -150px; }

#breadcrumbsline {
	height: 40px;
	line-height:40px;
	background: #ffffff;
	border-bottom: 1px solid #E5E5E5;
	color:#9F9F9F;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-family: Trebuchet MS, Tahoma, Verdana, san-serif;
}

#breadcrumbsline a {
	text-decoration:underline;
}

/* Main */

.wrapper {
	width: 960px;
	margin: 0 auto;
}

#main {
	color:#333;
	background:#fff;
	border-bottom: 1px solid #CFCFCF;
}

#sidebar {
	width:100%;
	float:left;
	margin-right: -100%;
}

#insidebar {
	width:240px;
}

#layout {
	position: relative;
	margin-left: 240px;
	overflow: hidden;
}

#content {
	width:540px;
	float:left;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 32000px 0px;
	margin:0px 0px -32000px 0px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background: #ffffff;
}

#incontent {
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}

#rightcolumn {
	width:178px;
	float:right;
}

#inrightcolumn {
	margin:0px 0px 20px 0px;
}

.button {
	display:block;
	clear:both;
	width:auto;
}

.button img {
	height:64px;
}

a.button {
	text-decoration:none;
}

#pakets {
	font-size:10px;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	margin: 0px 0px 0px 18px;
	color:#333;
	text-align: right;
}

#pakets a {
	display: block;
	color:#333;
	text-decoration:none;
}

#pakets div {
	width:160px;
	margin: 0px 0px 20px 0px;
}

#pakets div.pak {
	height:73px;
}

#pakets #vashington a {
	padding: 58px 0px 0px 0px;
	background: transparent url(images/vashington.gif) no-repeat;
}

#pakets #dzhekson a {
	padding: 58px 0px 0px 0px;
	background: transparent url(images/jekson.gif) no-repeat;
}

#pakets #linkoln a {
	padding: 58px 0px 0px 0px;
	background: transparent url(images/linkoln.gif) no-repeat;
}

#pakets #gamilton a {
	padding: 58px 0px 0px 0px;
	background: transparent url(images/hamilton.gif) no-repeat;
}

#pakets a span {
	color:#03B8BC;
	border-bottom:1px dotted #E5E5E5;
}

.vmenu {
	font-size:10px;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	clear:both;
	padding: 10px 0px 10px 0px;
	text-align: left;
}

.vmenu ul {
	margin: 10px 0px 0px 0px;
}

.vmenu li {
	list-style: disc inside;
}

#imp {
	font-size: 10px;
	font-family: Trebuchet MS, san-serif;
	padding: 15px 20px 15px 18px;
	background: #EFEFEF;
}

#sidelinks {
	font-size:11px;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	margin: 20px 0px 0px 20px;
}

#sidelinks a {
	display: block;
	color:#333;
	qqtext-decoration:none;
}

#sidelinks #slovar {
	padding: 0px 0px 0px 22px;
	background: transparent url(images/album.gif) no-repeat;
}


#content .text {
	font-size:1.2em;
}

#content .text h1 {
	font-size: 1.66em;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	font-family: 'Cuprum','Trebuchet MS',sans-serif;
	line-height:1;
	background: #EFEFEF;
	padding: 20px;
}

#content .text h2 {
	color:#03B8BC;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	margin: 10px 20px 10px 20px;
}

#content .text h3 {
	color:#03B8BC;
	font-size:0.9em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	margin: 10px 20px 10px 20px;
}

#content .entry {
	margin: 20px 0px 0px 0px;
}

#content .entry p, #content .entry ul, #content .entry ol, #content .entry blockquote {
	margin: 0 0 1.5em;
}

#content .entry p {
	margin: 1em 20px;
}

#content .text ul {
	margin-left:35px;
	margin-right: 20px;
}

#content .text ul li {
	list-style: disc outside;
}

#content .text ol {
	margin-left:40px;
	margin-right: 20px;
}

.single #content .text .entry table {
	width:500px;
	margin: 0px 20px 18px 20px;
}

.single #content .text .entry td {
	height: 30px;
	vertical-align:middle;
	border-bottom:1px solid #E5E5E5;
	padding: 0px 5px 0px 5px;
}

.text ol li {
	list-style: decimal outside;
}

#content .text input {
	font-size: 11px;
	border:0px solid #EFEFEF;
	padding: 0px;
}

#content blockquote {
	padding: 1em 0px 1em 0px;
	background:#EFEFEF;
	border-top:4px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:0.9em;
	font-family: Courier New, monospace;
}

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

#content .text .more-link {
	display:block;
	text-align:right;
}

#content .text #money table {
	width:100%;
}

#content .text #money td {
	height: 30px;
	vertical-align:middle;
	border-bottom:1px solid #E5E5E5;
	padding: 0px 0px 0px 20px;
}

#content .text #contacts-tel td {
	height: 30px;
	vertical-align:middle;
	border-bottom:1px solid #E5E5E5;
	padding: 0px 0px 0px 20px;
}

#content .postinfo {
	color:#5F5F5F;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
}

#content .postinfo span {
	display:block;
	float:left;
	padding: 7px 0px;
}

#sites img {
	padding: 5px;
}

/* Footer */

#footer {
	font-size: 11px;
	font-family: Tahoma, Trebuchet MS, san-serif;
	color:#7F7F7F;
	padding: 0px 0px 20px 0px;
}

#footer #footerpanel {
	font-size: 10px;
	font-family: Tahoma, Trebuchet MS, san-serif;
	color:#7F7F7F;
	padding: 10px 30px 10px 30px;
	background:#dcdcdc;
	border-bottom:1px solid #bfbfbf;
}

#footer #copy .vcard {
	margin: 20px 30px 0px 260px;
	padding: 0px 140px 0px 0px;
	background: transparent url(images/logo2.gif) top right no-repeat;
}

#footer #copy p {
	padding: 0px 140px 0px 0px;
	background: transparent url(images/logo2.gif) center right no-repeat;
}

/* Sidebar */

#news-list {
	padding: 10px 0px 20px 0px;
}

#news-list h4 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: uppercase;
	font-family: 'Cuprum','Trebuchet MS',sans-serif;
	margin: 0px 0px 10px 0px;
}

#news-list ul {
	font-size:12px;
	color:#999;
}

#news-list ul li {
	list-style: decimal outside;
	font-size: 11px;
	padding:0px 0px 5px 0px;
}

#news-list ul li a {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	text-decoration:none;
	border-bottom:1px dotted #03B8BC;
}

#news-list ul li a:hover {
	color: #333;
	border-bottom:1px dotted #333;
}

#preved {
	width:240px;
	padding: 20px 0px 0px 0px;
}

#preved p {
	font-family: Trebuchet MS, Tahoma, sans-serif;
	font-size:10px;
	padding: 0px 20px 0px 0px;
}

#us-list {
	width:240px;
	position: relative;
	padding: 15px 0px 15px 15px;
	margin: 20px 0px 0px -15px;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	background: #E5E5E5;
}

#us-list ul {
	width:220px;
	font-size:12px;
	color:#999;
}

#us-list ul li {
	width:220px;
	line-height:24px;
}

#us-list ul li ul {
	width:200px;
	margin: 0px 0px 0px 20px;
}

#us-list ul li ul li {
	width:200px;
}

#us-list ul li a {
	display: block;
	height:24px;
	font-size:12px;
	font-family: Tahoma, Trebuchet MS, Verdana, sans-serif;
	qqfont-weight:bold;
	qqtext-transform: uppercase;
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #AFAFAF;
}

#us-list ul li a:hover {
	text-decoration:none;
	color:#03B8BC;
	border-bottom:1px dotted #03B8BC;
}

#zakaz {
	width:240px;
	position: relative;
	padding: 15px 0px 15px 15px;
	margin: 0px 0px 0px -15px;
	background: #efefef;
}

#zakaz a {
	display: block;
	width:220px;
	height:34px;
	font-size: 26px;
	letter-spacing: -2px;
	text-align: center;
	text-transform: uppercase;
}

#contactbox {
	width:280px;
	background: #dcdcdc url(images/grtop.gif) top right no-repeat;
}

#incontactbox {
	padding:30px;
	background: transparent url(images/grbot.gif) bottom right no-repeat;
}

#sidebar .h2 {
	display:block;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	margin: 30px 0px 30px 0px;
	background: #03B8BC;
}

#contact-map {
	padding: 20px 0px 20px 0px;
	background: transparent url(images/kosline.gif) top left repeat;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align: center;
}

#contact-map img {
	margin: 0 auto;
}

/** Portfolio **/

#works {
	width:100%;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #dcdcdc;
}

#works td {
	vertical-align:top;
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #dcdcdc;
}

#works td.portworks {
	width:200px;
	padding-left: 20px;
}

#works td.portdesc {
	padding: 5px 0px 0px 0px;
}

/** Special **/

#bender {
	position: absolute;
	right: 10px;
	bottom: 0px;
}