body
{
	background:  url("image/background.png") fixed;

}

p
{
	font-size: 1em;
	font-family: Comic Sans MS;
}

h1
{
	font-size: 1.8em;
	font-family: Comic Sans MS;	
}

h2
{
	font-size: 1.2em;
	font-family: Comic Sans MS;	
}

.footertext
{
	font-size: 0.5em;
	font-family: Comic Sans MS;	
}

.title
{
	height: 18%;
	top: 1%;
	left: 10%;
	z-index:1;
	background-color: #624872;
	color: #c5beb4;
	border: 1px #492f59 solid;
    border-radius: 5px;
	padding: 5px;
	width: 81%;
	position: fixed;
	padding-left : 10px;
	padding-right: 10px;
	box-shadow : 0px 0px 30px black;
	vertical-align: top;
}

.teengenious
{
	float: left;
	left: 20px;
}

.logo
{
	float: right;
	position: fixed;
	top: 2%;
	right: 10%;
}

.image1
{
	float: right;
	margin: 3px;
}

.content1
{
	float: left;
    width: 37%;
	height: 65%;
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	position: fixed;
	top: 23%;
	left: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 35px;
	box-shadow : 0px 0px 10px black;
}

.content2
{
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	width: 37%;
	height: 28%;
	position: fixed;
	top: 23%;
	right: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 945px;
	box-shadow : 0px 0px 10px black;
	vertical-align: top;
}

.content3
{
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	width: 37%;
	height: 34%;
	position: fixed;
	top: 54%;
	right: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 945px;
	box-shadow : 0px 0px 10px black;
	vertical-align: top;
	float: both;
}

.actu1
{
	float: left;
    width: 37%;
	height: 19%;
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	position: fixed;
	top: 22%;
	left: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 35px;
	box-shadow : 0px 0px 10px black;
}

.actu2
{
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	width: 37%;
	height: 19%;
	position: fixed;
	top: 25%;
	right: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 945px;
	box-shadow : 0px 0px 10px black;
	vertical-align: top;
}

.actu3
{
	float: left;
    width: 37%;
	height: 19%;
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	position: fixed;
	top: 44%;
	left: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 35px;
	box-shadow : 0px 0px 10px black;
}

.actu4
{
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	width: 37%;
	height: 19%;
	position: fixed;
	top: 47%;
	right: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 945px;
	box-shadow : 0px 0px 10px black;
	vertical-align: top;
}

.actu5
{
	float: left;
    width: 37%;
	height: 19%;
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	position: fixed;
	top: 66%;
	left: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 35px;
	box-shadow : 0px 0px 10px black;
}

.actu6
{
	background-color: #c5beb4;
	color: #676767;
	border: 0px #492f59 solid;
	opacity:0.7;
    border-radius: 10px;
	padding: 5px;
	width: 37%;
	height: 19%;
	position: fixed;
	top: 69%;
	right: 9%;
	padding-left : 25px;
	padding-right: 15px;
	margin-top : 30px;
	margin-left : 945px;
	box-shadow : 0px 0px 10px black;
	vertical-align: top;
}

.global
{
	background-color: #624872;
	color: #c5beb4;
	border: 1px #492f59 solid;
    border-radius: 5px;
	padding: 5px;
	width: 80%;
	height: 69%;
	bottom: 6%;
	position: fixed;
	padding-left : 10px;
	padding-right: 10px;
	margin-left : 10%;
	box-shadow : -1px -1px 30px black;
	vertical-align: top;
}

footer
{
	background-color: #624872;
	color: #c5beb4;
	border: 1px #492f59 solid;
    border-radius: 5px;
	padding: 5px;
	width: 80%;
	position: fixed;
	bottom: 1%;
	padding-left : 10px;
	padding-right: 10px;
	margin-left : 10%;
	box-shadow : 0px 0px 30px black;
	vertical-align: top;
}





.navbar-static-top
{
width:auto;
}

a,a:link,a:visited
{
color:#FFA044;text-decoration:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;
}

a:hover,a:focus
{
color:#7A8AFC;-webkit-transition:color 0s;-moz-transition:color 0s;-ms-transition:color 0s;transition:color 0s;-webkit-transition:text-shadow .2s;-moz-transition:text-shadow .2s;-ms-transition:text-shadow .2s;transition:text-shadow .2s;
}

a:active
{
color:#E45C10;-webkit-transition:color 0s;-moz-transition:color 0s;-ms-transition:color 0s;transition:color 0s;
}

.nav_wrap
{
position:relative;
}
#main_nav{color:#EBEBEB:;font-size:26px;width:100%;height:80px;position:relative;}

#main_nav ul{width:100%;}

#main_nav li{display:inline-block;}

#main_nav li:first-child{padding-left:1px;}

#main_nav a{background-image:url('image/menuicons.png');display:inline-block;width:180px;height:80px;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-ms-transition:background-color .4s;transition:background-color .4s;}

#main_nav a:hover{background-color:rgba(103,103,103,.8);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;transition:all 0s;}

#main_nav a:active{background-color:#676767;}



.nav0{background-position:0 0;}

.nav0:hover,.nav0:active{background-position:0 -80px;}

.nav1{background-position:-180px 0;}

.nav1:hover,.nav1:active{background-position:-180px -80px;}

.nav2{background-position:-360px 0;}

.nav2:hover,.nav2:active{background-position:-360px -160px;}

.nav3{background-position:-540px 0;}

.nav3:hover,.nav3:active{background-position:-540px -240px;}

.nav4{background-position:-720px 0;}

.nav4:hover,.nav4:active{background-position:-720px -320px;}

.nav_current{background-color:#624872;}

.nav_current a{text-decoration:none;}