body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

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

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-weight:inherit;
font-size:100%;
}

del,ins {
text-decoration:none;
}

hr {
display:none;
}

* {
padding:0;
margin:0;
}

a:active,a:focus,img {
outline:0;
}

.right {
float:right;
}

.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
}

body {
background:#1d1d1d;
color:#BFBFBF;
font:.75em Helvetica, Arial, Verdana;
}

.inside {
width:932px;
position:relative;
margin:0 auto;
}

.inside_port {
width:932px;
position:relative;
margin:0 auto;
height:89px;
border-top:1px solid #707070;
border-bottom:1px solid #707070;
}

.inside_featured {
width:932px;
position:relative;
margin:0 auto;
height:310px;
background:url(images/white_bg.jpg) no-repeat;
z-index:1;
}

#preload {
width:932px;
position:relative;
margin:0 auto;
height:310px;
background-color:#1a1a1a;
z-index:20;
}

#preload img {
position:relative;
top:48%;
left:48%;
}

p {
color:#BBBBBB;
line-height:1.74em;
margin:0;
}

blockquote {
padding:1px 12px 1px 1em;
border-left:2px solid #C00;
color:#BBB;
background-color:#333;
font-size:1.1em;
}

code,pre {
width:100%;
color:#666;
padding:1em 0;
overflow:auto;
border-top:2px solid #999;
border-bottom:2px solid #999;
font-size:12px;
}

em {
background-color:#FFC;
color:#333;
font-style:normal;
padding:2px;
border-bottom:1px solid #999;
border-right:1px solid #999;
}

#header {
position:relative;
height:136px;
}

#header .logo {
width:345px;
float:left;
padding:38px 0 30px;
height:62px;
z-index:5;
behavior:url(/js/iepngfix.htc);
}

#header p {
padding:1em 0;
margin:0;
line-height:1em;
}

#banner {
height:257px;
width:100%;
background:transparent url(images/banner_bg.png) no-repeat right top;
}

#banner1 {
height:302px;
width:100%;
background:transparent url(images/texture.png) repeat-x left top;
}

#workinfo {
width:326px;
position:absolute;
top:45px;
padding:15px;
left:23px;
height:141px;
}

.titleblock_slogan {
color:#fff;
padding:0;
font-size:1.6em;
padding-bottom:5px;
width:100%;
letter-spacing:.05em;
}

.info_punkt {
display:block;
padding-top:10px;
}

#work_img {
width:545px;
height:300px;
background:url(images/info_img_bg.png);
behavior:url(/js/iepngfix.htc);
float:right;
}

div#showcaseInfo {
float:left;
width:100%;
overflow:hidden;
color:#4f4f4f;
}

div#showcaseInfo h3 {
font-size:1.8em;
color:#575757;
font-weight:700;
}

div#showcaseInfo ul li {
height:160px;
margin-bottom:-10px;
list-style-type:none;
overflow:hidden;
color:#4f4f4f;
}

div#showcaseInfo p {
color:#4f4f4f;
margin:5px 0;
font-size:1em;
}

div#showcaseInfo strong {
color:0;
margin:5px 0;
font-size:1em;
font-weight:700;
}

div#showcaseInfo p:first-child {
margin-top:0;
}

div#showcaseImages {
width:490px;
height:252px;
overflow:hidden;
}

div#showcaseImages ul li {
float:left;
list-style-type:none;
overflow:hidden;
}

.crop {
width:490px;
height:252px;
}

#work {
width:490px;
height:252px;
position:absolute;
left:391px;
top:29px;
}

#allworks {
width:169px;
height:52px;
position:absolute;
top:224px;
left:-4px;
}

#next {
width:97px;
height:45px;
position:absolute;
left:227px;
top:249px;
}

a.next {
width:65px;
height:45px;
float:left;
color:#9f9e9c;
text-decoration:none;
font-size:.9em;
line-height:1.2em;
}

.next_arrow {
background:url(images/next.png) no-repeat;
display:block;
outline:none;
width:20px;
height:45px;
float:left;
color:#9f9e9c;
text-decoration:none;
font-size:.9em;
line-height:1.2em;
cursor:pointer;
behavior:url(/js/iepngfix.htc);
}

#prev {
width:97px;
height:45px;
position:absolute;
left:65px;
top:249px;
}

a.prev {
width:65px;
height:45px;
color:#9f9e9c;
text-decoration:none;
font-size:.9em;
line-height:1.2em;
float:right;
}

.prev_arrow {
background:url(images/prev.png) no-repeat;
display:block;
outline:none;
width:20px;
height:45px;
float:right;
color:#9f9e9c;
text-decoration:none;
font-size:.9em;
line-height:1.2em;
cursor:pointer;
behavior:url(/js/iepngfix.htc);
}

#next1 {
width:36px;
height:33px;
position:absolute;
left:484px;
top:94px;
}

a.next1 {
background:url(images/next_w.png) no-repeat;
display:block;
text-indent:-9999px;
outline:none;
width:36px;
height:33px;
}

#prev1 {
width:36px;
height:33px;
position:absolute;
left:446px;
top:94px;
}

a.prev1 {
background:url(images/prev_w.png) no-repeat;
display:block;
text-indent:-9999px;
outline:none;
width:36px;
height:33px;
}

#slogan {
padding:140px 0 0;
width:483px;
height:65px;
}

#phone {
background:#d1d1d1 url(images/phone_bg.png) repeat-x left top;
height:44px;
}

#phone .number {
position:absolute;
font:2em Arial, Helvetica, sans-serif;
color:#979797;
padding:10px 0;
left:72px;
top:1px;
}

#phone .icq {
position:absolute;
font:2em Arial, Helvetica, sans-serif;
color:#979797;
padding:10px 0;
left:664px;
top:1px;
}

#banner1_port {
background:#f0f0f0;
height:89px;
width:100%;
}

.inside_port .slogan_design {
font:bold 1.6em Arial, Helvetica, sans-serif;
color:#fff;
padding-top:22px;
padding-left:15px;
}

.inside_port .sub_slogan_design {
font:bold 1em Arial, Helvetica, sans-serif;
padding-top:7px;
padding-left:15px;
}

#portfolio {
color:#EEE;
text-align:justify;
margin:0 auto;
}

#portfolio .portfolio {
float:left;
width:100%;
color:#696969;
font-size:1.1em;
padding:10px 0 30px;
}

#portfolio .infopage {
width:100%;
position:relative;
color:#696969;
font-size:1.1em;
padding:10px 0 30px;
}

#info_img {
position:relative;
float:left;
width:630px;
padding:15px;
background:#333;
}

#infoblock {
position:absolute;
padding:12px 0 0;
width:275px;
background:#f0f0f0;
left:671px;
top:-2px;
}

#infoblock_down {
width:275px;
position:absolute;
height:5px;
background:#f0f0f0 url(infopage/infoblock_bg.gif) no-repeat;
clear:both;
}

#infoblocktitle {
width:100%;
height:40px;
background:#eff0ee url(infopage/title_bg.png) repeat-x top;
}

.text {
padding:12px 0 7px 16px;
font-family:Arial;
color:#353535;
font-size:1.2em;
}

.text1 {
padding:15px;
font-family:Arial;
color:#757575;
font-size:.95em;
}

.text1 a {
color:#505050;
text-decoration:underline;
}

.text1 a:hover {
text-decoration:none;
color:#8f8f8f;
}

.date {
padding:10px 0 0 15px;
font-family:Arial;
color:#757575;
text-align:right;
font-size:.95em;
}

#portfolio .content h1,#portfolio .portfolio h1 {
font-size:1.95em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:400;
padding-top:10px;
color:#FFF;
}

#portfolio .portfolio h4,#portfolio .portfolio h4 {
font-size:1em;
margin:5px 0 20px;
font-weight:400;
border-bottom:1px solid #393939;
color:#999;
}

ul.thumbs {
border:0;
padding:0;
margin:15px 0 0 0 0;
display:block;
}

ul.thumbs li {
border-bottom:1px dotted #606060;
float:left;
margin:13px;
color:#b4b4b4;
list-style-type:none;
}

ul.thumbs li .caption {
padding:2px 2px 5px 5px;
}

#downbg {
height:50px;
width:990px;
position:absolute;
background:url(images/downbg.png) no-repeat;
left:0;
top:89px;
}

ul#navigation {
border:0;
padding:57px 0 0;
margin:0;
position:relative;
width:400px;
float:right;
}

ul#navigation li {
float:right;
margin:0 30px 5px 0;
padding:0;
list-style-type:none;
border:0;
color:#94938E;
font-size:.97em;
}

ul#navigation .active {
color:#fff;
text-decoration:none;
padding-bottom:15px;
}

ul#navigation a {
color:#94938E;
text-decoration:none;
}

ul#navigation a:hover {
color:#fff;
text-decoration:none;
}

#nav_port1 {
width:201px;
height:63px;
background:url(menu/portfolio/bg1.png) no-repeat left top;
behavior:url(/js/iepngfix.htc);
}

#nav_port:hover {
width:201px;
height:63px;
background:url(menu/portfolio/bg1.png) no-repeat left top;
}

#nav_serv1 {
width:201px;
height:63px;
background:url(menu/services/bg1.png) no-repeat left top;
behavior:url(/js/iepngfix.htc);
}

#nav_serv:hover {
width:201px;
height:63px;
background:url(menu/services/bg1.png) no-repeat left top;
}

#content {
padding:0 0 1.4em;
color:#EEE;
}

#content .content {
float:left;
width:535px;
color:#b0b0b0;
min-height:400px;
font-size:1.1em;
padding:10px 20px 0 0;
}

.visit_portfolio {
padding:20px;
font-size:1.5em;
color:#b0b0b0;
text-align:center;
border-bottom:1px solid #393939;
}

.visit_portfolio a {
text-decoration:none;
color:#fff;
}

.visit_portfolio a:hover {
text-decoration:underline;
}

#content .about {
float:left;
color:#b0b0b0;
font-size:1.1em;
padding:10px 20px 0 10px;
}

.about {display:block; float:left; width:75%}
.inside_menu {display:block; float:left; width:20%}

#content .portfolio,.portfolio_w {
float:right;
width:330px;
height:400px;
color:#b0b0b0;
font-size:1.1em;
padding:10px 10px 0;
}

#content .portfolio_w {
float:right;
width:250px;
height:400px;
color:#b0b0b0;
font-size:1em;
padding:10px 10px 0;
}

#content .portfolio_w h1 {
color:#fff;
font-size:1.5em;
padding:1.4em 0 -.1em;
}

#content .portfolio_w h5 {
color:#fff;
font-size:1.5em;
font-weight:700;
margin:.5em 0;
border-bottom:1px solid #393939;
}

#content .designer {
background:#333;
padding:5px;
}

#content strong {
color:#fff;
font-weight:700;
}

#content .content h1,#content .portfolio h1,#content .about h1, .inside_menu h1 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:400;
padding:15px 0 7px;
color:#FFF;
}

#content .content h1,#content .portfolio h1,#content .about h1 {
font-size:1.7em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:400;
padding:15px 0 7px;
color:#FFF;
}

#content .content h2,#content .portfolio h2,#content .about h2 {
border-top:1px solid #393939;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:400;
padding:20px 0 0;
color:#FFF;
}

#content .content h3,#content .portfolio h3,#content .about h3 {
font-size:1.6em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:700;
font-style:italic;
padding:20px 0 0;
color:#FFF;
}

#content .content h4,#content .portfolio h4,#content .about h4 {
font-size:1em;
margin:5px 0 0;
font-weight:400;
border-bottom:1px solid #393939;
color:#999;
}

.links_w {
color:#BFBFBF;
}

.news {
width:92%;
padding:4%;
display:block;
border-bottom:1px solid #393939;
position:relative;
}

.news_caption {
font-size:1em;
display:block;
}

#phone_m {
width:92%;
padding:4%;
height:110px;
display:block;
border-bottom:1px solid #393939;
background:#232323;
position:relative;
}

.phone_m_caption {
font-size:1.3em;
display:block;
color:#FFF;
}

.phone_m_code {
font-size:.9em;
display:block;
position:absolute;
left:16px;
top:64px;
}

.phone_m_number {
font-size:3.7em;
display:block;
position:absolute;
left:73px;
top:55px;
color:#FFF;
}

.know_more {
width:178px;
height:37px;
background:url(images/know_more.png) no-repeat;
behavior:url(/js/iepngfix.htc);
position:absolute;
padding:10px 10px 0 25px;
left:209px;
top:400px;
}

* html #content .portfolio {
margin-right:3%;
}

ul.dates {
list-style-type:none;
margin:.3em 0 2em;
}

ul.dates li {
list-style-type:none;
margin:0;
padding:1em 0;
border-bottom:1px solid #555;
}

ul.dates .date {
color:#FFF;
padding:0 .5em 0 0;
}

ul.dates p {
color:#CCC;
}

ul.dates a:hover {
color:#FFF;
text-decoration:none;
}

#contacts {
background:#efefef url(images/contacts_bg.png) repeat-x left top;
color:#444;
text-align:justify;
border-top:1px solid #DDD;
clear:both;
margin:0 auto;
height:150px;
}

#contacts .contacts {
float:left;
color:#757575;
font-size:1.1em;
padding:10px 0 0;
width:100%;
}

#contacts .contacts h1,#contacts .portfolio h1 {
font-size:1.95em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:400;
padding-top:10px;
color:#6e6e6e;
}

#contacts .contacts h4,#contacts .portfolio h4 {
font-size:1em;
margin:5px 0 0;
font-weight:400;
border-bottom:1px solid #c3c3c3;
color:#999;
}

#contacts .contacts a,#contacts .portfolio a {
color:#C00;
text-decoration:none;
}

#contacts .contacts a:hover,#contacts .portfolio a:hover {
color:#FFF;
}

#footer {
clear:both;
border-top:1px solid #393939;
color:#7c7c7c;
height:2em;
width:932px;
position:relative;
margin:0 auto;
padding:15px 0 5px;
}

.footer,.push {
height:1em;
}

.footer_img {
margin:0 .5em 0 2em;
}

#footer p {
margin:0;
font-size:.95em;
}

#footer a {
color:#7c7c7c;
text-decoration:none;
}

html,legend {
color:#000;
}

.left,#footer div.foot-notes {
float:left;
}

a,#portfolio .portfolio a,#portfolio .portfolio a,#content .content a,#content .portfolio a,#content .about a,#content portfolio_w a,.links_w a {
color:#fff;
text-decoration:underline;
}

a:hover,#portfolio .portfolio a:hover,#portfolio .portfolio a:hover,#content .content a:hover,#content .portfolio a:hover,#content .about a:hover,#content portfolio_w a:hover,.links_w a:hover,ul.dates a {
color:#BFBFBF;
text-decoration:none;
}

div#showcaseInfo ul li a,ul.thumbs li:hover {
color:#fff;
}

a.next:hover,a.prev:hover {
color:#6e6e6e;
}

#nav,#nav1:hover {
width:181px;
height:63px;
background:url(menu/main/bg1.png) no-repeat left top;
}

#nav1,#nav:hover {
width:181px;
height:63px;
background:url(menu/main/bg1.png) no-repeat left bottom;
}

#nav .title,#nav1 .title,#nav_port .title,#nav_port1 .title,#nav_serv .title,#nav_serv1 .title {
padding:15px 20px 0;
color:#fff;
font:bold 1.5em Arial, Helvetica, sans-serif;
}

#nav .subtitle,#nav1 .subtitle,#nav_port .subtitle,#nav_port1 .subtitle,#nav_serv .subtitle,#nav_serv1 .subtitle {
padding:0 10px 0 20px;
color:#5f5f5f;
font:.75em Arial, Helvetica, sans-serif;
}

#nav_port,#nav_port1:hover {
width:201px;
height:63px;
background:url(menu/portfolio/bg1.png) no-repeat left bottom;
}

#nav_serv,#nav_serv1:hover {
width:201px;
height:63px;
background:url(menu/services/bg1.png) no-repeat left bottom;
}