@charset "windows-1251";
/* CSS Document */

body {
	background: #f9fafb left top url(../images/top-bg.gif) repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #40464c;
	margin: 0px;
	padding: 0px;
}
h1, h4 {font-family: Tahoma, Geneva, sans-serif; font-size: 24px; font-weight: normal; margin: 0px;}
h3 {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 2px solid #bac8d5; margin: 0px 0px 5px 0px; color:#000000;}
strong, b {color: #000000;}
.mainContainer {width: 880px; margin: auto;}

a img {border: 0px;}
.clear {clear: both; width: 100%; height: 0px; font-size: 0px; display: block;}

a:link {color: #225588; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dotted #8899aa;}
a:visited {color: #225588; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dotted #8899aa;}
a:hover {color: #225588; text-decoration: none; padding-bottom: 3px; border-bottom: 0px;}
a:active {color: #225588; text-decoration: none; padding-bottom: 3px; border-bottom: 0px;}

.topContainer {height: 85px;}
.topContainer .top {width: 880px; margin: auto;}
.topContainer .top .logo {float: left; padding-top: 21px;}
.topContainer .top .logo a {border-bottom: 0px;}
.topContainer .top .nav {float: right; padding: 0px; margin: 0px; padding-top: 36px; position: relative;}
.topContainer .top .nav li {float: left; padding: 0px; margin: 0px; list-style: none; margin: 0px 0px 0px 30px;}
.topContainer .top .nav li a {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.smallprice {
	position: absolute;
	right: -30px;
	top: 15px;
}

.homeBg {background: center top url(../images/header-bg.jpg) no-repeat;}
.header {padding: 30px 0px 30px;}
.header .headerText {width: 630px;}
.header .headerText p {font-size: 15px; line-height: 22px;}
.header .headerText div {color: #a999aa;}
.header .headerText div a {font-size: 16px;}

.more {margin-bottom: 20px;}
.more span {font-size: 14px; float: left;}
.more a {font-size: 13px; float: right;}

.portfolioContainer {height: 200px; width: 880px; overflow: hidden; margin-bottom: 30px;}
.portfolioContainer .portfolio {width: 937px;}
.portfolioContainer .portfolio .item {float: left; padding-right: 28px; margin-right: 28px; border-right: 1px solid #d8d8d8;}
.portfolioContainer .portfolio .item a {border: 6px solid #d0e0ea; display: block;}
.portfolioContainer .portfolio .item img {border: 1px solid #ffffff;}

.portfolioAll {position: relative; margin-right: -56px; zoom: 100%;}
.portfolioAll .portfolio .item {float: left;border: 6px solid #d0e0ea;  margin: 0px 56px 56px 0px;}
.portfolioAll .portfolio .item  .itemContainer {border: 1px solid #ffffff; overflow: hidden; position: relative; height: 180px; width: 240px;}
.portfolioAll .portfolio .item a {display: block; padding: 0px;}


.boxcaption {
	background: none repeat scroll 0 0 #000000;
	float: left;
	height: 100px;
	opacity: 0.8;
	padding: 7px 2px;
	position: absolute;
	width: 236px;
}
.boxcaption h6 {margin: 0px 10px; font-size: 14px; font-weight: bold; color: #ffffff;}
.boxcaption p {margin: 3px 10px; color: #ffffff; font-size: 12px;}

.services {background: url(../images/cross.gif) no-repeat;}
.services ul {padding-left: 15px; line-height: 20px;}
.services.top {background-position: center bottom;}
.services.top .left {
	background: left top url(../images/design-ico.png) no-repeat;
	float: left;
	width: 321px;
	padding: 10px 0px 30px 85px;
}
.services.top .right {
	background: left top url(../images/dev-ico.png) no-repeat;
	float: right;
	width: 321px;
	padding: 10px 0px 30px 85px;
}
.services.bottom {background-position: center top;}
.services.bottom .left {
	background: left 20px url(../images/seo-ico.png) no-repeat;
	float: left;
	width: 321px;
	padding: 30px 0px 30px 85px;
}
.services.bottom .right {
	background: left 20px url(../images/mobile-ico.png) no-repeat;
	float: right;
	width: 321px;
	padding: 30px 0px 30px 85px;
}

.footerContainer {
	background-color: #ebeef0;
	border-top: 1px solid #d8d8d8;
	height: 57px;
}
.footerContainer .footer {
	width: 880px;
	margin: auto;
	padding-top: 10px;
	background: 0px 10px url(../images/logo-bottom.gif) no-repeat;
	height: 36px;
}
.footerContainer .footer .copyright {font-size: 11px; color: #6d6d6d; margin-left: 41px; float: left; padding-top: 5px;}
.footerContainer .footer .copyright span {color: #225588; font-weight: bold;}

.footerContainer .footer .menuBottom {float: right;}
.footerContainer .footer .menuBottom .nav {padding: 10px 0px 0px 0px; margin: 0px;}
.footerContainer .footer .menuBottom .nav li {float: left; margin-left: 25px; list-style: none;}
.footerContainer .footer .menuBottom .nav li a {color: #000000; font-weight: bold;}

.rightColumns .left {float: left; width: 600px; margin-right: 20px;}
.rightColumns .right {float: left; width: 260px;}
.rightColumns .right .contactBar {border: 1px solid #bac8d5; background-color: #ffffff; padding: 10px; margin-top: 10px;}
.rightColumns .right .contactBar img {vertical-align: middle;}

.breadContainer {border-bottom: 1px solid #f9fcff; font-size: 14px; margin-bottom: 20px;}
.breadContainer .bread {border-bottom: 1px solid #e0e6eb; padding: 10px 0px 13px;}
.breadContainer .bread .left {float: left;}
.breadContainer .bread .left span {background: center url(../images/arrow.gif) no-repeat; padding: 3px 15px;}
.breadContainer .bread .right {float: right;}

.screen {
	padding: 10px 0px;
}
.paddingTop {padding-top: 20px;}

.contactTable {border: 1px solid #c2c6ca; border-collapse: collapse;margin: 10px 0px 20px 0px; padding: 0px;}
.contactTable .contactHeader {text-align: left; background-color: #224466; border: 1px solid #224466; padding: 5px; margin: -1px -1px 0px -1px;}
.contactTable .contactHeader p {font-size: 11px; font-weight: normal; color: #ffffff; margin: 0px;}

.contactTable li {padding: 7px; border-top: 1px solid #e2e6ea; border-bottom: 1px solid #ffffff; list-style: none; background-color: #f2f6fa;}
.contactTable li .leftCol {float: left; width: 220px; font-weight: bold; color: #000000; font-size: 11px; padding-top: 5px;}
.contactTable li .rightCol {float: left;}
.contactTable li .rightCol .input, .contactTable li .rightCol .textarea {
	border-color: #777777 #CCCCCC #CCCCCC #777777;
	border-style: solid;
	border-width: 1px;
	font: 1em Verdana,sans-serif;
	padding: 4px;
	width: 300px;
}
.contactTable li .leftCol span {color: #ff0000;}
.contactTable li .rightCol .textarea {height: 160px;}
.contactTable li .rightCol.captcha div {float: left; margin-right: 5px;}
.contactTable li .rightCol.captcha div input {
	border-color: #777777 #CCCCCC #CCCCCC #777777;
	border-style: solid;
	border-width: 1px;
	font:1em Verdana,sans-serif;
	width: 70px;
}
.contactTable li.submitBg {
	background: left top url(../images/submit-bg.gif);
	padding:8px 16px 8px 225px;
	border: 0px;
	border-top: 1px solid #c2c6ca;
}

.contactTable li.submitBg input {
	background:url(../images/sprite-x.png) repeat-x scroll 0 -90px #E9E8E8;
	border-color: #BBBBBB #888888 #888888 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 5px 8px;
	width: auto;
}
.contactTable li.submitBg input:hover {
	background: none #fafafa;
	cursor: pointer;
}
.error {
	margin-bottom: 10px;
	padding: 14px 20px;
	background-color: #FFF6F6;
	border: 1px solid #FFAAAA;
	color: #553333;
}
.info {
	margin-bottom: 10px;
	padding: 14px 20px;
	background-color: #EFE;
	border: 1px solid #DED;
	color: #353;
	width: 880px;
	margin: 200px auto;
}

.faqQuestions {padding: 0px; margin: 0px 0px 30px 0px;}
.faqQuestions li {list-style: none; padding: 5px 0px 5px 20px; background: left center url(../images/arrow.gif) no-repeat;}

.answerContainer {
	padding: 5px 5px 5px 5px;
	border: 1px solid #c2c6ca;
	background-color: #f2f6fa;
	margin-bottom: 20px;
}
h5 {margin: 0px 0px 5px 0px;}
.answerContainer p {margin: 0px;}
.answerContainer a {text-align: right; font-size: 11px; border: 0px;}
.testimonialContainer {
	border: 1px solid #bac8d5;
	background: #ffffff 15px 15px url(../images/quotes.gif) no-repeat;
	padding: 10px 10px 10px 80px;
	margin-bottom: 20px;
}
.testimonialContainer p {margin-right: 40px;}
.testimonialContainer span {float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-style: italic;}
.padding {padding-top: 10px;}
.callUs {position: fixed; left: 0px; top: 200px;}
.callUs a {border: 0px;}

.infoTable {border: 1px solid #c2c6ca; border-collapse: collapse;margin: 10px 0px 20px 0px; padding: 0px;}

.infoTable li {padding: 7px; border-top: 1px solid #e2e6ea; border-bottom: 1px solid #ffffff; list-style: none; background-color: #f2f6fa; font-size: 11px;}
.infoTable li span {font-weight: bold; display: block; color: #000000; padding-bottom: 2px; border-bottom: 1px dotted #8899aa; float: left; clear: both; margin-bottom: 5px; font-size: 13px;}

.infoTable th {text-align: left; background-color: #224466; border: 1px solid #224466; padding: 5px; margin: -1px -1px 0px -1px; color: #ffffff; padding: 7px;}
.infoTable td {padding: 0px;}
.infoTable td div {padding: 7px; height: 20px; border-top: 1px solid #e2e6ea; border-bottom: 1px solid #ffffff; list-style: none; background-color: #f2f6fa; text-align: center; font-size: 12px;}
.infoTable td div strong {float: left; color: #000000;}
.note {font-size: 11px;}

.plus {margin: 0px; padding: 0px;}
.plus li {list-style: none; background: left center url(../images/plus-bullet.gif) no-repeat; padding: 2px 0px 2px 25px; margin-bottom: 15px;}

.supertext {font-weight: bold; display: block; color: #000000; padding-bottom: 2px; border-bottom: 1px dotted #8899aa; margin-bottom: 5px;}

.page404 {
	text-align: center;
	padding: 71px 0px;
}

.loginContainer { width: 300px; margin: auto; padding: 200px 0px;}
.loginContainer label {display: block; font-weight: bold;}
.loginContainer input {display: block; margin-bottom: 5px; width: 300px; border-color: #777777 #CCCCCC #CCCCCC #777777; border-style: solid; border-width: 1px;}
#toppanel  {
left:0;
position:absolute;
text-align:center;
width:900px;
z-index:25;
}
#panel {
height:0;
margin-left:auto;
margin-right:auto;
overflow:hidden;
position:relative;
text-align:left;
top:1px;
width:900px;
z-index:10;
}
#panel_contents {
background:none repeat scroll 0 0 black;
height:100%;
opacity:0.7;
position:absolute;
width:904px;
z-index:-1;
}
#panel h1 {
color:white;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-weight:normal;
left:275px;
line-height:35px;
position:absolute;
text-align:center;
top:10px;
}
#panel h2 {
color:#447C6F;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:16px;
left:350px;
line-height:25px;
position:absolute;
text-align:center;
top:60px;
}
.counters {overflow: hidden; height: 0px;}
.hometext ul {margin: 0px; padding: 0px;}
.hometext li {margin-bottom: 15px; list-style: none; background: 0px 3px url(../images/arrow.gif) no-repeat; padding-left: 20px;}