/* @override http://opt-6.com/css/styles.css */

* {
	padding:0;
	margin:0;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #fff;
	}
	
body {
	font-size: 10pt;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	background: url("../img/bg.png") repeat  #1a1a1a;
	text-decoration: none;
	}
	
a {
	text-decoration: none;
	color: #fff;
	}
	
a:hover{
	text-decoration: underline;
	}

a :hover{
	text-decoration: underline;
	}
	
img {
	border: none;
	}

	
/* Shelf */	
#shelfbg {
	font-size: 10pt;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	background: url("../img/shelf.png") repeat-x  #1a1a1a;
	text-decoration: none;
	height:457px;
	width:100%;
	position:absolute;
	top:0;
	z-index:-2;
	display:block;
	}
	
/* Nav */

#nav {
	list-style: none;
	background: url("../img/nav.png") repeat-x;
	width:100%;
	height:35px;
	position:fixed;
	top:0;
	z-index:200;
	}
 
#nav li {
	float: right;
	}
	
	
#nav .logo{
	float: left;
	}
 
#nav a * {
	display: none;
	}
 
#nav a,

#nav a .hover {
	height: 120px;
	position: relative;
	display: block;
	}

/* Home */

#nav a.home {
	background: url("../img/home.png") no-repeat;
	width: 100px;
	}

#nav a.home .hover {
	background: url("../img/navhover.png") no-repeat;
	width: 100px;
	}

/* Software */
	
#nav a.software {
	background: url("../img/software.png") no-repeat;
	width: 100px;
	}

#nav a.software .hover {
	background: url("../img/navhover.png") no-repeat;
	width: 100px;
	}

/* About */

#nav a.about {
	background: url("../img/about.png") no-repeat;
	width: 100px;
	}

#nav a.about .hover {
	background: url("../img/navhover.png") no-repeat;
	width: 100px;
	}
	
/* Blog */

#nav a.blog {
	background: url("../img/blog.png") no-repeat;
	width: 100px;
	}

#nav a.blog .hover {
	background: url("../img/navhover.png") no-repeat;
	width: 100px;
	}
	
/* Logo */

#nav a.logo {
	background: url("../img/logo.png") no-repeat;
	width: 100px;
	top:0;
	position:absolute;
	}

/* Shelf with 4 icons */

#shelf4 {
	width:512px;
	margin-left:auto;
	margin-right:auto; 
	height:96px;
	margin-top:48px;
	display:block;
	list-style: none;
	text-align: center;
	}
	
#shelf4 li{
	float:right;
	}
	
#mathtasksicon {

margin-top:10px;
margin-right:30px;

}
		
/* Shelf with 3 icons */

#shelf3 {
	width:512px;
	margin-left:auto;
	margin-right:auto; 
	height:96px;
	margin-top:48px;
	display:block;
	list-style: none;
	text-align: center;
	}
	
#shelf3 li{
	float:right;
	}
	
/* Shelf with 2 icons */

#shelf2 {
	width:256px;
	margin-left:auto;
	margin-right:auto; 
	height:96px;
	margin-top:48px;
	display:block;
	list-style: none;
	text-align: center;
	}
	
#shelf2 li{
	float:right;
	}

/* Shelf with 1 icon */

#shelf1 {
	width:128px;
	margin-left:auto;
	margin-right:auto; 
	height:96px;
	margin-top:48px;
	display:block;
	list-style: none;
	text-align: center;
	}
	
#shelf1 li{
	float:right;
	}

/* Shelf Tooltips */

#shelf4 li em {
	background: url(../img/tooltip.png) no-repeat;
	width: 128px;
	height: 40px;
	position: absolute;
	top: 165px;
	padding-top:12px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	display: none;	
	}
	
#shelf3 li em {
	background: url(../img/tooltip.png) no-repeat;
	width: 128px;
	height: 40px;
	position: absolute;
	top: 165px;
	padding-top:12px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	display: none;	
	}
	
#shelf2 li em {
	background: url(../img/tooltip.png) no-repeat;
	width: 128px;
	height: 40px;
	position: absolute;
	top: 165px;
	padding-top:12px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	display: none;	
	}
	
#shelf1 li em {
	background: url(../img/tooltip.png) no-repeat;
	width: 128px;
	height: 40px;
	position: absolute;
	top: 165px;
	padding-top:12px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	display: none;	
	}

/* Content */

#content {
	position:relative;
	width:300px;
	margin-left: auto;
	margin-right: auto;
	z-index:10;
	}
		
#contenttop {
	background: url("../img/contenttop.png") no-repeat;
	width: 328px;
	height: 59px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
	
	}
	
#contenttop span{
	font-size: 10pt;
	height:20px
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding-top:13px;
	display:block;
	font-weight: normal;
	
	}
	
#contentbg {
	background: url("../img/contentbg.png") repeat-y;
	width: 328px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-bottom: 8px;
	}
	
#contentbg p{
	font-size: 8pt;
	line-height: 1.5;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding: 0 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8px;
	display:block;
	font-weight: normal;
	text-align: left;
	width: 280px;

	}
	


#contentbg p li{
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 15px;

	}	
	
#contentbottom {
	background: url("../img/contentbottom.png") no-repeat;
	width: 328px;
	height: 59px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

	}

#contentbottom span{
	font-size: 8pt;
	height:20px
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding-top:4px;
	display:block;
	font-weight: normal;
	text-align: center;

	}
	
/* Sidebar */

#sidebar {
	width: 100px;
	display: none;
	position:absolute;
	top:0;
	left:100px;
	z-index:-1;
	}
	
#sidebartop {
	background: url("../img/sidebartop.png") no-repeat;
	width: 100px;
	height: 13px;
	
	margin-top:20px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
	}
	
#sidebarbg {
	background: url("../img/sidebarbg.png") repeat-y;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	}

#sidebarbg p{
	font-size: 8pt;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	padding-top:0;
	padding-bottom:0;
	display:block;
	font-weight: normal;
	text-align: center;
	width: 80px;
	margin-left:auto;
	margin-right:auto;
	}
		
#sidebarbottom {
	background: url("../img/sidebarbottom.png") no-repeat;
	width: 100px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	
.btn-slide {
	background: url("../img/expand.png"); 
	width: 16px;
	height: 20px;
	margin-top:-4px;
	float:right;
	margin-right:10px;
	}
	
.active {
	background: url("../img/contract.png"); 
	width: 16px;
	height: 20px;
	margin-top:-4px;
	float:right;
	margin-right:10px;
	}

/* Misc */

.thumbnail {
	background: url("../img/thumbnail.png") 0 0 no-repeat; 
	width: 62px;
	height: 62px;
	padding:4px;

	}

/* Lightbox */	
/* .overlaycontainer {
	position:fixed;
	z-index:50;

}

.overlay {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:50;
	
}
.container {
	position:fixed;
	opacity:0;
	filter:alpha(opacity=0);
	left:-9999em;
	z-index:51;
	height:600px;
	width:600px;
	margin:auto;
}
*/


.closebox {
	height:30px;
	width:30px;
	background:  url(../img/closebox.png);
	position:absolute; 
	z-index:30;
	left:-16px;
	top:-14px;
	cursor: pointer;
}

.closebox:hover{
	background:  url(../img/closeboxhover.png);
}

.closebox:active{
	background:  url(../img/closeboxpressed.png);
}


/* .caption {
	background: url(../img/caption.png) no-repeat;
	margin:auto;
	color:#fff;
	text-shadow: 0px 1px 2px #000; 
	display:block;
	text-transform: capitalize;
	height:46px;
	width:400px;
	text-align:center;
	position:fixed;
	padding-top:16px;
	} */
	
	.caption {
	color:#fff;
	text-shadow: 0px 1px 2px #000; 
	margin: auto;
	text-align:center;
	position:absolute;
	bottom:-2em;
	
	} 
	
.overlay {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:50;
	
}
.container {
	position:fixed;
	opacity:0;
	filter:alpha(opacity=0);
	left:-9999em;
	top:50%;
	left:50%;
	z-index:51;
	margin:auto;
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 1px 2px  #000;
	box-shadow: 0px 1px 2px  #000;
}
	
/* Because Firefox SUCKS */

@-moz-document url-prefix() {
   
   #shelf li em {
	background: url(../img/tooltip.png) no-repeat;
	width: 128px;
	height: 40px;
	position: absolute;
	margin-left:-64px;
	top: 165px;
	padding-top:12px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	display: none;	
	}
	
.btn-slide {
	background: url("../img/expand.png"); 
	width: 16px;
	height: 20px;
	margin-top:-20px;
	float:right;
	margin-right:10px;
	}
	
.active {
	background: url("../img/contract.png"); 
	width: 16px;
	height: 20px;
	margin-top:-20px;
	float:right;
	margin-right:10px;
	}
	
body {
	font-size: 10pt;
	color: #fff;
	font-family: "Lucida Grande", Arial, sans-serif;
	background: url("../img/shelf.png") repeat-x;
	text-decoration: none;

	}
}