css Testing

maintest.css

body.index {
	background-color: #000;
	background-image: url(images/background9.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	margin: 0;
}
body.profile {
	background-color: #000;
	background-image: url(images/background5.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	}	
body.photos {
	background-color: #000;
	background-image: url(images/background4.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	}
body.video {
	background-color: #000;
	background-image: url(images/background8.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	}		
body.other {
	background-color: #000;
	background-image: url(images/background6.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	}		
body.animation {
	background-color: #000;
	background-image: url(images/background7.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100%;
	font-family: Abel;
	font-size: 16px;
	color: #FFF;   
	}		
#top{
	width:100%;
	height:70px;
	background:#000;
	position: fixed;
	top: 0;
	left: 0;
}


#container{
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	font-size: 64px;
	font-family: Abel;
	font-weight: bold;
	font-color:#999;
	width: 63%;
	bottom: 50%;
	top: 50%;
	padding-top:0px;
}
h1 {
	font-family: Abel;
	font-size: 64px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	padding-top:15px;
}
#bottombar {
	position:fixed;
   left:0;
   bottom:0;
   height:30px;
   width:100%;
   background:#000;
   text-align:right;
}
#bottombar a{
   text-decoration:none;
   color:#FFF;
}
h2 {
	font-family: Abel;
	font-size: 32px;
	text-align: inherit;
	position:fixed;
}

#navmenu {
	float:left;
	background:#000;
	border-bottom:4px solid #000;
	overflow:hidden;
	position:relative;
	top: 10px;
	margin-left: 20%;
}
#navmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#navmenu ul li {
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   font-family:Abel;
   font-size:36px;color:#FFF;
   text-decoration:none;
}
a:hover{color:#F60;
}
#navmenu ul li a:hover{
	color:#F60;
}

#navmenu ul li a{
overflow:hidden;
font-family:Abel;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:36px;color:#FFF;
text-decoration:none;
padding:12px 18px;
}

#title{
	margin-top:0px;
	padding-top:0;
	background-image: url(images/pnggraybox1.png);
	background-repeat: repeat;
}


#logo{
	background-image: url(images/jameslogowhite.png);
	background-repeat: no-repeat;
	position: fixed;
	height:500px;
	width:300px;
	float:left;
	top:285px;
	overflow:hidden;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	top: -6px;
	position: relative;
	padding-right:10px;
}
#container2 {
	width: 100%;
	bottom: 100px;
	background-image: url(images/pnggraybox1.png);
	background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 500px;
	margin-top:5px;
}
.text{color:#000;z-index:-1;}

#logo2{
	background-image: url(images/jameslogoblack.png);
	background-repeat: no-repeat;
	position: fixed;
	height:100%;
	width:auto;
	float:left;
	top:30%;
	max-width: 289px;
	max-height: 373px;
}
#logo3{
	position: fixed;
	height:auto;
	width:full;
	float:left;
	top:30%;
	max-width: 289px;
	max-height: 373px;
}
#logo4{
	position: fixed;
	height:auto;
	width:full;
	float:left;
	top:30%;
	max-width: 289px;
	max-height: 373px;
	width: 20%;
	display: inline-block;
}