html
{  
   font-family: "Arial","Microsoft Sans Serif","sans-serif";
   font-size: 12px; 
   min-height:1024px;
   min-width:1280px;
	background-image: linear-gradient(left , rgb(35,38,33) 43%, rgb(184,194,194) 100%);
	background-image: -o-linear-gradient(left , rgb(35,38,33) 43%, rgb(184,194,194) 100%);
	background-image: -moz-linear-gradient(left , rgb(35,38,33) 43%, rgb(184,194,194) 100%);
	background-image: -webkit-linear-gradient(left , rgb(35,38,33) 43%, rgb(184,194,194) 100%);
	background-image: -ms-linear-gradient(left , rgb(35,38,33) 43%, rgb(184,194,194) 100%);
	
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0.43, rgb(35,38,33)),
	color-stop(1, rgb(184,194,194));
	overflow:hidden;
	
);
}
.right {
  float: right;
  margin-left:auto;
}
.left {
   float: left;
   margin-right:auto;
}
.center{
	margin-left:auto;
	margin-right:auto;
}

#main{
   background-color:#ffffff;
   width:75%;
   margin-left:auto;
   margin-right:auto; 
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow:5px 5px 50px black;
   background-color:#FFF8E5;   
  }

#header{font-family: "Arial","Microsoft Sans Serif","sans-serif";
       font-size: 20px;
	width:100%;
	 height:125px;
	 border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom:1px solid black;
	}

#header a{color:gray;}
#header a:hover{color:#B97E7E;}
#welcome{
	width:100%;
	height:19%;
}

#welcome #greeting{
	margin-left:3.5%;
}
#welcome #signIn{
	font-family: "Arial","Microsoft Sans Serif","sans-serif";
    font-size: 12px;
	text-align:left;
	margin-right:auto;
	right:10%;
	position:relative;
}

#logo{
	margin-left:35px;
	width:48px;
}
		

#topBar{     font-family: "Arial","Microsoft Sans Serif","sans-serif";
       	     font-size: 12px;
	            border:solid;
       border-width:1px;	      
	     width:100%;
	     height:5%;
	}

#register{
font-family: "Arial","Microsoft Sans Serif","sans-serif";
        font-size: 12px;   	 
     	 text-align:center; width:35%; }


	 
	 

#mainContent{list-style:none; width:100%; height:65%;
		   -moz-border-radius: 10px;
			border-radius: 10px;
			margin-right:2px;
			background-color:#ffffff;
			position:relative;}

.ppBut{
	text-align:center;
}

/*navigation pane*/
		
#navBar{ width:220px; height:100%;position:absolute; border-right:1px solid black;border-bottom:1px solid black;}
#navBar ul{margin:5%; padding:0px;}
#navBar li{list-style:none; width:100%; text-align:center; line-height:2em; position:relative;}
#navBar a{ display:block;text-decoration:none; height:25px; position:relative; }
#navBar ul li{display:table; height:35px; list-style:none; margin-left:1%; }
#navBar li a{ position:relative;
		  background-color:white;
		  border:1px solid;
		  border-radius:5px;}
#navBar li a:hover{background-color:gray;}
#navBar li a:visited{color:black;}
#navBar li a:link{text-decoration:none; color:black;}


/*content pane*/


#content{position:static; width:81.15%; height:100%;}
#content #topContent{ text-align:center; width:100%; height:25%; border-bottom:1px solid black; }
#content #botContent{  text-align:center; width:100%; height:75%;}
#content #botContent a:link{text-decoration:none;}
#content #botContent a:visted{color:blue;}

/* login.php */
#content #signingIn{font-family: "Arial","Microsoft Sans Serif","sans-serif";
			font-size: 12px;    	 
     	 text-align:center;
		 margin:auto;
     }
	 
/*apps.php */

#content #Product{font-size:25px;text-align:center;}
#content #Price{font-size:25px;text-align:center;}
#button{border-bottom:1px solid black;}

#footer{ 
	height:5%;
	text-align:center;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	line-height:2em;position:relative;
	}