@charset "UTF-8";

/***************************************
               CSS RESET
 ***************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {font-size:100%;  font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }


/***************************************
              PAGE STRUCTURE
 ***************************************/

body {
	margin: 0px auto;
	padding: 0px;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #555;
	width:950px;
	background: #2c3135 url(/_images/bkgd.jpg) repeat-x;
}
	
p { font-size:.7em; color:#fff; }

#container {
	height:662px;
	width:950px;
	margin: 0px auto;
	float:left;
	padding:0px; }

#content { height:637px; }

#footer {
	width:930px;
	position:absolute;
	top:632px; }

	#footer p { font-size:.65em; }
	
	#footer a { text-decoration:underline; }
	
		#footer a:hover { text-decoration:none; }

.floatRight {float:right; }
.floatLeft {float:left; }
.clear {clear:both; }

a {
	color: #FFFFFF;
	text-decoration: none; }

	a:hover {
		text-decoration: underline;}
		
#logo { 
	margin: 45px 0 0 41px;
	float:left; }

#dashLine { position:absolute; top:327px; left:0; }

w480 {
	width:480;
	float:left }

/***************************************
                HEADERS
 ***************************************/

h1 {
	color:#000;
	font-weight:normal;
	font-size:1em; }
h2 {
	font-size:.7em;
	color:#000;
	font-weight:bold; }
	
	.info h2 { color: #fff; }


/***************************************
               NAVIGATION
 ***************************************/

#title {
	width:267px;
	padding:234px 0 0 58px;
	float:left; }

#navigation {
	position:absolute;
	top:474px;
	margin: 0 0 0 326px;
	*margin: 0 0 0 -543px; }
 
	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0; }
	
	#navigation li {
		float: left;
		margin: 0;
		padding: 0;
		letter-spacing: .05em; }
	
	#navigation a {
		color: #555;
		font-size:.75em;
		text-decoration: none; }
	
		#navigation a:hover, #navigation #currentpage a { color: #d80505; }


/***************************************
                  HOME
 ***************************************/
.home {
	padding: 0 0 0 0;
	/*background: url(/_images/lrg/2.jpg) no-repeat 129px 0px;*/ }
	
div#homeFlash {
	background: url(/_images/lrg/2.jpg) no-repeat;
	width:494px;
	height:359px; }

#homeFlash object{
	width:494px; height:359px; }
	

/***************************************
                 RESUME
 ***************************************/

.resume {
	float:left;
	margin: 56px 0 0 85px;
	background-color:#fff;
	width:522px;
	height:343px;
	border: 10px solid #000000;
	text-align:center;
}
	
	.resume p, .resume a {
		color:#000; }
	.resume a {
		text-decoration:underline; }
		
		.resume a:hover {
			text-decoration:none; }

.header {
	float:left;
	width:124px; }

	.header h1 {
		text-align:right;
		margin: 0 29px 0 0;
		font-size:.9em; }

.resumeHeader {
	text-align:left;
	margin: 0 0 7px 0; }

.resumeP p {
	margin: 0 0 7px 0; }

.resumeContent {
	margin:10px 0 0 10px;
	overflow: auto;
	width:500px; }


	.l {
		float:left;
		width:200px;
		text-align: right }
	
	.c {
		float:left;
		width:100px;
		text-align: center; }
	
	.r {
		float:left;
		width:110px;
		text-align: left; }

.space{ padding:5px 0 0 0; }

@media screen and (-webkit-min-device-pixel-ratio:0){
.resumeContent {height:511px;} /* scroll bar Safari */
}

/***************************************
               ENVIRONMENTS
 ***************************************/
 
.environments {
	float:left;
	margin: 56px 0 0 85px;
	border: 10px solid #000000; }

.modeling {
	margin:195px 0 0 0 }

	.modeling img {
		margin:15px 15px 0 0;}

.modeling .space {
	margin: 0 0 9px 0; }

.gallerycontainer { /*Add a height attribute and set to largest image's height to prevent overlaying*/
	position: absolute;
	top: 523px;
	margin: 0 0 0 326px;
	*margin: 0 0 0 89px;}

.thumbnail img {
	margin: 0 2px 6px 0; }

.thumbnail:hover { background-color: transparent; }

	.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		left: -1000px;
		visibility: hidden; }
	
		.thumbnail span img{ /*CSS for enlarged image*/
			border-width: 0;
			border: 10px solid #000000;
			position: absolute;
			top:-525px; }

			.thumbnail:active span, .thumbnail:focus span{ /*CSS for enlarged image*/
				visibility: visible;
				top: 58px;
				left: -2px; /*position where enlarged image should offset horizontally */
				z-index: 50; }
				
.portfolioIMG img {
	border: 10px solid #000000;
	margin: 56px 0 0 86px;
	}
/****** OLD ******/


li { display: inline; }

#adv2 ul {
	margin:0 0 0 326px;
	*margin: 0 0 0 86px;
	position:absolute;
	top:560px; }
	
#adv2 li { 
	float:left;
	margin: 0 5px 0 0;
	text-align:center;
	font-family:verdana;
	font-size:0.7em;}

	#adv2 li a {
		background:#586068 none repeat scroll 0 0;
		display:block;
		padding:1px 0 0;
		height:16px;
		width:18px; }
	
		#adv2 li a:hover { 
			background:#0A0A0A none repeat scroll 0 0;
			text-decoration:none; }
		
		#adv2 li a.selected {
			background:snow none repeat scroll 0 0;
			color:#111111; }
			
#adv2 img {
	margin:0 0 0 96px;
	position:absolute;
	top:66px; }

#frigate ul, #bronco ul {
	margin: 0 0 0 380px;
	*margin: 0 0 0 141px;}

#buggy ul, #c6-corvette ul {
	margin: 0 0 0 434px;
	*margin: 0 0 0 196px;}

#door ul {
	margin: 0 0 0 490px;
	*margin: 0 0 0 251px;}

#armory ul {
	margin: 0 0 0 545px;
	*margin: 0 0 0 306px;}

#canopy ul {
	margin: 0 0 0 600px;
	*margin: 0 0 0 361px;}

#courtyard_walkway ul {
	margin: 0 0 0 655px;
	*margin: 0 0 0 416px;}

#general_store ul {
	margin: 0 0 0 710px;
	*margin: 0 0 0 471px; }

/*#grain_sack ul {
	margin: 0 0 0 764px; }*/

#pub_walkway ul {
	margin: 0 0 0 764px;
	*margin: 0 0 0 526px; }
	
.info {
	background-color:#000000;
	padding:10px;
	*margin: 0 0 0 -220px;
	position:absolute;
	top:250px;
	width:280px; }

/***************************************
                 ANIMATION
 ***************************************/
				
.animation {
	background-image:url(/_images/hover.png);
	float:right;
	width:540px;
	height:510px;
	padding: 127px 0 0 22px;
	z-index: 100; }

* html .animation { /* IE 6 PNG Transparency */
  background-color: #000000;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_images/hover.png", sizingMethod="scale"); }