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

body
{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#807c73;
margin-left:25px;
margin-top:25px;
margin-right:25px;
line-height:130%;
}
h1
{
font-size:30px;
color:#f67e14;
text-align:left;
margin-left:30px;
font-weight:200;
}
p
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#807c73;
margin-left:15px;
line-height:130%;
}

a {text-decoration:none;}
a:link    {color:#8a2525;}
a:visited {color:#8a2525;}
a:hover   {color:#807c73;}
a:active  {color:#807c73;}

#page
{
position: relative;
width:1539px;
height:auto;
margin: 0 auto;
padding:0;
top:0;
border:medium #ffffff solid;
background-color:#ffffff;
}

.portfolio
{
width:1313px;
height:279;
padding:7px;
border:1px;
margin:94px;
clear:both;
position:relative;
}

.title
{
width:1292px;
padding:10px 10px 10px 0px;
border-style:solid;
border-width:1px 0 1px 0;
margin:100px;
margin-top:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
}

.topnav
{
	position:absolute;
	top:13px;
	text-align:right;
	float:right;
	font-size:36px;
	color:#8a2525;
	width:769px;
	left: 769px;
}
.logo
{
position:absolute;
left:0px;
top:0px;
width:770px;
float:left;
height:100px;
}

div.img
{
margin: 20px 20px 20px 0px;
border: 1px solid #999999;
height: auto;
width: auto;
float: left;
text-align: center;
}	
div.img img
{
display: inline;
margin: 3px;
border: 0px solid #ffffff;
}
div.img a:hover img {opacity:0.4;
filter:alpha(opacity=60); /* For IE8 and earlier */}

div.desc
{
text-align: left;
font-weight: normal;
width: 300px;
margin: 3px;
}

div.desc em
{
color:#8a2525;
font-weight:bold;
font-style:normal;
}

.allwork
{
color:#cccaab;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

  #div1, #div2, #div3 {  
    visibility: hidden;
	position:absolute;
	left:100px;
	top:610px;
	width:580px;
  }

div.ani
{
  margin: 20px 20px 20px 0px;
  border: 0px solid #999999;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}