/* GLOBAL STYLES */


body {
	background: #FFFFFF;
}
body,td,th {
	font-family: Helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #A0A0A0;
}
a {
	color: #000000;
	font-weight: 700;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #A0A0A0;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#clear {
	clear: left;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
strong.black {
	color: #000000;
}

p {
	margin: 0px 0px 10px 0px;
}


/* CONTAINERS */


#container {
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	width: 968px;
}
#shadow-container {
	background: url(../images/body-bg.png);
	background-color: transparent;
	background-repeat: repeat-y;
	float: left;
	width: 968px;
}
#masthead {
	background: url(../images/bg-body-top.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 53px;
	padding-top: 20px;
	position: relative;
	width: 968px;
}
#body-container {
	background: url(../images/bg-body-bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 0px 13px;
	padding: 50px 45px 75px 85px;
	width: 811px;
}
#footer-container {
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 968px;
	height: 70px;
	overflow: hidden;
	position: relative;
	top:-13px;
	clear: both;
}
#footer {
	float: left;
	display: inline;
	padding: 0px 13px 0px 13px;
	margin: 0px 0px 0px 0px;
	position: relative;
	width: 942px;
	z-index: 100;
}


/* GLOBAL NAV */


#global-nav {
	display: block;
	height: 53px;
	left: 14px;
	position: absolute;
	top: 21px;
	width: 968px;
}
#global-nav li a {
	background:url(../images/bg-nav-fade-2.jpg) repeat 0 0;
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	color: #A3A4A3;
	float: left;
	font-weight: 100;
	height: 35px;
	width: 155px;
	padding-top: 17px;	
	text-align: center;	
}
#global-nav li a.active {
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF;
}
#global-nav li.nav-home a {
	padding-bottom: 3px;
	padding-top: 14px;
	width: 160px;
}
#global-nav li.nav-dumb {
	padding-bottom: 3px;
	padding-top: 14px;
	width: 311px;
	height: 35px;
	border-bottom: 1px solid #CECECE;
	background: #FFFFFF;
}


/* SLIDING DROP DOWNS */


#global-nav li {
	position:relative; 
	float:left;
}
#global-nav ul ul {
	border-left: 1px solid #CECECE;
	display:none;
	list-style:none;
	margin-left: -1px;
	margin-top:53px;
	opacity:0;
	position:absolute;
}
#global-nav ul ul li a {
	display:block;
	height: 30px;
	padding-top: 10px;
}


/* SUBNAV */

#subnav {
	clear: both;
	float: left;
	display: inline;
}

#subnav ul {
	border-top: 1px solid #CECECE;
	float: left;
	font-family: arial narrow; arial;
	font-size: 24px;
	line-height: 28px;
	list-style-type: none;
	margin: 0px 30px 0px 0px;
	width: 194px;
}
#subnav li {
	border-bottom: 1px solid #CECECE;
}
#subnav li a {
	color: #A0A0A0;
	display: block;
	height: 34px;
	font-weight: 100;
	padding-top: 5px;
}
#subnav li a:hover {
	color: #666666;
	font-weight: 100;
}
#subnav li a.active {
	background-image: url(../images/bg-subnav-li.png);
	background-position: top right;
	color: #FFFFFF;
	margin-right: -6px;
	padding-left: 10px;
}


/* GLOBAL */


#twitter {
	position: absolute;
	height: 103px;
	right: 0;
	top: 0;
	width: 103px;
	z-index: 200;
}
#twitter h2 a {
	background-image: url(../images/twitter-ribbon.png);
	display: block;
	height: 103px;
	text-indent: -9999px;
	width: 103px;
}


/* HOME PAGE */

#page-title {
	float: left;
	display: inline;
	width: 500px;
	overflow: hidden;
	height: 60px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#page-title h1 {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: 60px;
}
#intro-copy {
	float: left;
	font-family: arial narrow, arial;
	font-size: 24px;
	line-height: 34px;
	margin-right: 0px;
	width: 400px;
}
#news-feed {
	float: right;
	margin-top: -45px;
	width: 310px;
}
#news-feed h2 a {
	background-image: url(../images/icon-rss.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #A0A0A0;
	float: left;
	font-family: arial narrow, arial;
	font-size: 24px;
	font-weight: 100;
	padding-right: 25px;
	margin-bottom: 20px;
}
#news-feed h2 {
	float: left;
	width: 310px;
}
#news-feed li {
	border-bottom: 1px solid #CECECE;
	font-size: 11.5px;
	line-height: 17px;
	padding: 8px 0 8px 0;
}
#news-feed img {
	float: left;
	padding: 3px 10px 3px 0;
}
#pagination {
	margin-top: 10px;
}
a#first {
	background-image: url(../images/pagination_beginning.png);
	float: left;
	height: 12px;
	margin-right: 5px;
	margin-top: 4px;
	text-indent: -9999px;
	width: 16px;
}
a#first:hover {
	background-image: url(../images/pagination-beginning-over.png);
}
a#previous {
	background-image: url(../images/pagination_previous.png);
	float: left;
	height: 12px;
	margin-right: 16px;
	margin-top: 4px;
	text-indent: -9999px;
	width: 9px;
}
a#previous:hover {
	background-image: url(../images/pagination-previous-over.png);
}
a#last {
	background-image: url(../images/pagination_last.png);
	float: left;
	height: 12px;
	margin-left: 5px;
	margin-top: 4px;
	text-indent: -9999px;
	width: 16px;
}
a#last:hover {
	background-image: url(../images/pagination-last-over.png);
}
a#next {
	background-image: url(../images/pagination_next.png);
	float: left;
	height: 12px;
	margin-left: 16px;
	margin-top: 4px;
	text-indent: -9999px;
	width: 9px;
}
a#next:hover {
	background-image: url(../images/pagination-next-over.png);
}
.page-number {
	border-right: 1px solid #CECECE;
	float: left;
	font-size: 11px;
	padding: 0 8px 0 8px;
}


/* SUBPAGE */


#body-copy {
	float: right;
	width: 579px;
	overflow: hidden;
}
#body-copy h2 {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	padding-bottom: 5px;
}
#body-copy ul.bulleted li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
	padding-bottom: 3px;
}
#body-copy ul.bulleted li ul li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 20px;
	padding-bottom: 3px;
}
#news-copy {
	float: left;
	width: 435px;
}
#news-copy img {
	padding: 16px 0 16px 0;
}
#news-copy h2 {
	font-size: 20px;
	line-height: 24px;
	margin: -3px 0 5px 0;
}
#news-copy h3 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
#left-sidebar {
	float: left;
	display: inline;
	clear: both;
}
#left-sidebar h2{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 2px;
}
#portfolio-img {
	border: 1px solid #D1D1D1;
	background: #F6F6F6;
	float: right;
	margin: 12px 0 12px 0;
	padding: 9px;
}
#portfolio-img img {
	padding-bottom: 9px;
}
#portfolio-img h4 {
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
}
#portfolio-img h4 a {
	color: #999999;
	height: 16px;
	font-weight: normal;
}
#portfolio-img h4 a:hover {
	color: #555555;
}
h4.launch a {
	background-image: url(../images/icon-expand.png);
	background-position: center left;
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	padding-left: 21px;
}
h4.flickr a {
	background-image: url(../images/icon-flickr.png);
	background-position: center right;
	background-repeat: no-repeat;
	float: right;
	height: 16px;
	padding-right: 21px;
	text-align: right;
}
#col-1, #col-2, #col-3 {
	float: left;
	margin-top: 20px;
	width: 170px;
}
#col-1, #col-2 {
	margin-right: 29px;
}
#col-1 p, #col-2 p, #col-3 p {
	font-size: 11.5px;
	line-height: 16px;
}
#col-1 h3, #col-2 h3, #col-3 h3 {
	border-bottom: 1px solid #CECECE;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#col-1 img, #col-2 img, #col-3 img {
	padding-bottom: 8px;
}
#col-1.process, #col-2.process {
	background-image: url(../images/bg-process.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 212px;
}
#col-3.process {
	background-image: url(../images/bg-process-end.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 212px;
}
#col-1.process {
	padding: 10px 37px 0 0;
	margin-right: 20px;
	margin-top: 0;
	width: 148px;
}
#col-2.process {
	padding: 10px 35px 0 0;
	margin-right: 20px;
	margin-top: 0;
	width: 153px;
}
#col-3.process {
	padding: 10px 21px 0 0;
	margin-top: 0;
	width: 145px;
}
#col-1half, #col-2half {
	float: left;
	font-size: 11.5px;
	line-height: 16px;
	margin-top: 20px;
	width: 265px;
}
#col-1half {
	margin-right: 29px;
}
#col-1half h3, #col-2half h3 {
	border-top: 1px solid #CECECE;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 8px;
	padding: 8px 0 8px 0;
}
#process {
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	display: block;
	height: 212px;
}
p.contacts-top {
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;	
	padding: 10px 0 10px 0;
	margin-top: 10px;
}
p.contacts {
	border-bottom: 1px solid #CECECE;
	padding: 10px 0 10px 0;
}

/* GLOBAL FOOTER */


#share {
	background: #F6F6F6;
	border: 1px solid #CECECE;
	float: left;
	margin-top: 20px;
	padding: 6px 10px 6px 10px;
}
#share a {
	display: inline-block;
	/*background-image: url(../images/icon-share.png);
	background-position: right;
	background-repeat: no-repeat;*/
}
#address {
	border-right: 1px solid #CECECE;
	display: block;
	font-family: arial narrow, arial;
	font-size: 13px;
	left:330px;
	line-height: 18px;
	padding-top: 10px;
	position: absolute;
	width:156px;
	top:0;
	height: 60px;
} 
#footer-splntr {
	display: block;
	left:487px;
	position: absolute;
	top:-2;
}
#footer-twoxfour {
	display: block;
	left:487px;
	position: absolute;
	top:0;
}
#footer-hammer {
	display: block;
	left:643px;
	position: absolute;
	top:0;
}
#footer-thirdgear {
	display: block;
	left:799px;
	position: absolute;
	top:0;
}
#footer-splntr h2, #footer-hammer h2, #footer-thirdgear h2, #footer-twoxfour h2 {
	border-right: 1px solid #CECECE;
	display: block;
	height: 55px;
	padding-top: 16px;
	text-indent: -9999px;
	width: 155px;
}
#footer-twoxfour h2 a {
	/* background-image: url(../images/logo-splntr.png); */
	display: block;
	height: 40px;
	width: 155px;
}
#footer-twoxfour h2 a:hover {
	/* background-image: url(../images/logo-splntr-over.png); */
}
#footer-splntr h2 a {
	/* background-image: url(../images/logo-splntr.png); */
	display: block;
	height: 40px;
	width: 155px;
}
#footer-splntr h2 a:hover {
	/* background-image: url(../images/logo-splntr-over.png); */
}
#footer-hammer h2 a {
	/* background-image: url(../images/logo-hammer.png); */
	display: block;
	height: 40px;
	width: 155px;
}
#footer-hammer h2 a:hover {
	/* background-image: url(../images/logo-hammer-over.png); */
}
#footer-thirdgear h2 a {
	/* background-image: url(../images/logo-thirdgear.png); */
	display: block;
	height: 40px;
	width: 155px;
}
#footer-thirdgear h2 a:hover {
	/* background-image: url(../images/logo-thirdgear-over.png); */
}


/* FADE THIS */


.fadeThis {
	position:relative;
	display:block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-twoxfour.png) 0 0 no-repeat;
}	
.fadeThis * {
	display: none;
}
.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-twoxfour-over.png) 0 0 no-repeat;
}
.fadeThis-2 {
	position:relative;
	display:block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-hammer.png) 0 0 no-repeat;
}	
.fadeThis-2 * {
	display: none;
}
.fadeThis-2 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-hammer-over.png) 0 0 no-repeat;
}
.fadeThis-3 {
	position:relative;
	display:block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-thirdgear.png) 0 0 no-repeat;
}	
.fadeThis-3 * {
	display: none;
}
.fadeThis-3 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 40px;
	width: 155px;
	background:url(../images/logo-thirdgear-over.png) 0 0 no-repeat;
}
.fadeThis-david {
	background:url(../images/headshot-david-gray.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	position:relative;
	text-indent: -9999px;
	width: 111px;
}	
.fadeThis-david span.hover {
	background:url(../images/headshot-david.png) 0 0 no-repeat;
	display: block;
	height: 121px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
.fadeThis-adam {
	background:url(../images/headshot-adam-gray.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	position:relative;
	text-indent: -9999px;
	width: 111px;
}	
.fadeThis-adam span.hover {
	background:url(../images/headshot-adam.png) 0 0 no-repeat;
	display: block;
	height: 121px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
.fadeThis-jen {
	background:url(../images/headshot-jen-gray.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	position:relative;
	text-indent: -9999px;
	width: 111px;
}	
.fadeThis-jen span.hover {
	background:url(../images/headshot-jen.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
.fadeThis-brett {
	background:url(../images/headshot-brett-gray.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	position:relative;
	text-indent: -9999px;
	width: 111px;
}	
.fadeThis-brett span.hover {
	background:url(../images/headshot-brett.png) 0 0 no-repeat;
	display: block;
	height: 121px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
.fadeThis-ryan {
	background:url(../images/headshot-ryan-gray.png) 0 0 no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 121px;
	position:relative;
	text-indent: -9999px;
	width: 111px;
}	
.fadeThis-ryan span.hover {
	background:url(../images/headshot-ryan.png) 0 0 no-repeat;
	display: block;
	height: 121px;
	left: 0;
	position: absolute;
	top: 0;
	width: 111px;
}
#headshots {
	float: left;
	margin: 25px 0 25px 0;
	position: relative;
	width: 560px;
}

/* SPACE */


#timeline {
	background-image: url(../images/space-bg.png);
	background-position: left;
	background-repeat: repeat-y;
}
#location-1, #location-2, #location-3, #location-4 {
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 121px;
	padding: 0 30px 0 260px;
}
#location-1 {
	background-image: url(../images/space-img-1.jpg);
}
#location-2 {
	background-image: url(../images/space-img-2.jpg);
}
#location-3 {
	background-image: url(../images/space-img-3.jpg);
}
#location-4 {
	background-image: url(../images/space-img-4.jpg);
	background-color: #FFFFFF;
}
#timeline h2 {
	float: left;
	font-size: 20px;
	margin: -8px 0 -4px 0;
	width: 400px;
}
#timeline p {
	font-size: 11.5px;
	line-height: 17px;
}
#timeline h4 a {
	color: #999999;
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 2px;
}
#timeline h4 a:hover {
	color: #555555;
}

#portfolio_container {
	width: 577px;
	text-align: left;
	position: relative;
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 500px;
}
.port_gallery {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	height: 500px;
	width: 577px;
}
.portfolio_img {
	clear: both;
	float: left;
	display: inline;
	height: 400px;
	width: 577px;
	text-align: center;
	overflow: hidden;
	margin: 0px;
}
.portfolio_title {
	clear: both;
	float: left;
	display: inline;
	width: 520px;
	overflow: hidden;
	margin: 15px 0px 0px 60px;
	font-size: 23px;
	font-weight: bold;
	color: #000000;
	
}
.portfolio_desc {
	clear: both;
	float: left;
	display: inline;
	width: 520px;
	overflow: hidden;
	margin: 8px 0px 0px 60px;
	font-size: 13px;
	font-weight: normal;
	color: #666866;
}

#port-nav {
	float: right;
	display: inline;
	height: 39px;
	overflow: hidden;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

#rotator_container {
	height: 400px;
	width: 407px;
	text-align: left;
	position: relative;
	float: right;
	display: inline;
	margin: -60px 0px 0px 0px;
	padding: 0px;
}
.home_gallery {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	height: 400px;
	width: 407px;
}