﻿@font-face {
	font-family:"BBCNassim";
	src: url( "/font/BBCNassim.eot" );
	src: local( "☺" ),
	url( "/font/BBCNassim.woff" )
	format( "woff" ),
	url( "/font/BBCNassim.ttf" )
	format( "truetype" );
} 

body {
	margin: 0px;
	padding: 0px;
	background:#000 url('images/60.gif') no-repeat scroll center 150px;
}
.page {
}
.header .nav {
	height: 50px;
	width: auto;
	margin: 0px auto;
	padding: 0px 40px;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 10px;
	width: 100%;
	background: url('images/bg/blur60.png') repeat scroll right center;
}
.header .nav ul {
	margin: 0px;
	padding: 0px;
}
.header .nav ul li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.header .nav ul li a {
	text-decoration: none;
	color: #fff;
	padding: 18px;
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	text-align:center;
	text-shadow: 2px 2px 2px #000;
}
.header .nav ul li:hover {
	background: transparent url('images/nav/nav-hover.png') repeat-x scroll center bottom;
}
.header .nav ul li.logo a {
	margin:0px;
	padding:0px 20px;
}
.header .nav ul li.logo a img {
	border:0px;
}

.header .nav ul li ol {
	margin: 0px;
	padding: 0px;
	position:absolute;
	display:none;
	border-top:1px #808080 solid;
}

.header .nav ul li ol li {
	list-style-type: none;
	float: right;
	margin: 0px;
	padding: 0px;
	background: url('images/bg/blur80.png') repeat scroll right center;
}
.header .nav ul li ol li a {
	text-decoration: none;
	color: #fff;
	padding: 10px 18px;
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	text-shadow: 2px 2px 2px #000;
}
.header .nav ul li ol li a:hover {
	background: url('images/bg/blur60.png') repeat scroll right center;
}

.header .nav ul li:hover ol {
	display:block;
}


.content .fix {
	position:fixed;
}
.content .page_bg {
	right: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.content .page_bg img {
	height: auto;
	min-width: 980px;
	overflow: hidden;
	width: 100%;
}
.content .main-logo {
	background: transparent url('images/main-logo.png') no-repeat scroll center center;
	width: 100%;
	height: 160px;
	position: fixed;
	z-index: 3;
	top: 220px;
	margin: auto;
}

.content .pgrid {
	position: relative;
	background:transparent url('images/bg/blur80.png') repeat scroll left top;
	width:400px;
	z-index:4;
	color:#E9E9E9;
	padding:40px;
	font-family:Verdana;
	font-size:15px;
	text-align:justify;
	direction:ltr;
	opacity: 0.4;
	transition: opacity 0.6s;
	transition-delay:10s;

}

.content .pgrid:hover {
	opacity: 1;
	transition: opacity 0.6s;

}

.content .pgrid img {
	padding:15px;
}


.content .pgrid-center {
	margin:100px auto 40px auto;
}

.content .pgrid-right {
	margin:100px 20px 40px 50px;
	float:right;
}

.content .pgrid-left {
	margin:100px 50px 40px 20px;
	float:left;
}

.content .pgrid a{
	color:#BBBBBB;
	text-decoration:none;
}
.content .pgrid a:hover{
	color:#FFF;
	text-decoration:underline;
}	
.content .pgrid ul.twocal {
	width:410px;
	float:right;
	display:table;
}

.content .pgrid h1 {
	font-size:30px;
	margin:0px;
	font-weight:bold;
}

.content .pgrid h2 {
	font-size:25px;
	margin:0px;
	font-weight:bold;
}

.content .pgrid h3 {
	font-size:20px;
	margin:0px;
	font-weight:bold;
}


.text12 {
	font-size:12px;
}
.text14 {
	font-size:14px;
}
.text16 {
	font-size:16px;
}

ul.grid-homepage {
    right: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    z-index: 5;
    font-family:BBCNassim ,tahoma;
    font-size:13px;
    width:120px;
    list-style-type:none;
    text-align:center;
}

ul.grid-homepage li {
	background:transparent url('images/bg/blur70.png') repeat scroll center center;
	border-top:3px #ccc solid;
	padding:10px;
    color:#CCCCCC;
   	text-shadow: 2px 2px 2px #333;
   	margin:10px 0px 0px 0px;
   	opacity: 0.4;
	transition: opacity 0.3s;
	transition-delay:2s;
}

ul.grid-homepage li:hover {
	border-color:#fff;
	opacity: 1;
	transition: opacity 0.3s;
}

ul.grid-homepage li img {
	border:2px #ccc solid;
	margin:0px 0px 5px 0px;
	padding:0px;
}

ul.grid-homepage li a {
	color:#CCCCCC;
	text-decoration:none;
}

ul.grid-homepage li a:hover {
	color:#fff;
	text-decoration:underline;
