body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

@font-face {
    font-family: 'futura_mdcn_btmedium';
    src: url('futuramc.eot');
    src: url('futuramc.eot?#iefix') format('embedded-opentype'),
         url('futuramc.woff2') format('woff2'),
         url('futuramc.woff') format('woff'),
         url('futuramc.ttf') format('truetype'),
         url('futuramc.svg#futura_mdcn_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,td
{
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#5f6062;
line-height:1.7;
}

a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
a:active {
	text-decoration: none;
	color: #990000;
}

#wrapper
{
	width:95%;
	height:90%;
	margin:0 auto;
	display:block;
	margin-top:20px;
	max-width:1200px;
	overflow:hidden;

}

#social
{
	width:100%;
	position:fixed;
	background-color:#fff;
	top:0;
	z-index:2001;
	padding:5px 0 5px 0;
	text-align:right;
	
}

#nav
{
	float:left;
	width:140px;
	z-index:2000;
	position:fixed;
	padding-right:10px;
	background-color:#fff;
	background-position:right;
	background-repeat:repeat-y;
	font-size:12px;
	top:40px;
}

#nav #logo
{
	height:155px;
	padding-left:20px;
	clear:both;
}

#nav #navigation
{
	margin-top:20px;
	text-align:left;
	position:relative;
}

#nav #navigation a
{
	display:block;
	clear:both;
	text-align:left;
	line-height:25px;
	text-transform:uppercase;
	font-size:0.9em;
	padding-left:20px;
	letter-spacing:1px;
	color:#5f6062;
}

#nav #navigation a.active
{
color:#990000;
}

#mobilenav
{
	width:100%;
	clear:both;
	text-align:center;
	display:none;
	border-bottom:2px solid #676765;
	padding-bottom:5px;
}


#subnav
{
	width:20%;
	position:absolute;
	top:105px;
	left:0;
	border-bottom:2px solid #f7f7f7;
	line-height:30px;
}

#subnav a
{
	width:14%;
	display:inline-block;
	text-align:left;
	text-transform:uppercase;
}


#contentholder
{
width:auto;
padding-left:150px;
padding-top:20px;
max-width:990px;
height:95%;
overflow:visible;
display:block;
}

.content
{
		color:#999;
		line-height:1.5;
		text-align:left;
		color:#666664;
}

.content .contentright
{
	float:right;
	width:30%;
}

.content .contentleft
{
	float:left;
	width:67%;
}

.sublinks
{
	font-size:1em;
	margin-top:20px;
}

.sublinks a
{
	font-size:1em;	
	color:#990000;
	margin-right:10px;
}


ul#tiles
{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
}

ul#tiles li
{
	display:inline-block;
	float:left;
	width:210px;
	height:195px;
	padding:0;
	margin:0 5px 5px 0;
	background-color:#eeeeee;
	clear:none;
}

ul#tiles li.big
{
	display:inline-block;
	float:left;
	width:420px;
	height:395px;
	padding:0;
	margin:0 5px 5px 0;
	background-color:#eeeeee;
	clear:none;
}


 #container {
            background: transparent;
			min-height:90vh;
        }

        * { box-sizing: border-box; }

      #container:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer {
  width: 0%;
 margin:0%;
 display:block;
 overflow:hidden;
 position:relative;
}

.item { width: 240px; height:240px;display:block; background-color:#eeeeee;margin:0 5px 5px 0;position:relative;}
.item.w1 { width: 240px; height:auto;overflow:hidden;display:block; background-color:#f8f8f8;margin:0 5px 5px 0;position:relative;}
.item.w2 { width: 485px; height:315px; background-color:#eeeeee;margin:0 5px 5px 0;overflow:auto;display:block;position:relative;}
.item.w3 { width: 485px; height:auto !important;background-color:#f8f8f8;margin:0 5px 5px 0;overflow:hidden;display:block;position:relative;clear:both;}
.item.w4 { width: 485px; height:155px; background-color:#eeeeee;margin:0 5px 5px 0;}
.item.w5 { width: 725px; height:auto; background-color:#f8f8f8;margin:0 5px 5px 0;overflow:auto;display:block;position:relative;}
.item.port { width: 400px; height:257px; background-color:#eeeeee;margin:0 5px 5px 0;overflow:auto;display:block;position:relative;}

.item .block
{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}/**/

.item img
{
	display:block;
	clear:both;
	width:100%;
	height:aut0;
}

.item .block a
{
	display:block;
	color:#fff;
}

.item .block a:hover
{
/*background-color:#9d0614;*/
	width:100%;
	height:100%;
}





.item img
{
	border:0;
}

.item.port .overlay
{
	position:absolute;
	left:0;
	bottom:0;
	font-weight:regular;
	z-index:2000;
	background-color:#000;
	width:100%;
	padding:0 5% 0 5%;
	height:40px;
	opacity:0.8;
	display:none;
	color:#fff;
	line-height:40px;

}



.item .smalloverlay
{
	position:absolute;
	left:0;
	bottom:0;
	font-weight:bold;
	z-index:2000;
	background-color:#000;
	width:90%;
	padding:0 5% 0 5%;
	height:20px;
	opacity:0.8;
	display:none;
	color:#fff;
	line-height:20px;
	font-size:1.1em;
}


    .item .text {
        font-size: 0.95em;
        padding: 10px 20px 10px 20px;
        display: block;
        overflow:hidden;
        height:auto;
    }

    .item .text img
    {
        display:block;
    }

.item .hidden {
    display:none;
}

.close {
    position: absolute;
    right: 0;
    padding: 5px;
    top: 0;
}

.input {
    border: none;
    padding: 5px;
    background-color: #eee;
}

footer {

   width:95%;
	margin:0 auto;
	display:block;
	padding-top:10px;
    padding-bottom:10px;
	max-width:1200px;
	overflow:hidden;
    border-top:1px solid #ddd;
    text-align:center;
    clear:both;
}

/* portfolio */

ul.list{
	line-height:1.9;	
}


    ul.list a {
        color: #900;
    }

.descript {
    color: #666;
}

{
display:block;
overflow:hidden;
clear:both;
}


 #cleint{
width:880px;
display:block;
overflow:hidden;
clear:both;
padding-top:160px;
}

 #cleint #cleintleft{
float:left;
padding-left:15px;
position:relative;
overflow:hidden;
display:block;
}

 #cleint #cleintright{
float:right;
width:320px;
line-height:2;
position:relative;
overflow:hidden;
display:block;
}


 #cleintright .cats a{
	color:#666;
}

     #cleintright .cats a:hover {
        color: #900;
        text-decoration: none;
    }

    .hidden
{
	display:none;
}



/* portfolio */

#mytooltip
{
	background-color:#e6e6e6;
	border-radius:3px;
	position:fixed;
	font-size:0.9em;
	z-index:2000;
	padding:10px;
	min-width:300px;
	margin:10px;
	right:0;
	bottom:0;
	width:auto;
}

#mytooltip #toolleft
{
	float:left;
	width:85%;
}

#mytooltip #close
{
	float:right;
	width:15%;
	text-align:right;
}

#mytooltip #close a
{
	display:inline-block;
	color:#F00;
}



.right
{

clear:both;
display:block;	
}

#leftbar
{
	float:left;
	width:60%;
position:relative;
}

#rightbar
{
	float:right;
	width:40%;
position:relative;
}

img.nores
{
	width:auto;
	height:auto;

}

.nopad
{
	padding:0;
	margin:0;
}