/* Исправление видимости текста верхнего меню */

/* Общие стили для HTML и BODY */
html, body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
}

/* Убираем стиль списков, чтобы избежать конфликта */
nav ul, nav ol, ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Стили для навигационного меню */
#top nav li {
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    position: relative;
    margin: 0 10px; /* Добавлен отступ между элементами меню */
}

#top nav li a {
    display: inline-block;
    padding: 10px 15px;
    color: #ffffff; /* Устанавливаем видимый цвет текста меню */
    text-decoration: none;
    transition: color 0.3s ease, background 0.3s ease; /* Плавный переход при наведении */
}

/* Стили для активного пункта меню и при наведении */
#top nav li.current-menu-item a,
#top nav li a:hover {
    color: #ffffff;
    background-color: #444444; /* Добавлен фон для выделения активного или наведенного пункта меню */
    cursor: pointer;
}

/* Убираем специфические стили BODY, чтобы меню было читабельным */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    background: #f5f5f5; /* Заменен фон на более светлый для читабельности */
    color: #000;
}

/* Дополнительные стили для адаптации */
@media (max-width: 768px) {
    #top nav li {
        display: block;
        margin: 5px 0;
    }
    #top nav li a {
        padding: 15px;
    }
}

/* Сброс неиспользуемых стилей для списка */
li {
    list-style: none;
}

/* Убираем избыточные стили для ссылок, чтобы не мешали отображению */
a, a:visited {
    text-decoration: none;
    color: #1a7fbd;
}

a:hover {
    color: #444;
}
*::-moz-selection { color: rgb(68, 68, 68); background: none repeat scroll 0% 0% rgb(129, 196, 237); }
.holder { text-align: center; width: 100%; display: table; }
.wrap { width: 960px; margin: 0px auto; overflow: hidden; }
#main { padding: 12px 0px; position: relative; }
#main .wrap { position: relative; overflow: visible; }
#content { float: left; display: inline; width: 960px; }
body.page-template-page-work-php #content, body.page-template-page-work-social-networks-php #content, body.page-template-page-work-symfony-php #content, body.page-template-page-work-drupal-php #content, body.page-template-page-work-wordpress-php #content, body.page-template-page-clients-php #content { width: 960px; }
#main aside, #main aside.last { float: left; display: inline; width: 230px; }
#main aside#contact { width: 460px; }
#main h2 { font-weight: bold; letter-spacing: -1px; text-shadow: 0px 1px 0px rgb(255, 255, 255); }
#main aside h2 { margin-bottom: 15px; padding-bottom: 15px; font-size: 2.2em; color: rgb(126, 102, 95); font-weight: normal; letter-spacing: normal; text-transform: uppercase; background: url('bg-divider-dark.png') no-repeat scroll 50% 100% transparent; }
.frame { text-align: center; overflow: hidden; background: url('bg-body-blue1.jpg') repeat scroll 0% 0% transparent; }
#header.holder { background: url('bg-body-dark.jpg') repeat scroll 0% 0% rgb(75, 75, 75); padding: 20px 0px 0px; overflow: hidden; }
header#top { position: relative; width: 1100px; margin: 0px auto; overflow: hidden; }
a#logo { float: left; display: inline; margin-left: 20px; width: 232px; height: 109px; background: url('sprites-home.png') no-repeat scroll 0px 0px transparent; }
a#logo:hover { opacity: 0.8; }
a#logo img { width: 0px; height: 0px; display: block; }
#intro { background: url('bg-body-dark.jpg') repeat scroll 0% 0% rgb(75, 75, 75); padding-bottom: 20px; overflow: hidden; }
#intro .wrap { overflow: visible; }
#punchline { background: url('bg-body-dark.jpg') repeat scroll 0% 0% transparent; margin-top: 80px; position: relative; margin-bottom: 20px; }
#punchline a { float: left; display: inline; width: 320px; min-height: 140px; height: auto ! important; background: url('dots-vert.png') repeat-y scroll 0px 0px transparent; margin: 25px 0px 20px; padding-top: 5px; }
#punchline a.first { background: none repeat scroll 0% 0% transparent; }
#punchline a:hover p { color: rgb(255, 255, 255); }
#slider { margin: 20px 0px; width: 1280px; position: center; overflow: visible; background: url('bg-slider.png') no-repeat scroll 50% 50% transparent; }
#services { margin: 0px auto 20px; background: url('bg-body-dark.jpg') repeat scroll 0% 0% rgb(75, 75, 75); clear: both; overflow: hidden; width: 960px; }
#breadcrumbs { background: url('bg-body-dark.jpg') repeat scroll 0% 0% rgb(75, 75, 75); overflow: hidden; }
#breadcrumbs nav { width: 960px; margin: 0px auto; overflow: hidden; }
#breadcrumbs a { color: rgb(129, 197, 237); font-weight: bold; text-transform: capitalize; }
#breadcrumbs a:hover { color: rgb(255, 255, 255); }
#heading { background: url('bg-body-blue1.jpg') repeat scroll 0% 0% rgb(129, 196, 236); overflow: hidden; padding: 20px 0px; border-bottom: 1px solid rgb(80, 80, 80); }
#heading header { width: 960px; margin: 0px auto; overflow: hidden; }
#lifestream { background: url('bg-body-blue1.jpg') repeat scroll 0% 0% rgb(129, 196, 236); padding-bottom: 15px; border-top: 1px solid rgb(80, 80, 80); }
#lifestream section { float: left; display: inline; margin-left: 20px; }
#lifestream section.first { width: 920px; }
#lifestream section.middle { width: 210px; }
#lifestream section.last { width: 230px; }
#lifestream blockquote { border: 0px none; margin: 0px; font-style: normal; padding: 0px; }
#lifestream blockquote cite { font-size: 1.2em; font-style: italic; font-weight: bold; color: rgb(255, 255, 255); display: block; padding: 30px 20px 2px; background: url('sprite-icons.png') no-repeat scroll 50% -165px transparent; }
#copyright { background: url('bg-body-grey.jpg') repeat scroll 0% 0% rgb(234, 234, 234); border-style: solid; border-color: rgb(126, 126, 126); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 4px 0px 0px; padding: 0px 0px 15px; }
aside { float: right; display: inline; width: 360px; }
#copyright footer { padding: 10px 0px; width: 960px; margin: 0px auto; overflow: hidden; }
.social { float: right; display: inline; margin-top: 12px; }
h1 { font-size: 3em; font-weight: bold; line-height: 1em; color: rgb(255, 255, 255); margin: 20px 20px 0px; }
#intro h1 { text-align: center; background: url('sprites-home.png') no-repeat scroll 0px -109px transparent; width: 639px; height: 59px; text-indent: -99999em; margin: 0px; position: absolute; top: -41px; left: 161px; }
h2 { font-size: 2em; line-height: 1em; margin: 20px; }
#services h2 { margin: 0px; padding: 0px 15px; font-size: 1.8em; line-height: 49px; color: rgb(255, 255, 255); float: left; display: inline; text-transform: uppercase; }
#punchline a h2 { color: rgb(204, 204, 204); margin-top: 0px; }
#punchline a:hover h2 { color: rgb(255, 255, 255); }
h3 { font-size: 1.8em; clear: both; margin: 20px; }
ul.slides li a h3 { position: absolute; top: 5px; left: 5px; z-index: 1; margin: 0px; width: 273px; height: 186px; line-height: 186px; font-size: 14px; font-weight: bold; text-align: center; color: rgb(255, 255, 255); }
#lifestream h3 { font-size: 2.2em; line-height: 1em; text-transform: uppercase; color: rgb(255, 255, 255); margin: 20px 0px 10px; padding-bottom: 15px; background: url('bg-divider.png') no-repeat scroll 50% 100% transparent; }
.social h3 { float: left; display: inline; margin: 0px; font-size: 2.2em; line-height: 24px; text-transform: uppercase; color: rgb(126, 126, 126); }
.widget_twitter h3 a { color: rgb(255, 255, 255); }
h4 { font-size: 1.6em; line-height: 1em; font-weight: bold; margin: 20px; letter-spacing: -1px; }
p { font-size: 1.2em; line-height: 1.5em; margin: 20px; text-align: justify; }
#intro p { font-size: 1.2em; line-height: 1.5em; color: rgb(204, 204, 204); margin-bottom: 0px; }
p.websites { padding-left: 60px; background: url('icon-websites.png') no-repeat scroll 0% 0% transparent; }
p.socnets { padding-left: 60px; background: url('icon-socnet.png') no-repeat scroll 0% 0% transparent; }
p.socapps { padding-left: 60px; background: url('icon-socapp.png') no-repeat scroll 0% 0% transparent; }
blockquote p { margin: 0px; font-size: 1em; line-height: 1.3em; padding: 15px 20px; color: rgb(255, 255, 255); background: url('white-20.png') repeat scroll 0% 0% transparent; text-align: center; }
#copyright p { margin: 0px 20px 5px; font-size: 1.2em; }
ul, ol { margin: 0px 20px 20px; }
li { list-style: none outside none; font-size: 1.4em; line-height: 1.4em; position: relative; }
#top nav ul { float: right; display: inline; margin-right: 5px; }
#top nav li { display: inline; font-size: 1em; line-height: 1em; text-transform: uppercase; }
#top nav li a { float: left; display: inline; padding: 48px 7px 10px; color: rgb(136, 136, 136); }
#top nav li.current-menu-item a, #top nav li.current-page-ancestor a { color: rgb(255, 255, 255); background: url('bg-body-dark.jpg') repeat scroll 0% 0% transparent; }
#top nav li a:hover { color: rgb(255, 255, 255); }
#top nav li.current-menu-item a, #top nav li.current-page-ancestor a { cursor: auto; }
#top nav li.current-menu-item a:hover { color: rgb(255, 255, 255); background: url('bg-body-dark.jpg') repeat scroll 0% 0% transparent; }
#top nav li a:active { padding: 49px 15px 9px; }
#services ul { margin: 20px; overflow: hidden; background: url('white-20.png') repeat scroll 0% 0% transparent; }
#services li { display: inline; line-height: 49px; font-size: 0.8em; font-weight: bold; }
#services li a { float: left; display: inline; margin: 0px; line-height: 49px; background: url('icons-services.png') no-repeat scroll 0px 0px transparent; padding: 0px 15px 0px; color: rgb(204, 204, 204); }
#services li a:hover { color: rgb(255, 255, 255); }
#services li a.symfony { background-position: 0px 0px; padding-left: 50px;}
#services li a.symfony:hover { background-position: -250px 0px; padding-left: 50px;}
#services li a.drupal { background-position: 0px -49px; padding-left: 50px; }
#services li a.drupal:hover { background-position: -250px -49px; padding-left: 50px; }
#services li a.wordpress { background-position: 0px -98px; padding-left: 90px;}
#services li a.wordpress:hover { background-position: -250px -98px; padding-left: 90px;}
#services li a.amazon { background-position: 0px -147px; padding-left: 60px; }
#services li a.amazon:hover { background-position: -250px -147px; }
#services li.get-a-quote a { background: url('sprites-home.png') no-repeat scroll -232px 0px transparent; width: 156px; height: 49px; text-indent: -99999em; float: right; padding: 0px; }
#services li.get-a-quote a:hover { background-position: -232px -49px; }
ul.slides { margin: 0px; overflow: hidden; height: 196px; }
ul.slides li { float: left; display: inline; width: 320px; text-align: center; }
ul.slides li a { display: block; width: 273px; height: 186px; margin: auto; background: url('black-20.png') repeat scroll 0% 0% transparent; padding: 5px; position: relative; z-index: 2; }
ul.slides li a img { position: relative; z-index: 2; }
ul.slides li a:hover img { opacity: 0.3; }
a#_prev { position: absolute; top: 75px; left: -70px; display: block; width: 41px; height: 42px; background: url('sprite-icons.png') no-repeat scroll -362px 0px transparent; text-indent: -99999em; }
a#_next { position: absolute; top: 75px; right: -70px; display: block; width: 41px; height: 42px; background: url('sprite-icons.png') no-repeat scroll -403px 0px transparent; text-indent: -99999em; }
a#_prev:hover, a#_next:hover { background-position: -362px -42px; }
a#_next { float: right; }
a#_next:hover { background-position: -403px -42px; }
ul.latest-news { margin: 0px; }
ul.latest-news li { border-top: 1px solid rgb(152, 198, 226); margin-bottom: 7px; padding-top: 7px; overflow: hidden; font-size: 1.2em; }
ul.latest-news li:first-child { padding: 0px; border: 0px none; }
ul.latest-news li a { color: rgb(255, 255, 255); font-weight: bold; float: left; display: inline; width: 800px; margin-left: 10px; }
ul.latest-news li a:hover { color: rgb(51, 51, 51); }
ul.latest-news li time { float: left; display: inline; width: 39px; text-align: center; margin: 0px; font-size: 1em; line-height: 1em; font-weight: bold; color: rgb(179, 223, 250); border-right: 1px solid rgb(152, 198, 226); }
ul.latest-news li time span { display: block; text-align: center; line-height: 1em; }
ul.latest-news li time span.date { font-size: 22px; line-height: 1em; }
ul.latest-news li time span.month { font-size: 10px; text-transform: uppercase; font-weight: normal; }
ul.tweets { margin: 0px; color: rgb(255, 255, 255); }
ul.tweets li { font-size: 1.2em; font-weight: bold; border-top: 1px solid rgb(152, 198, 226); margin-bottom: 7px; padding-top: 7px; word-wrap: break-word; }
ul.tweets li:first-child { padding: 0px; border: 0px none; }
#copyright nav ul { margin: 0px 20px 0px 15px; }
#copyright nav ul li { display: inline; font-size: 1.2em; line-height: 1em; }
#copyright nav ul li a { color: rgb(153, 153, 153); float: left; display: inline; padding: 0px 5px; border-left: 1px solid rgb(153, 153, 153); }
#copyright nav ul li:first-child a { border: 0px none; }
#copyright nav ul li a:hover { color: rgb(51, 51, 51); }
.social ul { float: left; display: inline; margin: 0px 0px 0px 20px; }
.social li { display: inline; }
.social li a { float: left; display: inline; width: 24px; height: 24px; margin-left: 5px; text-indent: -99999em; background: url('sprite-icons.png') no-repeat scroll -192px 0px transparent; }
.social li a:hover { background-position: -192px -24px; }
.social li a.twitter { background-position: -216px 0px; }
.social li a.facebook { background-position: -240px 0px; }
.social li a.linkedin { background-position: -264px 0px; }
.social li a.twitter:hover { background-position: -216px -24px; }
.social li a.facebook:hover { background-position: -240px -24px; }
.social li a.linkedin:hover { background-position: -264px -24px; }
.social li a:active { position: relative; top: 1px; }
#best { margin: 0px 0px 15px 20px; padding-bottom: 17px; border-bottom: 1px solid rgb(204, 204, 204); clear: both; overflow: hidden; }
ul.best { margin: 0px; float: left; width: auto; }
ul.markets { float: right; }
ul.best li { display: inline; font-size: 1.2em; line-height: 1em; }
ul.best li h4 { margin: 10px 0px; font-size: 1.4em; text-transform: uppercase; color: rgb(126, 126, 126); font-weight: normal; letter-spacing: normal; }
ul.markets li h4 { text-align: right; }
ul.best li a { color: rgb(153, 153, 153); float: left; display: inline; padding: 0px 5px; border-left: 1px solid rgb(153, 153, 153); }
ul.markets li a { border-left: 0px none; border-right: 1px solid rgb(153, 153, 153); }
ul.best li a.noborder { border: 0px none; padding: 0px 5px 0px 0px; }
ul.markets li a.noborder { border: 0px none; padding: 0px 0px 0px 5px; }
ul.best li a:hover { color: rgb(51, 51, 51); }
#contact ul li { list-style: disc outside none; margin-left: 15px; }
#contact ul.what-we-did li, #contact ul.contact li { list-style: none inside none; margin-left: 0px; }
.masoned {font-size:18px;}

table td{
	background: url(transparent.png);
border-style:solid;
border-width:0px;
border-collapse:collapse;
padding:10px;
text-align:center;
}