@charset "UTF-8";
/* CSS Document */
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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
img, div, input { behavior: url("iepngfix.htc") }
.container_12,.container_16{margin:0;width:960px}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* 'zoom' rule could go in a separate IE stylesheet for validation if needed. */
body{font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333;}
p{margin-bottom:18px;}
ul{margin-bottom:18px;}
ul.indent{padding-left:18px;}
a{color:#555; text-decoration:none;}
.border-link{border-bottom:#BE0000 1px solid;}
a:hover{color:#be0000;}
h1,h2,h3{color:#be0000; font-weight:normal; font-size:28px; line-height:36px; margin-bottom:0;}
h1,h2{margin-bottom:5px;}
h1.red{color:#be0000; font-size:36px; line-height:40px; margin-bottom:20px;}
h2{font-size:22px; line-height:22px;}
.small{font-size:9px; margin-bottom:5px;}
hr{height:1px; background-color:#E0E0E0; color:#E0E0E0; border:0; outline:0;}
div.header{height:120px; border-bottom:#E0E0E0 1px solid ; padding-left:20px;}
div.content{padding:50px 0 20px 20px;}
div.footer{padding:15px 0 30px 20px; font: normal 10px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
div.logo{width:150px; float:left;}
/*MAIN NAV*/
ul#menu {
padding-top:74px; padding-left:100px; margin:0; float:left;
}
ul#menu li {
display:inline;
}
ul#menu li a {
}
ul#menu li a span{display:none;}
#home-nav, #portfolio-nav, #about-nav, #contact-nav{ display:block; height:22px; background:url(../images/main-nav.gif) no-repeat 0 0; float:left;}
#home-nav{ width:51px;}
#home-nav:hover{ background-position:0 -22px;}
body#home-page #home-nav{ background-position:0 -44px;}
#about-nav{width:61px; background-position:-51px 0;}
#about-nav:hover{background-position:-51px -22px;}
body#about-page #about-nav{background-position:-51px -44px;}
#portfolio-nav{width:79px; background-position:-112px 0;}
#portfolio-nav:hover{background-position:-112px -22px;}
body#portfolio-page #portfolio-nav{background-position:-112px -44px;}
#contact-nav{width:69px; background-position:-191px 0;}
#contact-nav:hover{background-position:-191px -22px;}
body#contact-page #contact-nav{background-position:-191px -44px;}
/*PORTFOLIO PAGES*/
body.sytak-web a.sytak-web, body.co-op a.co-op, body.dean-hammer-photography a.dean-hammer-photography, body.ultimate-meditation a.ultimate-meditation, body.greyghost-apparel a.greyghost-apparel, body.sytak-04 a.sytak-04, body.sytak-05 a.sytak-05, body.videotape a.videotape, body.network a.network{color:#be0000;}
.main-form{width:220px; display:block; margin-bottom:10px;}
input, textarea{ display:block; margin-bottom:5px; outline:none; border: #AAA 1px solid; width:140px; padding:5px; font:normal 14px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#AAAAAA;}
.submit{background-color:#be0000; text-align:center; color:#FFFFFF; border:0; outline:0; padding:0;}
/*NEW HOME PAGE*/
.hero-section{position:relative; height:600px; background: url(../images/homepage-bg.gif) repeat-x 0 226px;}
.home-columns{float:left;}
.intro-text{
padding:220px 90px 0 270px;
}
.intro-column{
width:610px;
height:600px;
color:#FFFFFF;
background:url(../images/network-intro.jpg) no-repeat 177px 0;
}
.intro-column a{color:#FFFFFF; text-decoration:underline;}
.hero-image{position:absolute; z-index:10; top:0; left:550px;}
#hero{display:none;}
/*GALLERIA*/
.caption{font-style:italic;color:#FFF;}
.gallery_demo li{width:79px;height:53px;margin: 0 1px;background:#FFF }
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 1px auto;height:400px;width:700px;background:#FFF; overflow:hidden;}
#main_image img{margin-bottom:0px;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
.galleria{list-style:none;width:700px}
.galleria li{display:block;width:62px;height:42px;overflow:hidden;float:left;margin:0 1px 1px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
*::-moz-selection { background: #E0E0E0 none repeat scroll 0 0; color:#be0000; }
::selection { background: #E0E0E0 none repeat scroll 0 0; color:#be0000; }
#tooltip{
position:absolute;
border:1px solid #FFF;
background:#be0000;
padding:5px 8px;
color:#FFF;
display:none;
font-size:9px;
}
/*
SLIDE BOX
*/
.feature_box{
width:174px;
height:174px;
position:relative;
float:left;
margin:0;
}
.feature_box p{
overflow:hidden;
width:100%;
height:174px;
z-index:1;
background: transparent url(../images/portfolio/red-bg.png) no-repeat;
margin:0;
font-size:11px;
line-height:15px;
display:block;
}
.feature_box p a{padding: 120px 10px 10px 10px; display:block; color:#FFF; line-height:15px;
}