@charset "ISO-8859-1";
body {
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	line-height:130%;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	height:4480px;
	width: 1200px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	top:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(portfolio.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	overflow:hidden;
}
.oneColFixCtr #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.tweet {
width:355px;
height:52px;
position:relative;
left:554px;
top:-865px;
text-align:center;
font-family: helvetica, serif;
font-size: 12px;
line-height:110%;
color:#000;}
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color:; }
    .tweet .tweet_list li {
      overflow: hidden;
      padding: .5em;}
      .tweet .tweet_list li a {
        color: #a9d60b;
		font-weight:bold;}
		.tweet .tweet_list li a:hover {
        color: #23e2bc;
		font-weight:bold;}
    .tweet .tweet_list .tweet_even {
      background-color:; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.home {
	width:1200px;
	height:640px;
	position:relative;
	top:0;
	left:0;
}

.homenavi1 {
	width:30px;
	height:265px;
	position:relative;
	left:267px;
	top:204px;
}
.homenavi2 {
	width:291px;
	height:inherit;
	position:relative;
	left:904px;
	top:55px;
}

.musicnotes {
	width:100px;
	height:100px;
	position:relative;
	top:-960px;
	left:340px;
}

.dogs {
	width:280px;
	height:150px;
	top:-570px;
	left:910px;
	position:relative;
}
.graphics {
	width:1200px;
	height:640px;
	position:absolute;
	top:640px;
}

.graphicnavi1 {
	width:246px;
	height:265px;
	position:relative;
	left:13px;
	top:190px;
}

.graphicnavi2 {
	width:226px;
	height:133px;
	position:relative;
	left:948px;
	top:55px;
}
.graphiccontent {
	width:600px;
	height:440px;
	position:relative;
	left:289px;
	top:150px;
	overflow:scroll;
	text-align:center;
}

.websites {
	width:1200px;
	height:640px;
	position:absolute;
	top:1280px;
}

.webnavi1 {
	width:202px;
	height:377px;
	position:relative;
	left:22px;
	top:120px;
}

.webnavi2 {
	width:229px;
	height:208px;
	position:relative;
	left:971px;
	top:-90px;
}
.webcontent{
	width:670px;
	height:385px;
	position:relative;
	top:-430px;
	left:240px;
	text-align:center;
	overflow:scroll;
	padding:10px;
}

.fineart {
	width:1200px;
	height:640px;
	position:absolute;
	top:1920px;
}

.artnavi1 {
	width:290px;
	height:240px;
	position:relative;
	left:12px;
	top:270px;
}

.artnavi2 {
	width:238px;
	height:88px;
	position:relative;
	left:944px;
	top:175px;
}
.artcontent{
	width:485px;
	height:325px;
	position:relative;
	top:-170px;
	left:387px;
	overflow:scroll;
	text-align:center;
}

.photography {
	width:1200px;
	height:640px;
	position:absolute;
	top:2560px;
}

.photonavi1 {
	width:401px;
	height:230px;
	position:relative;
	left:0px;
	top:4px;
}

.photonavi2 {
	width:331px;
	height:132px;
	position:relative;
	left:869px;
	top:215px;
}
.photocontent{
	width:400px;
	height:400px;
	position:relative;
	top:-204px;
	left:418px;
	overflow:scroll;
	text-align:center;
}
.photoinfo{
	width:455px;
	height:inherit;
	position:relative;
	top:-168px;
	left:388px;
	text-align:center;
}

.aboutme {
	width:1200px;
	height:640px;
	position:absolute;
	top:3200px;
}

.aboutnavi {
	width:240px;
	height:310px;
	position:relative;
	left:0px;
	top:275px;
}
.aboutcontent{
	width:470px;
	height:250px;
	position:relative;
	top:30px;
	left:478px;
	overflow:hidden;
	text-align:justify;
	font-size:13px;
}

.contactme {
	width:1200px;
	height:640px;
	position:absolute;
	top:3840px;
	overflow:hidden;
}

.contactnavi {
	width:210px;
	height:inherit;
	position:relative;
	left:37px;
	top:0px;
}
.mailto {
	width:400px;
	height:310px;
	position:relative;
	left:383px;
	top:-460px;
}
.flickr {
	width:350px;
	height:inherit;
	position:relative;
	left:930px;
	top:-910px;
}
.lastfm {
	width:300px;
	height:inherit;
	position:relative;
	left:900px;
	top:-1410px;
}
.vuzemb {
	width:300px;
	height:inherit;
	position:relative;
	left:955px;
	top:-1770px;
}
.twitter {
	width:400px;
	height:inherit;
	position:relative;
	left:500px;
	top:-2385px;
}
.devart {
	width:200px;
	position:relative;
	left:40px;
	top:-4290px;
}
.tumblr {
	width:250px;
	height:inherit;
	position:relative;
	left:250px;
	top:-3590px;
}
.facebook {
	width:280px;
	height:inherit;
	position:relative;
	left:240px;
	top:-3020px;
}
.contactontent{
	width:400px;
	height:165px;
	position:relative;
	top:-4640px;
	left:382px;
	overflow:hidden;
}

#name {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #1f2223;
	padding: 5px;
	color: #aaa;
	width:189px;
	letter-spacing:1px;
	border:0px;
}

#email {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #1f2223;
	padding: 5px;
	color: #aaa;
	width:189px;
	letter-spacing:1px;
	border:0px;
}

#textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #1f2223;
	padding: 5px;
	color: #aaa;
	width:389px;
	height:92px;
	overflow:scroll;
	letter-spacing:1px;
	border:0px;
}

#button {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #1f2223;
	padding: 5px;
	color: #aaa;
	width:80px;
	letter-spacing:1px;
	border:0px;
}
a {
	font-weight:bold;
	text-decoration:underline;
	color:#1f9b88;
}
a:hover {
	color:#8b285a;
}
.aboutthx {
	width:109px;
	height:inherit;
	position:relative;
	left:1080px;
	top:65px;
	font-size:10px;
	text-align:right;
	overflow:hidden;
	
}
a.ty {
	color: #e8d3ae;
	font-weight:bold;
	text-decoration:underline;
	font-size: 10px;
}
a.ty:hover {
	color:#a8315b;
	background-color:#e8d3ae;	
	text-decoration:none;
}