@charset "UTF-8";



* {
border:0 none;
margin:0;
padding:0;
}
body {

background:none repeat scroll 0 0 #FCF7FB;
color:#525252;
font-size:0;
height:100%;
margin:0;
position:absolute;
width:100%;
overflow-x: hidden;
}
.workcontainer{
float:left;
font-family:"Inconsolata",arial;
font-size:25px;
font-weight:lighter;
line-height:13px;
margin-bottom:-2px;
margin-left:20px;
margin-right:20px;
word-spacing:-1px;
	
}
.tab {
background-color:#525252;
color:#FCF7FB;
float:left;
font-family:Helvetica,arial,sans-serif;
font-size:7px;
font-weight:100;
letter-spacing:2px;
line-height:6px;
margin-right:20px;
padding:4px 0 3px;
width:100%;
}
.spacertab {
-webkit-border-radius: 2px;
-moz-border-radius:2px 2px 2px 2px;
background-color:#6c6c6c;
color:#FCF7FB;
float:left;
font-family:Inconsolata,arial,sans-serif;
font-size:8px;
font-weight:100;
letter-spacing:2px;
line-height:9px;
margin-bottom:6px;
margin-right:5px;
margin-top:7px;
padding:4px 4px 3px 6px;
}

.flow {
margin-left:20px;
margin-right:20px;
-moz-border-radius:2px 2px 2px 2px;
background-image:url("images/whitebg.png") !important;
overflow:hidden;
padding-bottom:8px;
padding-top:9px;
}

.ybi {
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius: 2px;
background-color:#6c6c6c !important;
float:left;
height:70px;
margin:3px !important;
min-width:70px;
padding:4px !important;
}
.ybx {
margin:2px !important;
}
h3.ybh {
display:none !important;
}
.ybi.odd {
background-color:#6c6c6c !important;
}
.pipesThumbnail {
margin:0 !important;
}
.pipesThumbnail img {
border:medium none !important;
height:70px !important;
width:auto !important;
}
.pipesHolder {
padding:0 !important;
}
.pipesDescription {
display:none !important;
}
.pipesTitle {
background-color:#FCF7FB;
font-family:"Inconsolata",arial;
font-size:8px !important;
font-weight:100 !important;
letter-spacing:1px;
line-height:8px;
margin-left:-4px;
margin-top:-4px;
max-height:72px;
max-width:72px;
overflow:hidden;
padding:1px !important;
position:absolute;
text-transform:uppercase;
width:auto !important;
}
.pipesTitle a:link {
color:#525252;
text-decoration:none;
}
.pipesTitle a:visited {
color:#525252;
text-decoration:none;
}
.pipesTitle a:hover {
color:#898989;
text-decoration:underline;
}
.pipesTitle a:active {
color:#525252;
text-decoration:none;
}
.greyblock {
background-color:#6c6c6c;
height:20px;
margin-bottom:8px;
width:100%;
}
.blogblock {
background-color:#525252;
float:left;
height:10px;
margin-bottom:8px;
width:1078px;
}
.ybr {
height:252px !important;
overflow:hidden !important;
}
.ybf {
display:none !important;
}
.blogspacer {
float:left;
font-family:"helvetica",arial;
font-size:12px;
font-weight:lighter;
line-height:18px;
margin-right:3px;
margin-top:3px;
word-spacing:-1px;
}
.newsblock {
float:left;
height:31px;
width:1078px;
}
.buybtn {
margin-top:3px;
}
.buybtn:hover {
opacity:0.5;
}
.bigcopy {
float:left;
font-family:"Inconsolata",arial;
font-size:25px;
font-weight:lighter;
line-height:27px;
margin-bottom:4px;
margin-left:20px;
margin-right:20px;
}
.bigcopy a:link {
color:#898989;
text-decoration:underline;
}
.bigcopy a:visited {
color:#898989;
text-decoration:underline;
}
.bigcopy a:hover {
color:#898989;
text-decoration:none;
}
.bigcopy a:active {
color:#898989;
text-decoration:underline;
}
.frame {
background-color:#FCF7FB;
border:0 none;
float:left;
margin-top:3px;
overflow:hidden;
width:100%;
}
.twitternews {
font-family:"helvetica",arial;
font-size:25px;
font-weight:lighter;
line-height:30px;
margin-top:1px;
word-spacing:-1px;
}
.twitternews a:link {
color:#898989;
text-decoration:underline;
}
.twitternews a:visited {
color:#898989;
text-decoration:underline;
}
.twitternews a:hover {
color:#898989;
text-decoration:none;
}
.twitternews a:active {
color:#898989;
text-decoration:underline;
}

.spacerblock{
-webkit-border-radius: 2px;
-moz-border-radius:2px 2px 2px 2px;
background-color:#6C6C6C;
color:#FCF7FB;
font-family:Inconsolata,arial,sans-serif;
font-size:8px;
font-weight:100;
letter-spacing:2px;
line-height:9px;
margin:0px 20px 1px;
padding:4px 4px 3px 6px;
}


.spacer {
float:left;
font-family:"helvetica",arial;
font-size:12px;
font-weight:lighter;
height:16px;
line-height:16px;
margin-bottom:5px;
margin-right:3px;
margin-top:8px;
word-spacing:-1px;
}
.linespacer {
float:left;
font-family:"helvetica",arial;
font-size:10px;
font-weight:lighter;
margin-bottom:7px;
margin-right:4px;
margin-top:10px;
word-spacing:-1px;
}
:focus {
outline:medium none;
}
.project a:link {
color:#898989;
text-decoration:underline;
}
.project a:visited {
color:#898989;
text-decoration:underline;
}
.project a:hover {
color:#898989;
text-decoration:none;
}
.project a:active {
color:#898989;
text-decoration:underline;
}
.blocktitle:hover {
color:#525252;
opacity:0.5;
text-decoration:none;
}
.blocktitle a:link {
color:#525252;
text-decoration:none;
}
.blocktitle a:visited {
color:#525252;
text-decoration:none;
}
.blocktitle a:hover {
color:#525252;
opacity:0.5;
text-decoration:none;
}
.blocktitle a:active {
color:#525252;
text-decoration:none;
}
.colophon a:link {
color:#FCF7FB;
text-decoration:none;
}
.colophon a:visited {
color:#FCF7FB;
text-decoration:none;
}
.colophon a:hover {
color:#FCF7FB;
text-decoration:underline;
}
.colophon a:active {
color:#FCF7FB;
text-decoration:none;
}
.background {
min-width:1200px;
overflow:hidden;
position:fixed;
width:100%;
}
.centre {
left:50%;
margin-left:-141px;
margin-top:-141px;
position:absolute;
top:50%;
z-index:10;
}
.block {
background-image:url("images/whitebg.png");
float:left;
font-family:"Inconsolata",arial;
font-size:25px;
font-weight:lighter;
height:27px;
letter-spacing:0.3px;
margin-right:3px;
margin-top:2px;
}
.arrow {
float:left;
margin-right:5px;
margin-top:9px;
z-index:10;
}
.blocktitle {
cursor:pointer;
float:left;
height:31px;
line-height:30px;
margin-top:-1px;
padding-left:1px;
padding-right:1px;
position:relative;
white-space:nowrap;
z-index:10;
}
.body {
display:none;
float:left;
font-family:"inconsolata",arial;
font-size:11px;
margin-left:11px;
margin-right:11px;
margin-top:5px;
opacity:0;
width:1028px;
z-index:10;
}
.workcopy {
	letter-spacing:0.4px;
background-color:#FCF7FB;
color:#525252;
float:left;
font-size:10px;
margin-bottom:10px;
margin-right:100%;
margin-top:-15px;
padding:15px 4px 3px;
position:relative;
width:457px;
}
.workimage {
float:left;
margin-bottom:11px;
margin-right:11px;
}
.content {
height:auto;
margin-bottom:11px;
overflow:hidden;
padding-bottom:5px;
width:100%;
}
.colophon {
background-color:#6C6C6C;
bottom:0;
color:#FCF7FB;
font-family:"inconsolata",arial;
font-size:8px;
letter-spacing:1px;
line-height:9px;
margin-top:3px;
padding:4px 4px 3px 20px;
position:fixed;
text-transform:uppercase;
width:100%;
z-index:2000;
}