html, body {
    height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

/* remember to define focus styles! */:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Fonts */
@font-face {font-family:
    'PTSans';
    src:
    url('fonts/pts55f.eot');
    src:
    local('PT Sans'), url('/fonts/pts55.woff') format('woff'), url('/fonts/pts55f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {font-family:
    'PTSans Narrow';
    src:
    url('fonts/ptn57f.eot');
    src:
    local('PT Sans Narrow'), url('/fonts/ptn57f.woff') format('woff'), url('/fonts/ptn57f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family:
    'PTSans Italic';
    src:
    url('fonts/pts56f.eot');
    src:
    local('PT Sans'), url('/fonts/pts56f.woff') format('woff'), url('/fonts/pts56f.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/*CSS*/
body {
    min-width: 1000px;
    font: 14px / 18px 'PTSans', Helvetica, Arial;
    color: #000;
    background: #fff;
    _width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.buf {
    clear: both;
	height:1px;
}
h1{
	font-weight:normal;
	font-size:30px;
	line-height:30px;
}
h2{
	font-weight:normal;
	font-size:24px;
	line-height:24px;
}
h3{
	font-weight:bold;
	font-size:18px;
	line-height:24px;
}
a{
	color:#0072bc;
}
a:hover{
	color:#000;
}
.header{
	padding-top:20px;
	height:40px;
	margin-bottom:60px;
}
.logo{
	float:left;
}
.top_menu{
	float:left;
	margin-left:160px;
	margin-top:18px;
}
.top_menu li{
	float:left;
	margin-right:30px;
	font-size:18px;
}
.top_menu li a{
	color:#0099ff;
}
.top_menu li a:hover{
	color:#000;
}
.promo{
	text-align:center;
	margin-bottom:60px;
}
.promo h1{
	font-style:italic;
	margin-bottom:30px;
}
.promo a{
	color:#0099ff;
}
.promo a:hover{
	color:#000;
}
.promo_text{
	font-size:18px;
	line-height:18px;
	font-style:italic;
	margin-top:-83px;
}
.about_main h3{
	margin-bottom:10px;
}
.about_main li{
	float:left;
	width:300px;
	margin-right:30px;
}
.about_main li ul li{
	width:auto;
	float:none;
	margin:0px 0px 6px 0;
}
.about_main li.contacts_main{
	margin:0px;
}
.about_main li ul li.social{
	padding-left:20px;
	background:url(/images/vk.png) left top no-repeat;
	margin-top:20px;
}
.dashes li{
    padding:0 0 0 1.25em;
    behavior: expression(
        ( !this.before && parentNode && parentNode.tagName == 'UL' )
        ?
            ( this.before = true )
            & ( parentNode.style.listStyleImage = 'none' )
            & (
                ( this.firstChild && this.firstChild.firstChild )
                ?
                    ( this.firstChild.style.marginTop = '-1.2em' )
                    & ( this.firstChild.style.position = 'relative' )
                : ''
            )
            & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
            & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
            & ( this.insertBefore( eNOBR, this.firstChild ) )
        : ''
    );
}
.dashes li:before {
    content: '\2014\a0';
    float: left;
    margin-left: -1.25em;
}
.dashes li>*:first-child:-moz-first-node{
    margin-top: -1.2em;
}
.dashes li>* {
    text-indent: 0;
}
.dashes .sup {
    position: relative;
    top: -0.5em;
    font-size: 0.75em; //font-size: 0.89em;
    line-height: 0;
    vertical-align: baseline;
}
ol{
 padding:0 0 0 2.25em;
}
ol li{
    padding-left:0px!important;
}
.footer{
	margin-top:80px;
	font-size:13px;
	height:18px;
	padding-bottom:60px;
}
.copy{
	float:left;
}
.foot_menu{
	float:left;
	margin-left:232px;
}
.foot_menu li{
	float:left;
	margin-right:20px;
}

.portfolio h1{
	font-style:italic;
	text-align:center;
	margin-bottom:30px;
}
.portfolio h3{
	margin-bottom:10px;
}
.portfolio li{
	float:left;
	width:300px;
	margin-right:30px;
}
.portfolio li ul li{
	width:auto;
	float:none;
	margin:0px 0px 6px 0;
}
.portfolio li.portfolio_marketing{
	margin:0px;
}
.other_projects{
	float:right;
	width:300px;
}
.other_projects h4{
	font-weight:bold;
	margin-top:31px;
	margin-bottom:5px;
}
.other_projects li{
	margin-bottom:5px;
}
.portfolio_inner{
	float:left;
	width:630px;
	margin-right:30px;
}
.portfolio_inner h1{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
.portfolio_inner h2{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top:15px;
    line-height:18px;
    font-size:14px;
}
.portfolio_inner p{
	margin:7px 0 8px 0;
}
.project_url{
	margin:15px 0 45px 0;
}
.project_url img{
	float:left;
	margin:	4px 7px 0 0;
}
.project_image{
	margin:20px 0 0 37px;
	background:url(/images/project_image.png) left top repeat-y;
	padding:0 13px 0 13px;
}
.pimage_top{
	background:url(/images/pimage_top.png) left top no-repeat;
	height:51px;
	margin:0 -13px;
}
.pimage_bottom{
	background:url(/images/pimage_bottom.png) left top no-repeat;
	height:15px;
	margin:-1px -13px;
}
.pimage_text{
	font-style:italic;
	margin:0px 0 45px 160px;
}
li.active a{
	color:#222;
}
li.active a:hover{
	color:#000;
}
.time{
	font-style:italic;
}
.services{
margin-top:31px;
}
.img_center{
text-align:center;
}
.portfolio_inner .after_img{
margin-top:10px;
}
a.main_link{
    width:646px;
    height:442px;
    position:absolute;
    display:block;
    margin-left:177px;
}