body{
background-color: #3e4250;
background-image: url('../images/quadcolor_background_sm.jpg');
background-repeat: repeat;
background-position: top center;
font-size: 12px;
color: #000000;
font-family: Tahoma;
text-decoration: none;
}

#background.content{
background-image: url('../images/content_top_background.jpg');
background-repeat: repeat;
background-position: center bottom;
width: 1000px;
}



section {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) }


/* 				Home				 */



#twitter.background{
background-image: url('../images/twitter_background.png');
background-repeat: no-repeat;
background-position: center top;
width: 338px;
height: 421px;
}

#twitter ul, ol {
list-style: none outside none;
margin-left: 10px;
-moz-margin-left: -25px;
}

@-moz-document url-prefix() { 
	#twitter ul, ol {
	list-style: none outside none;
	margin-left: -25px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#twitter ul, ol {
	list-style: none outside none;
	margin-left: -25px;
	}
}

.twitter_box_icon{
float: left;
width: 55px;
}

.twitter_box_tweet{
float: left;
width: 250px;
}




/* 				About				 */

#about.tape{
background-image: url('../images/about_tape.png');
background-repeat: no-repeat;
background-position: center top;
width: 245px;
height: 344px;
}

#image.about{
background-image: url('../images/content_about_1.png');
background-repeat: no-repeat;
background-position: center top;
width: 319px;
height: 383px;
}

#content.about{
background-image: url('../images/content_about_2.png');
background-repeat: no-repeat;
background-position: center top;
width: 411px;
height: 383px;
}

#images.about{
background-image: url('../images/content_about_3.png');
background-repeat: no-repeat;
background-position: center top;
width: 738px;
height: 208px;
}

#about.bg{
background-image: url('../images/content_about_topbg.png');
background-repeat: no-repeat;
background-position: right top;
}





/* 				Portfolio				 */




/* 				contact				 */


/* 				Fonts				 */


@font-face {
    font-family: 'matchbook';
    src: url('http://guppystank.com/font/matchbook.eot');
    src: url('http://guppystank.com/font/matchbook.eot?#iefix') format('embedded-opentype'),
         url('http://guppystank.com/font/matchbook.woff') format('woff'),
         url('http://guppystank.com/font/matchbook.ttf') format('truetype'),
         url('http://guppystank.com/font/matchbook.svg#matchbook') format('svg');
    font-weight: normal;
    font-style: normal;

}



#navigation.font { 
font-size: 40px;
-ms-font-size: 20px;
color: #FFFFFF;
font-family: matchbook, verdana, helvetica, sans-serif;
text-decoration: none;
text-shadow:
	3px 3px 0 #200c01,
	-1px -1px 0 #200c01,
	1px -1px 0 #200c01,
	-1px 1px 0 #200c01,
	1px 1px 0 #200c01;
}



#navigation.font:hover{ 
font-size: 40px;
color: #fff297;
font-family: matchbook, verdana, helvetica, sans-serif;
text-decoration: none;
text-shadow:
	3px 3px 0 #200c01,
	-1px -1px 0 #200c01,
	1px -1px 0 #200c01,
	-1px 1px 0 #200c01,
	1px 1px 0 #200c01;
}

#about.font { 
font-size: 13px;
color: #000000;
font-family: courier new;
text-decoration: none;
}

#portfolio.font { 
font-size: 25px;
color: #ffffff;
font-family: dael calligraphy;
text-decoration: none;
}

#portfolio_info.font { 
font-size: 20px;
color: #000000;
font-family: Lucida Console;
text-decoration: none;
font-weight: bold;
}