

body{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color:#000;
	background: url('../images/sidebar.jpg')  no-repeat;
	background-color: #000;
	font-size: 16px;
	margin-top:30px;
	behavior:url("csshover.htc");
	}

#shell{
	width:700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	}	
	
#content{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #ffffff;
	}

#content:hover{background-color:#e8e8e8}
	
#content2{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #ededed;
	}

#content2:hover{background-color:#e8e8e8}	


#content3{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #ededed;
	}

#content3:hover{background-color:#e8e8e8}	

#content3b{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #fff;
	}

#content3b:hover{background-color:#fff}	

#content3c{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #fff;
	}

#content3c:hover{background-color:#fff}	

#content3d{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #ffffff;
	}

#content4{
	width: 500px;
	text-align: left;
	padding: 1px;
	margin-left: 200px;
	margin-right: auto;
	background-color: #ffffff;
	}
	
#content4 p{
	font-size:11px;
	text-align: left;
	margin-left:25px;
	padding:3px;
	color:#252525;
	font-weight: normal;
	font-family:Helvetica, Arial, sans-serif;
	width:450px;
	text-transform:  none;
	
	}


#foot{
	height:15px;
	width:701px;
	text-align: center;
	color: #000;
	font-size: 10px;
	}
	
h1{
	font-size:20px;
	color:#fe0066;
	margin-left:17px;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	}
	
.header{
	font-size:20px;
	color:#fe0066;
	margin-left:17px;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	}

.l2{
	margin-left: 20px;

	}

	
h2{
	font-size:12px;
	color:#fe0066;
	margin-left:17px;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	}
	
h3{
	font-size:20px;
	color:#c0c0c0;
	margin-left:17px;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	}
	
p{
	font-size:11px;
	margin-left:17px;
	color:#252525;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	width:400px;
	}
	
.description{
	font-size:11px;
	text-align: left;
	margin-left:25px;
	padding:3px;
	color:#252525;
	font-weight: normal;
	font-family:Helvetica, Arial, sans-serif;
	width:450px;
	}
	
.about{
	font-size:11px;
	text-align: left;
	padding:3px;
	color:#252525;
	font-weight: normal;
	font-family:Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	width:450px;
	}

	
.divide{
	margin-left:auto;
	margin-right: auto;
	width:550px;
	}
	
.hide{
    	display:none;
	}
		


.videobutton a{
      background-image: url(http://matthewrex.com/images/nav-video.jpg);
      width: 66px;
      height: 39px;
      float: left;
	}
.videobutton a:hover{
      background-position: right;
	}
	
.printbutton a{
      background-image: url(http://matthewrex.com/images/nav-print.jpg);
      width: 50px;
      height: 39px;
      float: left;
	}
.printbutton a:hover{
      background-position: right;
	}

.webbutton a{
      background-image: url(http://matthewrex.com/images/nav-web.jpg);
      width: 42px;
      height: 39px;
      float: left;
	}
.webbutton a:hover{
      background-position: right;
	}
	
.aboutbutton a{
      background-image: url(http://matthewrex.com/images/nav-about.jpg);
      width: 56px;
      height: 39px;
      float: left;
	}
.aboutbutton a:hover{
      background-position: right;
	}
	
	
.thumb-ds a{
      background-image: url(http://matthewrex.com/images/thumb-ds.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-ds a:hover{
      background-position: right;
	}

	
.thumb-metroid a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-metroid.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-metroid a:hover{
      background-position: right;
	}

.thumb-jmpr a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-jmpr.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-jmpr a:hover{
      background-position: right;
	}
	
.thumb-iphone a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-iphone.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 40px;
	}
.thumb-iphone a:hover{
      background-position: right;
	}
	
.thumb-rockband a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-rockband.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 20px;
	}
.thumb-rockband a:hover{
      background-position: right;
	}
	
.thumb-wiifit a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-wiifit.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 20px;
	}
.thumb-wiifit a:hover{
      background-position: right;
	}

.thumb-hkcombat a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-combat.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-hkcombat a:hover{
      background-position: right;
	}
	
.thumb-hkrules a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-rules.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-hkrules a:hover{
      background-position: right;
	}
	
.thumb-hkgun a{
      background-image: url(http://matthewrex.com/images/thumbs/thumb-gun.jpg);
      width: 125px;
      height: 83px;
      float: left;
      margin-left: 75px;
	}
.thumb-hkgun a:hover{
      background-position: right;
	}


#clear{clear:both;}

#content a{
	text-decoration: none;
	}

#content2 a:link { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #f30062;
	}
#content2 a:visited { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #f30062;
	}
#content2 a:hover, a:active { 
	font-size:11px;
	color: #fff;
	}

#content3b a:link { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: #f30062;
	padding:2px;
	}
#content3b a:visited { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: #f30062;
	padding:2px;
	}
#content3b a:hover, a:active { 
	font-size:11px;
	color: #f30062;
	background-color: #fff;
	}
	
#content3c a:link { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #6e6e6e;
	padding:2px;
	}
#content3c a:visited { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #6e6e6e;
	padding:2px;
	}
#content3c a:hover, a:active { 
	font-size:11px;
	color: #f30062;
	background-color: #fff;
	}
	
#content4 a:link { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #6e6e6e;
	padding:2px;
	}
#content4 a:visited { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #6e6e6e;
	padding:2px;
	}
#content4 a:hover, a:active { 
	font-size:11px;
	color: #f30062;
	background-color: #fff;
	}


#content3 a:link { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: #f30062;
	padding:2px;
	}
#content3 a:visited { 
	font-size:11px;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: #f30062;
	padding:2px;
	}
#content3 a:hover, a:active { 
	font-size:11px;
	color: #f30062;
	background-color: #fff;
	}


#example{
	width: 547px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 2px dashed #f30262;
		}
		

