html {
    margin: 0;
    padding: 0;
    background: transparent ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #EEE;
    font-weight: 300;
}
div, body, html, li {
    margin: 0; padding: 0;
    font-family: 'Lato', sans-serif;
}
h1 {
    font-weight: normal;
    color: #FFB300;
    text-align: center;
    font-size: 2.5em;
}
h2 {
    font-weight: normal;
    text-align: center;	

}
p {
    padding: 5px 5px;
    font-size: 1.2em;
}

#com {
    color: #FFB300;
    font-weight: bold;	
}

#des {
color: black;
}




/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */
nav { display:block; margin:0; border:1px solid #222; position:relative; background-color:#536895; font:16px Tahoma, Sans-serif; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#536895; }
nav ul ul li { float:none; }
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
nav ul ul a:hover { background-color:#555; }

/* CSS3 */

.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #7e90b7, #536895); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#7e90b7), to(#536895)); }
.boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }
.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #384664, #7e90b7); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#384664), to(#7e90b7)); }
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { background-color:rgba(56,70,100,0.8); -moz-box-shadow:2px 2px 2px rgba(56,70,100,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }
.rgba nav ul ul li { border-left:1px solid rgba(56,70,100,0.1); border-right:1px solid rgba(56,70,100,0.1); }
.rgba nav ul ul a:hover { background-color:rgba(83,104,149,.9); }
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }

/* fallbacks */
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
.no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }
.no-borderradius nav li, .no-js nav li { height:44px; }
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; }
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-rgba nav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; }
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }


.glidecontentwrapper{
position: absolute; 
display: block;
    min-height: 100%;
    width: 40%;
    max-width: 650px;
    height: 100%;
    right: 3%;
    background-color: #536895;
z-index:-1;
float:left;
overflow: hidden;
}

.glidecontent{ 
position: absolute; 
display:block
top:30%;
padding-top:5%;
width:90%;
overflow:hidden;
margin:4.5%;
background: #536895;
visibility: hidden;
}

.glidecontent a {
color: #afbad2;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 7px;
}

.glidecontent a:hover {color:#FFF300; font-size:103%;}  
.glidecontent a:active, a:focus {
    outline: 0;
}

.code {
	float:left;
	width:40%;
	margin-top:15%;
	margin-left:5%;
}


.glidecontenttoggler{ 
margin-left:5%;

margin-top:15%;
float:left;
width:40%;

height:15%;

padding:15px;

border:5px solid gray;

border-style:inset;

border-color:#536895;
overflow:auto;

}


.glidecontenttoggler a{ 

color: #2f3b54;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ 
background: #536895;
color: black;
}

.glidecontenttoggler a:hover{
background: #536895;
color:#FFB300; 
font-size:103%;
}



div.ex

{

position:absolute;
color:black;

margin-left:5%;

margin-top:10%;
float:left;

width:80%;

padding:15px;

overflow:auto;

}

#tut {
positions:relative;
float:left;
width:85%;
margin-left:10%;
overflow:hidden;
}
.tut a {
    color: #536895;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 7px;
}
.tut a:hover {color:#FFB300; font-size:103%;}  
.tut a:active, a:focus {
    outline: 0;
}