body{
	background:#ccc;
}
/*------------------------------Heading & Menu-------------------------*/
#logo{
	color:#fff;
}
#logo:hover{
	color:#333;
}
#menubox a{
	color:#ccc;
}
#menubox a:hover{
	color:#fff;
}

/*------------------------------Slide Navigation-------------------------*/
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
.panes {
	/* required settings */
	position:absolute;
	overflow:hidden;	 	
	height:100%;
	width:100%;
	min-width:1100px;
	min-height:750px;
	left:0;
	top:0;
	z-index:0;
}

.panes div.bgImage {
	position:absolute;
	top:0;
	left:0;
	float:left;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* items inside navigator */
.slidetabs {
	position:fixed;
	bottom:35px;
	right:50px;
	display:block;
	z-index:9000;
}

.slidetabs a {
    width:13px;
    height:13px;
    float:left;
    margin:0 0 0 10px;
    display:block;
    font-size:1px;
	background:rgba(255,255,255,0.6);
	border:1px solid rgba(255,255,255,0.1);
	cursor:pointer;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

/* mouseover state */
.slidetabs a:hover {
	background:rgba(255,255,255,1);
	border:1px solid rgba(255,255,255,1);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

/* active state (current page state) */
.slidetabs a.current {
	background:rgba(255,255,255,0);
	border:1px solid rgba(255,255,255,0.6);
}
.slidetabs a.current:hover {
	background:rgba(255,255,255,1);
	border:1px solid rgba(255,255,255,1);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

/*------------------------------small screen <=800-------------------------*/
.panes.smallscr {
	min-height:600px;
}