@charset "UTF-8";
/* CSS Document */

* {border:0;margin:0;padding:0;font-family:Helvetica,Arial,Helvetica,sans-serif;font-weight:bold;list-style:none;}

a:link {color: #38455C; text-decoration:none;}
a:visited {color: #38455C; text-decoration:none;}
a:hover {color: #FFC200; text-decoration:none;}
a:active {color: #38455C; text-decoration:none;}


body {background: url(img/bg9.jpg);}
#page {text-align:left; margin:0 auto;}
#top { width:100%; height:19px; background:url(img/topbar.png) repeat-x; position:fixed; top:0px; left:0px; z-index:50;}

.nav { text-align:right;	width:400px;	height:31px;	position: absolute;	top:40px;	right:25px;	z-index:11;}
.nav li {	display:inline;	padding-left:10px;}
.nav2 { font-size:18px; text-align:right; margin-right:50px;}
.nav2 li {list-style:none; display:inline; padding-right:10px;}
#quote1 {width:782px; height:104px; margin:0 auto;}

	
#home {width:870px;  margin:0 auto; padding-top:20px; margin-bottom:300px;}
#feature {width:861px; height:380px; margin:0px auto; position:relative;}
#title {width:302px; height:104px; position: absolute; top:0px; z-index:10;}
#projects {width:102px; height:132px; position: absolute; bottom:12px; right:19px; z-index:12;}

.coda-slider-wrapper {position:relative; width:802px; height:266px; top:86px; left:29px;z-index:3;}
.coda-slider-no-js .coda-slider { height: 266px; overflow: hidden; }
.coda-slider, .coda-slider .panel { width: 802px; height: 266px; } 
.coda-slider p.loading { padding: 20px; text-align: center; }
.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }
.photo-meta-data {	background: url(img/transpBlack.png);	padding: 10px;	height: 30px;	margin-top: -50px;	position: relative;	z-index: 4;	color: white;}
.photo-meta-data span {font-size: 13px;}
.stripViewer .panelContainer .panel ul {	text-align: left;	margin: 0 15px 0 30px;}
.stripViewer {	position: relative;	overflow: hidden;	width: 802px;	height: 266px;}
.stripViewer .panelContainer {	position: relative;	left: 0;	top: 0;}
.stripViewer .panelContainer .panel {	float: left;	height: 100%;	position: relative;	width: 802px;}
.stripNavL, .stripNavR, .stripNav {	display: none;}
.nav-thumb { border: 1px solid black; margin-right: 5px;}
#movers-row {margin: -43px 0 0 62px;}
#movers-row div {	width: 20%;	float: left;}
#movers-row div a.cross-link {	float: right;}

#featurebg {width:820px; height:287px; position: absolute; top:75px; left:20px;}

#introwrap {width:780px; height:120px; position:relative; margin:15px auto;}
.intro {width:220px;  position: absolute;}
.introtext {padding-left:10px; padding-right:10px; padding-top:3px; color: #000; font-size:106.3%; line-height:.85em; }
#words1 { left:0px; text-align:left;}
#words2 { left:290px; text-align:center;}
#words3 { right:0px; text-align:right;}


/* BOX */
.nav1 { text-align:right;	width:400px;	height:31px;	position: absolute;	top:30px;	right:25px;	z-index:11;}
.nav1 li {	display:inline;	padding-left:10px;}
.title {	width:123px;	height:81px;	position: relative;	top:0px;	left:40px;	z-index:10;}
.in {	width:870px;	position: relative;	margin:0 auto;	text-align:left;}
.boxtop {position:absolute; top:-10px;}
.boxbottom {position:absolute; bottom:-10px;}
.box {	width:820px; min-height:463px; position: relative;	margin:0 auto; top:-8px; z-index:1; background:url(img/featureBG_middle.png) repeat-y;}
.workpic {	width:802px;	height:266;		margin:0 auto;}
.text {	width:730px;	min-height:155px;	margin:0 auto; padding:10px;}
.text p {font-size:12px;}

/* FILM */
#film {width:870px; margin:0 auto; position:relative; padding-top:20px; margin-bottom:300px;}
#selectedworkstitle {width:299px; height:37px; margin:0 auto; padding-top:30px; padding-bottom:5px;}
#filmselect { width:790px; height:275px; position:relative; margin:0 auto;}
#selectleft {width:390px; height:275px; position: absolute; left:0px; top:0px;}
#selectright {width:390px; height:275px; position: absolute; right:0px; top:0px;}
#selectleft li {padding:5px;}
#selectright li {padding:5px;}
#wantmore {width:162px; height:27px; position:relative; left:650px; padding-top:5px;}


/* CGI */
#cgi {width:870px; margin:0 auto; position:relative; padding-top:20px; margin-bottom:300px;}
#character {width:711px; height:328px; margin:20px auto; background:url(img/characterBG.png);}
#character ul { padding-top:50px; padding-left:15px;}
#character li {list-style:none;display:inline;}
#hardsurface {width:711px; height:328px; margin:20px auto; background:url(img/hardsurfaceBG.png);}
#hardsurface ul { padding-top:50px; padding-left:15px;}
#hardsurface li {list-style:none;display:inline;}


#design {width:870px; margin:0 auto; position:relative; padding-top:20px; margin-bottom:300px;}


/* CONTACT */
#contact {height:450px; width:100%; background: url(img/bottom.png) repeat-x top;}

#navtop { text-align:right; height:31px;  }

#wrap { height:400px; width:870px; padding-top:30px;  margin:0 auto; position: relative;}

#mail {width:320px; height:260px;  font-size:87.5%; position:absolute; top:100px; left:50px;}
#mailimg { margin-bottom:5px; width:127px; height:34px;}
input, textarea {padding:3px; margin:5px; border:1px solid #1C232F; outline:0; width:200px; font: normal 13px/100%; background: #B6BECA;}
textarea {width:300px; max-width:300px; height:100px; line-height:150%;}
input:hover, textarea:hover, input:focus, textarea:focus { background: #DCDFEB;}
form label { margin-left:10px;}
.submit input { width:55px; padding:1px; cursor:pointer; background:#38455C; font-size:14px; color: #FFAF00;}

#interwebs { width:400px; height:115px; padding-top:5px; text-align:center; position:absolute; top:170px; right:20px;}
#interwebs li {list-style:none;display:inline;}
#cr {width:100%; height:19px; background: #38455C; text-align:center; border-top:1px solid #B6BECA;}