@charset "UTF-8";

@font-face {
    font-family: 'ChicncoopSans';
    src: url('texgyreheros-regular.eot');
    src: local('Helvetica Neue UltraLight'), local('Helvetica Neue'), local('TeXGyreHeros-Regular'), url('texgyreheros-regular.woff') format('woff'), url('texgyreheros-regular.ttf') format('truetype'), url('texgyreheros-regular.svg#TeXGyreHeros-Regular') format('svg');
}


@font-face {
	font-family: 'ChicncoopSansBold';
	src: url('texgyreheros-bold.eot');
	src: local('Helvetica Neue'), local('TeXGyreHeros-Bold'), url('texgyreheros-bold.woff') format('woff'), url('texgyreheros-bold.ttf') format('truetype'), url('texgyreheros-bold.svg#TeXGyreHeros-Bold') format('svg');
}

@font-face {
	font-family: 'ChicncoopSansSemi';
	src: url('texgyreheros-regular.eot');
	src: local('Helvetica Neue Light'), local('Helvetica Neue'), local('TeXGyreHeros-Regular'), url('texgyreheros-regular.woff') format('woff'), url('texgyreheros-regular.ttf') format('truetype'), url('texgyreheros-regular.svg#TeXGyreHeros-Regular') format('svg');
}



/* all pages */
body{font-family: 'ChicncoopSansSemi', Arial, Helvetica, sans-serif; font-weight:100; font-size:.8em; margin:0; width:800px; line-height:1em;}
img{border:none;}
p, ul, li{margin:0; padding:0;}
.left{float:left;}
.right{float:right;}
#coopwire{background:url(images/coop.png); position:fixed; bottom:0px; right:70px; width:1055px; height:755px; z-index:7;}
#coopwire_white1{background:url(images/coop_white1.png) no-repeat; position:absolute; bottom:520px; right:440px; width:137px; height:96px; z-index:99; }
#coopwire_white2{background:url(images/coop_white2.png) no-repeat; position:absolute; bottom:266px; right:979px; width:107px; height:52px; z-index:99; }
#middle_content{}
#redhex{background:url(images/redguy.png) no-repeat; position:absolute; top:25px; left:25px; width:30px; height:23px}
#yellow {background: url(images/yellow.gif) no-repeat #ffcc00; position:absolute; top:60px; left:0; overflow:hidden; min-width:500px; height:80px; color:#FFF; z-index:50;}
.title{ float:left; position:relative; margin:10px 0 0 60px; z-index:100;}
.column{float:left; margin-right:25px;}
.column1{float:left; clear:left; margin-right:25px;}

a:link{text-decoration:none; color:#FFF;}
a:visited{text-decoration:none; color:#FFF;}
a:hover{text-decoration:none; color:#C00;}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }

/* home */
.flash{position:relative; float:left; margin:100px 0 0 300px; z-index:0;}

/* about links services */
#pages_content {float:left; width:700px; margin:10px 30px 10px 60px; z-index:100;}
#services #pages_content{width:850px;}
#pages_content p{clear:left;}
#pages_content ul{list-style-type:none; margin:0; padding:0; color:#FFF;}
.pages_img { float:left; margin-right:6px;}
.pages_title{float:left; margin:10px 0 0 60px;}
.pages_text{float:left; width:600px; clear:left; margin:20px 0 0 60px;}
.pages_subtext{font-family:'ChicncoopSans'; font-weight:100; font-size:.85em;}


/* portfolio */
/*#thumbnail_content{position:absolute; top:0px; right:16px; width:849px; height:120px; overflow:hidden; z-index:1;}
#thumbnail_images{width:2200px; height:120px;}
#thumbnail_images img{margin-right:6px;float:left;}*/

#thumbnail_content{float:right;height:120px; z-index:100;}

/*#left{position:absolute; right:0px; height:120px; z-index:100; cursor:pointer;}
#right{position:absolute; right:866px; height:120px; z-index:100; cursor:pointer;}*/
#left{float:right;}
#right{float:right;}

#portfolio_content{position:absolute; top:186px; height:400px; z-index:1;}
#portfolio_images{height:400px; width:2300px;}
#portfolio_images img{margin-left:6px;float:left;}
#portfolio_content #full1{position:absolute; left:0px;}
#portfolio_content #full2, #portfolio_content #full3, #portfolio_content #full4{position:absolute; left:-547px;}
#portfolio_text{position:absolute; top:220px; margin-left:600px; width:300px;  z-index:50; color:#444;}
#portfolio_text a:link, #portfolio_text a:visited{color:#444; text-decoration:none;}
#portfolio_text a:hover{font-family:'ChicncoopSans'; font-weight:100; color:#444; text-decoration:none; line-height:33px;}
#portfolio_text h1 {font-family:'ChicncoopSansBold'; font-weight:normal; font-size:1.5em; display:inline;}
#portfolio_text h2 {font-weight:100; font-size:1em; margin:50px 0 15px 0;}
.image_menu {font-family:'ChicncoopSansBold'; font-weight:300; font-size:2em; display:inline; line-height:33px;}
.project{font-family:'ChicncoopSans'; font-weight:100; font-size:1.5em; }

/* main nav */
#thumbnail_nav_content{position:absolute; width:2000px; }
#thumbnail_nav{margin:0; padding:0;}
#thumbnail_nav li{list-style-type:none; float:left;}
#thumbnail_nav li a {background-image: url(images/portfolio/portfolio_nav_web.jpg);background-repeat:no-repeat; float:left; height:120px; width:172px;}

#thumbnail_nav li .item1 {background-position: 0 0;}
#thumbnail_nav li a:hover.item1 {background-position: 0 -120px;}
#thumbnail_nav li a.item1 {background-position: 0 -120px;}

#thumbnail_nav li .item2 {background-position: -171px 0;}
#thumbnail_nav li a:hover.item2 {background-position: -171px -120px;}
#thumbnail_nav li a.item2 {background-position: -171px -120px;}

#thumbnail_nav li .item3 {background-position: -343px 0;}
#thumbnail_nav li a:hover.item3 {background-position: -343px -120px;}
#thumbnail_nav li a.item3 {background-position: -343px -120px;}

#thumbnail_nav li .item4 {background-position: -513px 0;}
#thumbnail_nav li a:hover.item4 {background-position: -513px -120px;}
#thumbnail_nav li a.item4 {background-position: -513px -120px;}

#thumbnail_nav li .item5 {background-position: -684px 0;}
#thumbnail_nav li a:hover.item5 {background-position: -684px -120px;}
#thumbnail_nav li a.item5 {background-position: -684px -120px;}

#thumbnail_nav li .item6 {background-position: -855px 0;}
#thumbnail_nav li a:hover.item6 {background-position: -855px -120px;}
#thumbnail_nav li a.item6 {background-position: -855px -120px;}

#thumbnail_nav li .item7 {background-position: -1026px 0;}
#thumbnail_nav li a:hover.item7 {background-position: -1026px -120px;}
#thumbnail_nav li a.item7 {background-position: -1026px -120px;}

#thumbnail_nav li .item8 {background-position: -1198px 0;}
#thumbnail_nav li a:hover.item8 {background-position: -1198px -120px;}
#thumbnail_nav li a.item8 {background-position: -1198px -120px;}



/* main nav */
#nav_under{position:absolute; right:0px; bottom:0px; height:110px; width:100%; background-color:#fff; z-index:6; opacity: .7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#nav_content{position:absolute; right:120px; bottom:30px; z-index:100;}
#nav_content .item1 {background-image:url(images/nav/nav.png); background-position: 0px -210px; float:left; clear:left; margin-left:70px; width:250px; height:60px;  }
#nav{margin:0; padding:0;}
#nav li{list-style-type:none; float:left;}
#nav li a {background-image: url(images/nav/nav.png);background-repeat:no-repeat; float:left; height:16px; }

#nav li .item2 {background-position: -3px -11px;width:64px;}
#nav li a:hover.item2 {background-position: -3px -27px;}
#portfolio #nav li a.item2 {background-position: -3px -43px;}

#nav li .item3 {background-position: -67px -11px;width:66px;}
#nav li a:hover.item3 {background-position: -67px -27px;}
#services #nav li a.item3 {background-position: -67px -43px;}

#nav li .item4 {background-position: -133px -11px; width:50px;}
#nav li a:hover.item4 {background-position: -133px -27px;}
#about #nav li a.item4 {background-position: -133px -43px;}

/* footer nav */
#footer_content{position:fixed; bottom:13px; right:42px; width:965px; z-index:100;}
#footer{margin:0; padding:0;}
#footer li{list-style-type:none; float:left;}
#footer li a {background-image: url(images/nav/nav.png);background-repeat:no-repeat; float:left; height:14px; }

#footer li .item2 {background-position:-5px -330px;width:45px;}
#footer li a:hover.item2 {background-position:  -5px -356px;}
#portfolio #footer li a.item2 {background-position:  -5px -349px;}

#footer li .item3 {background-position: -48px -330px;width:25px;}
#footer li a:hover.item3 {background-position:-48px -356px;}
#services #footer li a.item3 {background-position: -48px -343px;}

#footer li .item4 {background-position:-73px -330px; width:22px;}
#footer li a:hover.item4 {background-position: -73px -356px;}
#about #footer li a.item4 {background-position: -73px -343px;}

/* about nav */
#about_nav_content{position:absolute;left:60px; top:24px; width:300px; z-index:100;}
#about_nav{margin:0; padding:0; }
#about_nav li{list-style-type:none; float:left;}
#about_nav li a {background-image: url(images/nav/nav.png);background-repeat:no-repeat; float:left; height:14px; }

#about_nav li .item2 {background-position:-5px -85px; width:58px;}
#about_nav li a:hover.item2 {background-position: -5px -99px;}
#thecoop #about_nav li a.item2 {background-position: -5px -113px;}

#about_nav li .item3 {background-position:-63px -85px;width:85px;}
#about_nav li a:hover.item3 {background-position: -63px -99px;}
#white #about_nav li a.item3 {background-position: -63px -113px;}

#about_nav li .item4 {background-position:-148px -85px; width:102px;}
#about_nav li a:hover.item4 {background-position: -148px -99px;}
#speckled #about_nav li a.item4 {background-position: -148px -113px;}

/* portfolio nav */
#portfolio_nav_content{position:absolute;left:60px; top:24px; width:200px; z-index:100;}
#portfolio_nav{margin:0; padding:0;}
#portfolio_nav li {list-style-type:none; float:left;}
#portfolio_nav li a {background-image: url(images/nav/nav.png);background-repeat:no-repeat;float:left; height:14px;}

#portfolio_nav li a.item2 {background-position: -5px -150px;width:33px;}
#web #portfolio_nav li a.item2 {background-position: -5px -178px;}
#portfolio_nav li a:hover.item2 {background-position: -5px -164px;}

#portfolio_nav li a.item3 {background-position: -38px -150px;width:35px;}
#print #portfolio_nav li a.item3 {background-position: -38px -178px;}
#portfolio_nav li a:hover.item3 {background-position: -38px -164px;}

#portfolio_nav li a.item4 {background-position: -74px -150px; width:49px;}
#identity #portfolio_nav li a.item4 {background-position: -74px -178px;}
#portfolio_nav li a:hover.item4 {background-position: -74px -164px;}

/* links nav */
#links_nav_content{position:absolute;left:60px; top:24px; width:300px; z-index:100;}
#links_nav_content .item1 {background-image: url(images/nav/nav.png);background-repeat:no-repeat; float:left; height:12px; }
#links_nav{margin:0; padding:0;}
#links_nav li{list-style-type:none; float:left;}
#links_nav li a {background-image: url(images/nav/nav.png);background-repeat:no-repeat; float:left; height:14px; }

#links_nav li .item2 {background-position: -15px -388px;width:73px;}
#links_nav li a:hover.item2 {background-position: -15px -402px;}
#stuffwelike #links_nav li a.item2 {background-position: -15px -416px;}

#links_nav li .item3 {background-position: -89px -388px;width:42px;}
#links_nav li a:hover.item3 {background-position: -89px -402px;}
#clients #links_nav li a.item3 {background-position: -89px -416px;}