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

body{
	background-color: #FFFFFF;
	font-family:Garamond, Adobe Garamond Pro, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style: normal;
	text-align: left;
	color: #666666;
}
a {font-family: Garamond, Adobe Garamond Pro, Garamond Pro, Georgia, "Times New Roman", Times, serif, "Adobe Garamond Pro";
font-size:18px;
color:#999999;
text-decoration:none;
letter-spacing:0.08em;
}
Strong {
font-family: Garamond, Adobe Garamond Pro, Garamond Pro, Georgia, "Times New Roman", Times, serif, "Adobe Garamond Pro";
font-size:22px;
color: #003471;
text-decoration:none;
letter-spacing:0.08em;
text-transform:uppercase;
font-weight:100;
}
p a{
font-family:Garamond, Adobe Garamond Pro, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style: normal;
	text-align: left;
	color:#003471;
	}
p {
margin-top:10px;
margin-bottom:8px;
}	

#top{
background-color:#000000;
height:20px;
width:auto;
position:absolute;
top:0%;
left:0%;
right:0%

}
#hairline{
background-color:#000000;
height:3px;
width:auto;
position:absolute;
top:25px;
left:0%;
right:0%
}

#content{
background-color:transparent;
width:920px;
height:auto;
position: relative;
top:40px;
margin-left:auto;
margin-right:auto;
border-bottom-width:1px; border-bottom-color:#666666; border-bottom-style:solid;
}
#header{
background-color: transparent;
height:187px;
width:auto;
position:absolute;
top:0px;
left:0%;
right:0%
}
#redtractor{
background-color: transparent;
background-image:url(images/redtractor.png);
background-repeat:no-repeat;
height:187px;
width:278px;
position:absolute;
top:0px;
left:0%;
right:0%
}
#yaytractor{
background-color: transparent;
background-image: url(images/yaytractor.png);
background-repeat:no-repeat;
height:120px;
width:314px;
position:absolute;
top:30px;
left:270px;
right:0%
}
#contentmain{
background-color: transparent;
width:512px;
height: auto;
min-height:418px;
position: absolute;
top:200px;
left:60px;
z-index:3;
}
#project{
background-color:transparent;
width:512px;
height: 400;
position: absolute;
top:0px;
left:0px;
z-index:2;
text-indent:5px;
float:none;
}
#projectdiv{
position:absolute;
width:677px;
height:11px;
background-image:url(images/projectdivder.png);
background-repeat:no-repeat;
top:0px;
left:-60px;
}
#player{
width:512px;
height:288px;
position:absolute;
left:-5px;
top:50px;
padding:0px;
margin:0px;	
float:none;
}
#credit{
background-color:transparent;
width:512px;
height:288px;
position:absolute;
left:0px;
top:340px;
padding:0px;
margin:0px;
text-align:justify;
text-indent:0px;
}
#about{
background-color:transparent;
width:512px;
height:288px;
position:absolute;
left:0px;
top:10px;
padding:0px;
margin:0px;
text-align:justify;
text-indent:0px;
}
#navbar{
background-color:#000000;
position:absolute;
width:10px;
min-height:400px;
top:200px;
bottom:0px;
left:750px;
z-index:5;
}
#navfilm{
background-color: transparent;
background-image: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position: -5px 0px;
position:absolute;
width:49px;
height:150px;
top:190px;
left:710px;
z-index:4;
}
#navfilm a {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-59px -0px;
display:block;
width:49px;
height:142px;
padding:0px;
}

#navfilm a:hover {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-5px -0px;
display:block;
width:49px;
height:142px;
padding:0px;
}

#navdesign{
background-color: transparent;	
background-image: url(images/btn_navs.png);
background-position:-5px -150px;
background-repeat:no-repeat;
position:absolute;
width:49px;
height:142px;
top:320px;
left:711px;
z-index:3;
}
#navdesign a {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-59px -150px;
display:block;
width:49px;
height:142px;
padding:0px;
}

#navdesign a:hover {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-5px -150px;
display:block;
width:49px;
height:142px;
padding:0px;
}


#navabout{
background-color: transparent;
background-image: url(images/btn_navs.png);
background-position:-5px -300px;
background-repeat:no-repeat;
position:absolute;
width:49px;
height:142px;
top:450px;
left:711px;
z-index:2;
}
#navabout a {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-59px -300px;
display:block;
width:49px;
height:142px;
padding:0px;
}

#navabout a:hover {
background: url(images/btn_navs.png);
background-repeat:no-repeat;
background-position:-5px -300px;
display:block;
width:49px;
height:142px;
padding:0px;
}

#links{
background-color: transparent;
position:absolute;
width:159px;
min-height:400px;
top:200px;
bottom:0%;
left:759px;
z-index:1;
}

#links ul {
margin:0px;
padding: 0;
list-style-type: none;
border-bottom-color:#000000; border-bottom-width:1px; border-bottom-style:solid;
}
#links li {
height:40px;
border-top:#000000; border-top:1px; border-top-style:solid;

}

#links a {
display: block;

width:159px;
height:60;
padding: 10px 0px 0px 30px;
}

#links a:hover {
background-image:url(images/btn_highlight.png);
background-repeat:no-repeat;
height:50px;
color:#003471;
}
#linkscurrent a {
display: block;
background-image:url(images/btn_highlight.png);
background-repeat:no-repeat;
width:159px;
height:60;
padding: 10px 0px 0px 30px;
color:#003471;
}
#moreinfo{
position:absolute;
height: 100px;
width:149px;
top:255px;
margin-left:20px;
font-size:12px;
line-height:6px;
}
#twitter {
	position:absolute;
	width:58px;
	height:31px;
	top:342px;
	left:-11px;
	border:none;
	padding:none;
}
#twitter a {
background-image:none;
}
#twitter a:hover {
background-image:none;
}
#linkedin {
	position:absolute;
	width:77px;
	height:27px;
	top:344px;
	left:43px;
	border:none;
}
#linkedin a {
background-image:none;
}
#linkedin a:hover {
background-image:none;
}

#stumble {
	position:absolute;
	top:388px;
	left:21px;
	border:none;
}