/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 10, 2014 */



@font-face {
    font-family: 'gravitybold';
    src: url('gravity-bold-webfont.eot');
    src: url('gravity-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gravity-bold-webfont.woff') format('woff'),
         url('gravity-bold-webfont.ttf') format('truetype'),
         url('gravity-bold-webfont.svg#gravitybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gravitybook';
    src: url('gravity-book-webfont.eot');
    src: url('gravity-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gravity-book-webfont.woff') format('woff'),
         url('gravity-book-webfont.ttf') format('truetype'),
         url('gravity-book-webfont.svg#gravitybook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gravitylight';
    src: url('gravity-light-webfont.eot');
    src: url('gravity-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('gravity-light-webfont.woff') format('woff'),
         url('gravity-light-webfont.ttf') format('truetype'),
         url('gravity-light-webfont.svg#gravitylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {margin: 0; padding: 0; outline: 0;}


body{background-color:#CCC;}
/* wrap start*/
#wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		width: 1080px;
		max-width: 1080px;
		min-width: 960px;
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;}
/* wrap end*/

/* header start*/
#header {width:1080px; height:220px; background-image:url(images/blue%20header2.jpg);
 background-size:cover; z-index:1000;background-repeat:no-repeat; }

#header .home{width:180px;height:160px; background-color:#000;
border-radius:180px 180px; margin-left:4%;visibility:hidden;}

#header #___gcse_0{width:300px;height:50px ;float:right;margin-top:11.2%;}

#header .gsc-control-wrapper-cse{z-index:9999;position:relative;background-color:black;}

ul#navmenu , ul.sub1{list-style:none;
		}
		ul#navmenu li{
			width:200px;
			text-align:center;
			position:relative;
			float:left;
			margin-right:1px;
			z-index:1000;
			}
			
ul#navmenu a{text-decoration:none;
			display:block;
			font-size:13px;
			width:203px;
			height:25px;
			line-height:25px;
    		font-family: 'gravitybold';
			color:#000
			}
			
			
ul#navmenu li:hover> a{background-color:#FF6600;}

ul#navmenu li:hover a:hover{background-color:#099;}

ul#navmenu ul.sub1 {display:none;
					position:absolute;
					top:26px;
					left:0px;
					background-color:#000;
	}
	
ul#navmenu ul.sub1 a{color:#FFF;}
	
ul#navmenu li:hover .sub1 {display:block;}
/*============= secound half menu=============================*/
ul#omenu{list-style:none;}

ul#omenu li{width:208px;
	   text-align:center;
	   position:relative;
	   float:left;
	   margin-right:1px;}
	   
ul#omenu a{text-decoration:none;
			display:block;
			font-size:13px;
			width:158px;
			height:25px;
			line-height:25px;
    		font-family: 'gravitybold';
			color:#FFF;}
			
ul#omenu li:hover> a{background-color:#FF6600;}





ul#omenu li:hover a:hover{background-color:#099;}

ul#omenu ul.sub2 {display:none;
					position:absolute;
					top:26px;
					left:0px;
					background-color:#000;
					z-index:2000;
					list-style:none;
					}
	
	
ul#omenu ul.sub2 a{color:#FFF;}
	
ul#omenu li:hover .sub2 {display:block;}





#omenu{position:absolute; left:22.1%; top:78px;}

#navmenu{position:absolute;left:24%; top:119px;}

#header img{float:right;position:relative; top:-36px;}

/* header end*/

/* slider start*/
#slider {width:1080px; height:36px; background-color:#0CF;position:relative;}

/* slider end*/

/* content start*/
#content {width:1080px; height:400px; background-color:#FFFFFF;position:relative; top:-36px;}


.button a:link,
.button a:visited{display:block; overflow:hidden; background-image:url("images/wored.jpg"); background-repeat:no-repeat; height:0px; width:270px; background-position:0px 0px; padding-top:35px;}

.button a:hover{background-position:0px -35px;}
.button{float:left;}


.button2 a:link,
.button2 a:visited{display:block; overflow:hidden; background-image:url("images/vired.jpg"); background-repeat:no-repeat; height:0px; width:270px; background-position:0px 0px; padding-top:35px;}

.button2 a:hover{background-position:0px -35px;}
.button2{float:left;}

.button3 a:link,
.button3 a:visited{display:block; overflow:hidden;background-image:url("images/rered.jpg"); background-repeat:no-repeat; height:0px; width:270px; background-position:0px 0px; padding-top:35px;}

.button3 a:hover{background-position:0px -35px;}
.button3{float:left;}


.button4 a:link,
.button4 a:visited{display:block; overflow:hidden;background-image:url("images/grantworkshop.jpg"); background-repeat:no-repeat; height:0px; width:270px; background-position:0px 0px; padding-top:35px;}

.button4 a:hover{background-position:0px -35px;}
.button4{}





/* content end*/

/* footer start*/
#footer {width:1080px; height:300px; background-image:url(images/footer.jpg);
background-repeat:no-repeat; background-size:cover;position:relative; top:-36px;}


#footer ul{padding-top:2%;}

#footer li{color:#333;    font-family: 'gravitybold'; font-size:12px;
line-height:1em;line-height:1.8em;text-align:right; margin-right:1%;
text-decoration:none;list-style:none;}

#footer h5{color:#999;    font-family: 'gravitybold'; font-size:11px;
float:right; margin-right:1%; margin-top:9%;}

#footer li span{font-size:16px;}


#barr{width:100%; height:200px; background-image:url(images/bg.jpg);position:absolute;top:255px;position:fixed; background-size:cover; background-repeat:no-repeat;}

@media only screen
and (max-width:1080px;){

#omenu{font-size:11px;}

#navmenu{font-size:11px;}


body{background-color:#000000;}

}


@media only screen
and (max-width:480px;){
	
	}




/* header end*/