*{
margin:0;
padding:0;
}

.main {
	background: none repeat-x scroll 0 -75px #19292E;
    border-radius: 7px 7px 0 0;
    height: 56.6em;
    left: 1em;
    position: absolute;
    top: 1em;
    width: 82em;
}
body {
	background: url("../images/bg.png");
	background-attachment:fixed;
	
}
.container4 {
	background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #888888;
    border-radius: 7px 0 0 0;
    border-top: 1px solid #888888;
    box-shadow: 10px 10px 6px #19292E;
    height: 42em;
    left: -0.3em;
    position: absolute;
    top: 10em;
    width: 58em;
    z-index: 20;
}
.container4:before {
	content: "";
	display: block;
	background: #eee;
	border-left: solid 1px #888;
	height: 5px;
	width: 4px;
	position: absolute;
	left: -1px;
	bottom: -5px;
}
.container4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	background: #19292E;
	display: block;
	width: 4px;
	height: 8px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.primary1{
     background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 5px 0 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
    height: 16em;
    position: absolute;
    right: -0.3em;
    top: 10em;
    width: 21em;
    z-index: 10;
}
section.primary1:hover{
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 20px 50px rgba(255, 255, 255, 1) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
	//-moz-box-shadow: 0 -2px 5px #FFFFFF inset, 0 20px 50px rgba(255, 255, 255, 0) inset, 0 -20px 50px rgba(0, 0, 0, 0.33) inset, 0 2px #fff, 0 4px #FFFFFF, 0 6px #fff, 0 8px #FFFFFF, 0 -2px #fff, 0 -4px #FFFFFF, 0 -6px #fff, 0 -8px #FFFFFF, 0 0 10px #000;
}
 .primary1:after{
   
    background: none repeat scroll 0 0 #19292E;
    border-radius: 0 4px 4px 0;
    bottom: -0.6em;
    content: "";
    display: block;
    height: 0.5em;
    position: absolute;
    right: -0.1em;
    width: 0.35em;
}

 .primary1:before {
     background: none repeat scroll 0 0 #19292E;
    bottom: -0.312em;
    content: "";
    display: block;
    height: 0.13em;
    position: absolute;
    right: 0;
    width: 0.35em;
	
}
.formula1{
     background: #fff;
	//  background: -moz-linear-gradient(left center , #2D94C1, #2D94C1 15%, #1F6485 95%, #13455C) repeat scroll 0 0 #3E87B3;
    border-radius: 0 5px 0 0;
    border:1px solid #DDDDDD;
   height: 23em;
    position: absolute;
    right: -0.3em;
    top: 29em;
    width: 21em;
    z-index: 10;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
	 // -moz-box-shadow: 0 -2px 5px #FFFFFF inset, 0 20px 50px rgba(255, 255, 255, 2) inset, 0 -20px 50px rgba(0, 0, 0, 0.33) inset, 0 2px #fff, 0 4px #FFFFFF, 0 6px #fff, 0 8px #FFFFFF, 0 -2px #fff, 0 -4px #FFFFFF, 0 -6px #fff, 0 -8px #FFFFFF, 0 0 10px #000;
}
section.formula1:hover{
		   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 20px 50px rgba(255, 255, 255, 2) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
		//-moz-box-shadow: 0 -2px 5px #FFFFFF inset, 0 20px 50px rgba(255, 255, 255, 0) inset, 0 -20px 50px rgba(0, 0, 0, 0.33) inset, 0 2px #fff, 0 4px #FFFFFF, 0 6px #fff, 0 8px #FFFFFF, 0 -2px #fff, 0 -4px #FFFFFF, 0 -6px #fff, 0 -8px #FFFFFF, 0 0 10px #000;
}
 .formula1:after{
    background: none repeat scroll 0 0 #19292E;
    border-radius: 0 4px 4px 0;
    bottom: -0.6em;
    content: "";
    display: block;
    height: 0.5em;
    position: absolute;
    right: -0.1em;
    width: 0.35em;
}

 
 .formula1:before {
    background: none repeat scroll 0 0 #19292E;
    bottom: -0.312em;
    content: "";
    display: block;
    height: 0.13em;
    position: absolute;
    right: 0;
    width: 0.35em;
	
}
.header{
 height: 7em;
    position: absolute;
    width: 71em;
}
.a2network {
   color: #FDFDFD;
    float: left;
    font-family: Monaco,monospace;
    font-size: 1em;
    position: relative;
    right: -65em;
    text-shadow: 0 -1px 0 #111111;
    top: 5px;
      
}
h2{
  	color: #FDFDFD;
    float: left;
    font-family: myFirstFont;
    font-size: 17pt;
    font-weight: normal;
    margin: 2em -7em;
    text-align: center;
    text-indent: 17em;
}
.circle {
	 background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 7px 0 0 1px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(111, 192, 220, 0.5) inset;
    height: 131px;
    position: absolute;
    width: 123px;
    z-index: 10;
}
/*
.circle:after{
    background: none repeat scroll 0 0 #19292E;
    border-radius: 0 4px 4px 0;
    bottom: -0.5em;
    content: "";
    display: block;
    height: 0.5em;
    margin: 13.46em 0;
    position: absolute;
    right: 0;
    width: 0.3em;
}*/




 /*
 .circle:before {
     background: none repeat scroll 0 0 #3E87B3;
     bottom: -0.312em;
     content: "";
     display: block;
    // height: 0.313em;
     position: absolute;
     right: 0;
     width: 0.25em;
                           }*/
 

.a{
 font-size: 18pt;
    left: 2em;
    position: absolute;
    text-decoration: none;
    top: -1.3em;}
.b{
   font-size: 18pt;
    left: 5.7em;
 
    position: absolute;
    text-decoration: none;
    top: -1.3em;}
.c{
 font-size: 14pt;
    left: 2.8em;
    position: absolute;
    text-decoration: none;
}
.un{
 font-size: 14pt;
    left: 7.6em;
   
    position: absolute;
    text-decoration: none;
}
.logo-title{
 -moz-transform: rotate(90deg);
	  -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	color: #60b5da;
    font-size: 20pt;
    line-height: 1em;
    margin-left: 0.6em;
    margin-right: 0.5em;
    margin-top: 0.1em;
    text-align: center;
}

.logo-title small{
color: #222222;
}
.hr {
	background-image: url("../images/index.png");
	border-color: #1E1E1E #666666 #3D3D3D;
	border-style: solid;
	border-width: 0.063em;
	box-shadow: 0em 0.063em 0.313em rgba(0, 0, 0, 0.4) inset;
	clear: left;
	 height: 0.7em;
	 top: 47.5em;
	left:0;
	position: relative;
	width: 81.9em;
}
hr {
	 background-image: url("../images/index.png");
    border-color: #1E1E1E #666666 #3D3D3D;
    border-style: solid;
    border-width: 0.063em;
    box-shadow: 0 0.063em 0.313em rgba(0, 0, 0, 0.4) inset;
    clear: left;
    height: 0.7em;
    left: 0;
    position: relative;
    top: 1em;
    width: 81.9em;
}
footer {
	 background: none repeat scroll 0 0 #22383F;
    bottom: 0;
    left: 0.9em;
    position: relative;
    right: 0.4em;
    top: 53.5em;
    width: 69.7em;
	//-moz-box-shadow: -5px -5px 0 5px #19292E;
}

.container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #888888;
    border-radius: 7px 0 0 0;
    border-top: 1px solid #888888;
    box-shadow: 10px 10px 6px #19292E;
    height: 48em;
    left: -0.3em;
    position: absolute;
    top: 7em;
    width: 61em;
    z-index: 20;
}
.container:before {
    background: none repeat scroll 0 0 #EEEEEE;
    border-left: 1px solid #888888;
    bottom: -5px;
    content: "";
    display: block;
    height: 5px;
    left: -1px;
    position: absolute;
    width: 4px;
}
.container:after {
    background: none repeat scroll 0 0 #19292E;
    border-radius: 4px 0 0 4px;
    bottom: -8px;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    width: 4px;
}

 
.diagram {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 5px 0 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
    height: 34.9em;
    position: absolute;
    right: -0.3em;
    top: 7em;
    width: 20em;
    z-index: 10;
}
.diagram:after {
    background: none repeat scroll 0 0 #19292E;
    border-radius: 0 4px 4px 0;
    bottom: -0.6em;
    content: "";
    display: block;
    height: 0.5em;
    position: absolute;
    right: -0.1em;
    width: 0.35em;
}
.diagram:before {
    background: none repeat scroll 0 0 #19292E;
    bottom: -0.312em;
    content: "";
    display: block;
    height: 0.13em;
    position: absolute;
    right: 0;
    width: 0.35em;
}
.formula {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 5px 0 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -15px 30px rgba(0, 0, 0, 0.3) inset;
    height: 12em;
    position: absolute;
    right: -0.3em;
    top: 43em;
    width: 20em;
    z-index: 10;
}
.formula:after {
    background: none repeat scroll 0 0 #19292E;
    border-radius: 0 4px 4px 0;
    bottom: -0.6em;
    content: "";
    display: block;
    height: 0.5em;
    position: absolute;
    right: -0.1em;
    width: 0.35em;
}
.formula:before {
    background: none repeat scroll 0 0 #19292E;
    bottom: -0.312em;
    content: "";
    display: block;
    height: 0.13em;
    position: absolute;
    right: 0;
    width: 0.35em;
}

@font-face {
    font-family: "myFirstFont";
    src: url("DroidSerif-Regular.ttf");
}