body {
	font-size: 14px;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	background: #6699cc url(background.jpg) repeat-y center top fixed;
    overflow-x: hidden;
}

.box {
	width: 425px;
	height: 480px;
	border:10px solid #333;
	background-color:#333;
	color:#eee;
	overflow-x:hidden;
	padding:0px;
	font-size:25px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	}
	
.box li{
	list-style:none;
	padding:0px;
	border-bottom:1px #999 solid;
	}
.box a {
	padding:10px;
	display:block;
	width:400px;
	text-decoration:none;
	color:#eee;
	}
	
.box a:hover{
	-webkit-transition: .15s;
	transition: .15s;
	-moz-transition: .15s;
	-o-transition: .15s;
	background:#555;
	padding:10px 0 10px 20px;
    
	text-shadow: 2px 2px #333;


}
#instructions
{ position: bottom;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
ul#navigation {
    position: absolute;
    margin-left: 50%;
	left: -485px;
    padding: 0px;
    top: -12px;
    list-style: none;
    z-index:999999;
    width:976px;
}
ul#navigation li {
    width: 139px;
    display:inline;
    float:left;
}

ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 135px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation .home a{
    background-image: url(home.png);
}
ul#navigation .about a      {
    background-image: url(about.png);
}
ul#navigation .tutorial a      {
    background-image: url(tutorial.png);
}
ul#navigation .signup a      {
    background-image: url(create-account.png);
}
ul#navigation .contact a   {
    background-image: url(contact.png);
}
ul#navigation .privacy a     {
    background-image: url(privacy.png);
}
ul#navigation .login a    {
    background-image: url(login-nav.png);
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:15px;
    color:#000000;
    text-shadow: 0 -1px 1px #fff;
}
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 19001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
text-align:center;
margin-top:-600px;
margin-left:-150px;
padding:5px;
float: center; 
  display: block; 
  color: #000; 
  text-decoration: none;
position:fixed;
background-color:#fff;
width:450px;
height:300px;
z-index: 19002;
}
#feedback {
  position: fixed;
  top: 400px;
  right: -472px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#feedback_inner {
  position: absolute;
  top: 20px;
  right: -320px;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
#feedback:hover {
  right: 0px;
}
#feedback:hover #feedback_inner {
  right: 15px;
}

#categories-list {
	margin: 0px;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	}
	
#categories-list li {
	display: block;
	float: left;
	width: 150px;
	height: 194px;
	padding: 15px 10px 60px 25px;
	margin: 0 0 5px 0;
}


#categories-list li a.img-link {
	border: 0px solid #ccc;
	display: table-cell;
	width: 150px;
	height: 194px; 
	vertical-align:middle; 
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	z-index:1000;
}
#categories-list li a.img-link img {
	border: 0px none;
}
#categories-list li h2 {
	margin: 7px 0 0 0;
	padding: 0;
	float: center;
	text-align:center;
	width: 150px;
	height: 100px;
	overflow: hidden;
	line-height:10%;
}

#categories-list li h2 a {
	font: 14px Verdana, Geneva, sans-serif;
	color: #4961F1;
	text-decoration: none;
}