@charset "utf-8";
@import url("fonts.css");
/* CSS Document */
/*@media screen and (min-width: 480px) and (max-width: 620px)*/
body{
	background-image:url(../images/binary-code.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#231F20;
}
#page{
	width:800px;
	margin:auto;
}
#left{
	float:left;
	width:200px;
	font-size:14px;
}
#logo{
	float:left;
	width:200px;
	height:200px;
	display:block;
	position:relative;
	overflow:hidden;
	background-image:url(../images/sparkCanvas.png);

}
.borderradius #logo{	
	background-color: #2c1010; 
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px; 
	border-radius: 100px;
	background-image:none;
}
.no-canvas #logo{
	z-index:-100;
}
#logo canvas{
	position:absolute;
	z-index:0;
}
#logo img{
	position:absolute;
	z-index:10;
	top: 10px;
}
#right{
	width:600px;
	float: left;
	position:relative;
}
#navigation{
	position: absolute;
    top: 200px;
    z-index: 10;
	margin: -1px;
}
#menuBtn{
    height: 32px;
    left: -27px;
    position: relative;
    top: -119px;
    width: 32px;
    z-index: 10;
	border:0 none transparent;
}
#menuBtn img{
	border:0 none transparent;
}
/*
#navigation ul{
	background-color:#69BDE4;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webdev-border-radius:10px;
	list-style-type: none;
	padding:10px;
	padding-left:0;
	margin-left:40px;
	margin-top:190px;
}
#navigation li{
	padding-top:5px;
	padding-bottom:5px;
}
#navigation a{
	padding:5px;
	margin-left:10px;
	color:#DBEEFB;
	text-decoration:none;
}
#navigation li:hover{
	background-color:#3C91A8;
	
}*/
#header{
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    margin: 10px 10px 0;
    padding: 10px 30px;
}
.no-rgba #header{
	background-color:transparent;
	background-image:url(../images/white09.png);
}
#header h1{
    color: #1F386C;
    font-family: 'WalkwayBoldRegular';
    font-size: 42px;
    margin: 0;
    text-align: center;
}
#header h2{
    color: #BF386C;
    font-family: 'MyndraineRegular';
    font-weight: normal;
    margin: 0;
    text-align: center;
}

#content{
	background-color:rgb(230,230,255);
	background-color:rgba(230,230,255,0.8);
	padding:10px;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:3px;
	width:540px;
	max-width:540px;
	min-width:500px;
	min-height:500px;
	border:1px black solid;
}
.no-rgba #content{
	background-color:transparent;
	background-image:url(../images/lilac08.png);
}
.hidden{
	background-color: rgb(230, 255, 255);
	background-color: rgba(230, 255, 255, 0.5);
    padding: 3px 6px;
}
.no-rgba .hidden{
	background-color:transparent;
	background-image:url(../images/teal05.png);
}
.hidden h4{
	margin: 0 6px;
}
#content h3{
	border:1px solid black;
	background-color: rgb(255, 230, 230);
	background-color: rgba(255, 230, 230, 0.5);
	margin: 2px 0;
    padding: 3px;
}
.no-rgba #content h3{
	background-color:transparent;
	background-image:url(../images/pink05.png);
}
/*sliding navigation*/
ul#sliding-navigation  
{  
    list-style: none;  
    margin: 30px 0;  
}  
  
ul#sliding-navigation li.sliding-element h3,  
ul#sliding-navigation li.sliding-element a  
{  
    display: block;  
    width: 150px;  
    padding: 5px 15px;  
    margin: 0;  
    margin-bottom: 5px;
	text-align:right;
}  
#slideBtn{
	float:left;
	margin-left:-43px;
	border: 0 none transparent;
}
.slideBox{
	margin-left: -23px;
    max-width: 177px;
    overflow-x: hidden;
    padding-left: 28px;
}
#slideBtn img{
	border: 0 none transparent;
}
.copyright  
{  
    display: block;  
    width: 150px;  
    padding: 5px 15px;  
    margin: 0;  
    margin-bottom: 5px;
	color: #fff;  
    background: #333;  
    /*border: 1px solid #1a1a1a;*/
	font-size: 11px;
	float:left;
	background-color: rgba(33, 33, 33, 0.9);
    border: 1px solid #333333;
} 
.no-rgba .copyright {
	background-color:transparent;
	background-image:url(../images/grey09.png);
} 
ul#sliding-navigation li.sliding-element h3  
{  
    color: #fff;  
    background: #333;  
    border: 1px solid #1a1a1a;  
    font-weight: normal;  
}  

ul#sliding-navigation li.sliding-element a  
{  
    color: #BF386C;  
    background: #DDD;  
    border: 1px solid #1a1a1a;  
    text-decoration: none;  
}  
  
ul#sliding-navigation li.sliding-element a:hover { 
	color: #ffff66;
	border: 1px solid #cccc55;
	background-color:#434;
	
}
#footer{
	background-color: rgb(221, 221, 221);
    background-color: rgba(221, 221, 221, 0.9);
    margin: 0 21px;
    padding: 0;
	font-size: 12px;
	display:inline-block;
}

.no-rgba #footer{
	background-color:transparent;
	background-image:url(../images/white09.png);
}
#footer ul{
	margin-top:0;
}
#footer li{
	display:block;
	float:left;
	list-style-type:none;
	margin: 7px 0 10px;
	padding:0;
}
#footer a{
	text-decoration: none;
	color: #BF386C;
	margin:5px;
	padding:5px;
}
#footer li a:hover{
	color: #ffff66;
	border: 1px solid #cccc55;
	padding:4px;
	background-color:#434;
}
.portFrame{
	border: 3px solid #8888BB;
    margin: 10px 0;
    padding: 10px;
    width: 95%;
}
.portFrame a img{
	margin:auto;
	display:block;
	max-width: 100%;
}