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

#container  {
	background: #FFFFFF;
	height: 768px;
	padding-top: 100px;
	padding-bottom: 100px;
	float: left;
	width: 100%;
}

#body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	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 */
	height: 768px;
	width: 965px;
	float: left;
}



#presidebar {
	height: 768px;
	width: 101px;
	background-color: #660706;
	float: left;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 154px;
	background-color: #FFF;
	padding-left: 5px;
	padding-right: 2px;
}



#mainContent {
	background-repeat: repeat-y;
	background-position: center;
	float: left;
	position: static;
	width: 700px;
	background-image: url(../images/spacer.gif);
	height: 758px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
} 
#mainContent #content img   {
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#mainContent #content {
	padding-right: 34px;
	padding-top: 30px;
	clear: both;
	text-align: right;
	float: right;
	list-style-type: none;	
}

#container #mainContent p {
	margin-left: 350px;
	color: #660909;
	padding-right: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:right;
	padding-bottom: 0px;
	padding-top: 0px;
}
#mainContent2 {
	padding-right: 10px;
	clear: both;
	float: left;
}
#mainContent2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 5px;
	padding-left: 5px;
	text-align: right;
	color: #660A05;
}
#mainContent2 li    {
	text-align: justify;
	color: #660909;
	font-size: x-small;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 2px;
}


#container #mainContent2 .li_a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #660000;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	line-height: normal;
	letter-spacing: normal;
}
#container #mainContent2 .li_c{
	font-size: x-small;
	text-align: justify;
	margin-right: 15px;
	margin-left: 25px;
	color: #600;
	line-height: normal;
}
#container #mainContent2 .li_b{
	font-size: small;
	text-align: right;
	color: 600;
}


#postsidebar   {
	background-color: #660706;
	height: 768px;
	width:100%;

}

#movie {
	float: right;
	margin-top: 100px;
	margin-right: 25px;
	border: medium solid #660909;
}

#container #mainContent #FLVPlayer {
	float: right;
	margin-top: 90px;
	margin-right: 120px;
	border: medium solid #630A09;
}

#container #mainContent #FlashID {
	float: right;
	margin-top: 90px;
	margin-right: 120px;
	border: medium solid #630B0A;
}

/*Navigation buttons*/

#demo{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_demo.gif);
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#demo:hover{
	background-position: 100% 0;
}

#demoactive{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_demo.gif);
	background-position: 100% 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#threeDee{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_threeDee.gif);
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#threeDee:hover{
 background-position: 100% 0;
}

#threeDeeactive{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_threeDee.gif);
	background-position: 100% 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#illustrations{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_illustrations.gif);
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#illustrations:hover{
 background-position: 100% 0;
}

#illustrationsactive{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_illustrations.gif);
	background-position: 100% 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#sketches{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_sketches.gif);
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#sketches:hover{
 background-position: 100% 0;
}

#sketchesactive{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_sketches.gif);
	background-position: 100% 0;
	display: block;
	float: left;
	margin-right: 5px;
}

#resume{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_resume.gif);
	background-position: 0 0;
	display: block;
	float: left;
}

#resume:hover{
 background-position: 100% 0;
}

#resumeactive{
	width: 26px;
	height: 768px;
	background-image: url(../buttons_css/nav_button_resume.gif);
	background-position: 100% 0;
	display: block;
	float: left;
}


/*Demo buttons*/

#demo2010{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/demo2010_btn.gif);
	background-position: 0 0;
	display: block;
}

#demo2010:hover{
 background-position: 0 100%;
}

#disrep2009{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/disrep2009_btn.gif);
	background-position: 0 0;
	display: block;
}

#disrep2009:hover{
 background-position: 0 100%;
}

/*Three D buttons*/

#scorpionprint_light:hover{
 background-position: 0 100%;
}

#scorpionprint_light{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_scorpionprintlight_btn.gif);
	background-position: 0 0;
	display: block;
}

#scorpionprint_dark:hover{
 background-position: 0 100%;
}

#scorpionprint_dark{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_scorpionprintdark_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_scorpion:hover{
 background-position: 0 100%;
}

#print_scorpion{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_scorpion_btn.gif);
	background-position: 0 0;
	display: block;
}

#wireframe_scorpion:hover{
 background-position: 0 100%;
}

#wireframe_scorpion{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/scorpion_turntable.gif);
	background-position: 0 0;
	display: block;
}


#print_aerith:hover{
 background-position: 0 100%;
}

#print_aerith{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_aerith_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_chocobo:hover{
 background-position: 0 100%;
}

#print_chocobo{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_chocobo_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_chocobo:hover{
 background-position: 0 100%;
}

#print_DK{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_DK_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_DK:hover{
 background-position: 0 100%;
}

#print_barret{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_barret_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_barret:hover{
 background-position: 0 100%;
}

#print_vinnie{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_vinnie_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_vinnie:hover{
 background-position: 0 100%;
}

#print_cloud{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/3d_print_cloud_btn.gif);
	background-position: 0 0;
	display: block;
}

#print_cloud:hover{
 background-position: 0 100%;
}

#temptation_8bit{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/temptation_8bit_btn.gif);
	background-position: 0 0;
	display: block;
}

#temptation_8bit:hover{
 background-position: 0 100%;
}

#temptation{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/temptation_btn.gif);
	background-position: 0 0;
	display: block;
}

#temptation:hover{
 background-position: 0 100%;
}

#centauress{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/centauress_btn.gif);
	background-position: 0 0;
	display: block;
}

#centauress:hover{
 background-position: 0 100%;
}

#challengeWire{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/challengeWire_btn.gif);
	background-position: 0 0;
	display: block;
}

#challengeWire:hover{
 background-position: 0 100%;
}

#challenge{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/challenge_btn.gif);
	background-position: 0 0;
	display: block;
}

#challenge:hover{
 background-position: 0 100%;
}

#scavenger{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/scavenger_btn.gif);
	background-position: 0 0;
	display: block;
}

#scavenger:hover{
 background-position: 0 100%;
}

#devastatorAttacks{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/devastatorAttacks_btn.gif);
	background-position: 0 0;
	display: block;
}

#devastatorAttacks:hover{
 background-position: 0 100%;
}

#devastatorHead{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/devastatorHead_btn.gif);
	background-position: 0 0;
	display: block;
}

#devastatorHead:hover{
 background-position: 0 100%;
}

#disRepCharacters{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/disRepCharacters_btn.gif);
	background-position: 0 0;
	display: block;
}

#disRepCharacters:hover{
 background-position: 0 100%;
}

/*Illustration buttons*/

#impAnimated{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/impAnimated_btn.gif);
	background-position: 0 0;
	display: block;
}

#impAnimated:hover{
 background-position: 0 100%;
}

#imp{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/imp_btn.gif);
	background-position: 0 0;
	display: block;
}

#imp:hover{
 background-position: 0 100%;
}

#alraune{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/alraune_btn.gif);
	background-position: 0 0;
	display: block;
}

#alraune:hover{
 background-position: 0 100%;
}

#leon{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/leon_btn.gif);
	background-position: 0 0;
	display: block;
}

#leon:hover{
 background-position: 0 100%;
}

#vs{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/vs_btn.gif);
	background-position: 0 0;
	display: block;
}

#vs:hover{
 background-position: 0 100%;
}

#plague{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/plague_btn.gif);
	background-position: 0 0;
	display: block;
}

#plague:hover{
 background-position: 0 100%;
}

#altima{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/altima_btn.gif);
	background-position: 0 0;
	display: block;
}

#altima:hover{
 background-position: 0 100%;
}

#umbrella_soup{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/umbrella_soup_btn.gif);
	background-position: 0 0;
	display: block;
}

#umbrella_soup:hover{
 background-position: 0 100%;
}

#medusa{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/medusa_btn.gif);
	background-position: 0 0;
	display: block;
}

#medusa:hover{
 background-position: 0 100%;
}

/*Sketch buttons*/

#rally{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/rally_btn.gif);
	background-position: 0 0;
	display: block;
}

#rally:hover{
 background-position: 0 100%;
}

#angelEyes{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/angelEyes_btn.gif);
	background-position: 0 0;
	display: block;
}

#angelEyes:hover{
 background-position: 0 100%;
}

#leonConcept{
	width: 175px;
	height: 20px;
	background-image: url(../buttons_css/leonConcept_btn.gif);
	background-position: 0 0;
	display: block;
}

#leonConcept:hover{
 background-position: 0 100%;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}