@charset "UTF-8";

body, html {
	padding: 0;
	margin: 0;
	background: #3b3b3b;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	text-align:right;
}

#top {
	background: #3b3b3b url(/images/hdr.png) center no-repeat;
	height: 140px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#logo {
	margin: 0 auto;
	padding: 0;	
	width:900px;
	height:110px;
}

/* NAVIGATION BAR */
#hdr { width: 900px; height: 30px; margin: 0 auto; padding: 0; position: relative; z-index: 9997; }
#hdr #globalnav { margin: 0; padding: 0; }
#hdr #globalnav li { display: inline; }
#hdr #globalnav li a { float: left; height: 0; padding-top: 30px; overflow: hidden; }
#hdr #globalnav li a, #hdr #globalsearch { background-image: url(/images/nav.png); _background-image: url(/images/nav.png); background-repeat: no-repeat; }

/* BUTTONS */
#hdr #globalnav li#gn-home a { background-position: 0 0; width: 554px; }
#hdr #globalnav li#gn-work a { background-position: -554px 0; width: 86px; }
#hdr #globalnav li#gn-blog a { background-position: -640px 0; width: 75px; }
#hdr #globalnav li#gn-crew a { background-position: -715px 0; width: 79px; }
#hdr #globalnav li#gn-contact a { background-position: -794px 0; width: 106px; }

/* OVER STATES */
#hdr #globalnav li#gn-home a:hover { background-position: 0 -30px; }
#hdr #globalnav li#gn-work a:hover { background-position: -554px -30px; }
#hdr #globalnav li#gn-blog a:hover { background-position: -640px -30px; }
#hdr #globalnav li#gn-crew a:hover { background-position: -715px -30px; }
#hdr #globalnav li#gn-contact a:hover { background-position: -794px -30px; }

/* PRESSED STATES */
#hdr #globalnav li#gn-home a:active { background-position: 0 -60px; }
#hdr #globalnav li#gn-work a:active { background-position: -554px -60px; }
#hdr #globalnav li#gn-blog a:active { background-position: -640px -60px; }
#hdr #globalnav li#gn-crew a:active { background-position: -715px -60px; }
#hdr #globalnav li#gn-contact a:active { background-position: -794px -60px; }

/* ON STATES */
#hdr.home #globalnav li#gn-home a:hover -90px
#hdr.work #globalnav li#gn-work a { background-position: -554px -90px !important; }
#hdr.blog #globalnav li#gn-blog a { background-position: -640px -90px !important; }
#hdr.crew #globalnav li#gn-crew a { background-position: -715px -90px !important; }
#hdr.contact #globalnav li#gn-contact a { background-position: -794px -90px !important; }

#main {
	background: #f18c1d;
	text-align: left;
	min-height: 390px;
}

#main_home {
	width: 900px;
	margin: 0 auto;
}

/* SUB NAVIGATION WORK BAR */
#sub { width: 900px; height: 90px; margin: 0 auto; padding: 0; position: relative; z-index: 9997; }
#sub #subnav { margin: 0; padding: 0; }
#sub #subnav li { display: inline; }
#sub #subnav li a { float: left; height: 0; padding-top: 90px; overflow: hidden; }
#sub #subnav li a, #hdr #globalsearch { background-image: url(/images/nav_port.png); _background-image: url(/images/nav_port.png); background-repeat: no-repeat; }

/* BUTTONS */
#sub #subnav li#sn-logos a { background-position: 0 0; width: 173px; }
#sub #subnav li#sn-pack a { background-position: -173px 0; width: 287px; }
#sub #subnav li#sn-print a { background-position: -460px 0; width: 161px; }
#sub #subnav li#sn-video a { background-position: -621px 0; width: 153px; }
#sub #subnav li#sn-web a { background-position: -774px 0; width: 126px; }

/* OVER STATES */
#sub #subnav li#sn-logos a:hover { background-position: 0 -90px; }
#sub #subnav li#sn-pack a:hover { background-position: -173px -90px; }
#sub #subnav li#sn-print a:hover { background-position: -460px -90px; }
#sub #subnav li#sn-video a:hover { background-position: -621px -90px; }
#sub #subnav li#sn-web a:hover { background-position: -774px -90px; }

/* PRESSED STATES */
#sub #subnav li#sn-logos a:active { background-position: 0 -180px; }
#sub #subnav li#sn-pack a:active { background-position: -173px -180px; }
#sub #subnav li#sn-print a:active { background-position: -460px -180px; }
#sub #subnav li#sn-video a:active { background-position: -621px -180px; }
#sub #subnav li#sn-web a:active { background-position: -774px -180px; }

/* ON STATES */
#sub.home #subnav li#sn-logos a:hover { background-position: 0 0; cursor: default; }
#sub.work #subnav li#sn-pack a { background-position: -173px -270px !important; }
#sub.blog #subnav li#sn-print a { background-position: -460px -270px !important; }
#sub.crew #subnav li#sn-video a { background-position: -621px -270px !important; }
#sub.contact #subnav li#sn-web a { background-position: -774px -270px !important; }


#ftr {
	background: #3b3b3b url(/images/ftr.png) center top no-repeat;
	min-height: 250px;
	height: 100%;
	width: 100%;
	padding-top: 40px;
	font-size: 9px;
	color: #444;
	text-align: center;
	vertical-align: bottom;
}

#ftr p {
	margin: 0;
	
}

#work {
	margin: 0;
	padding: 0;
}

#work ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#work ul li {
	display: inline;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
}

#work li a {
	margin: 0;
	padding: 0;
}

#work li a img {
	border: 22px solid #f18c1d;
	margin: 0;
	padding: 0;	
}

#work li a:hover img {
	border: 22px solid #3b3b3b;
}

#work li a:active img {
	border: 22px solid #000;
}