/*
Author : Onextrapixel
URL: http://www.onextrapixel.com
*/

* {
	border:none; 
	margin:0; 
	padding:0;
}

body {
	background-color: #e4e9ec;
	background-repeat: repeat-x;
	background-image: url(images/gradations/bg_x-repeat_dark.jpg);
	color: #fff; 
	font: 12.75px "Myriad-Pro", Arial, Helvetica, Verdana, sans-serif;
	line-height:18px;
	letter-spacing: normal;

	text-align: normal;
	font-weight:400;
	
}

a:link {
	text-decoration: none;
	color: #005A87;
	font-weight:500;
}
a:visited {
	text-decoration: none;
	color: #005A87;
	font-weight:500;
}
a:hover {
	text-decoration: underline;
	color: #005A87;
	font-weight:500;
}
a:active {
	text-decoration: none;
	color: #43ace0;
	font-weight:500;
}


#wrap {
	margin:auto;
	width:1024px; height:692; 
}




#desc {margin:10px 0;}

p {
	padding:25px 1px 20px 20px;
	
}

p.boxText {
	padding:25px 1px 20px 1px;
	
}



#copyright {
	font-size: 12px;
	color: #82776a;
}
#transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=82);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.82;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.82;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.82;
}


/*Z-Index, Relative And Absolute Positioning*/
#layer1 {background:none; position:relative; width:1024px; height:692px; color:none;}
#layer2 {
	background:#999999;
	position:absolute;
	top:257px;
	left:206px;
	width:547px;
	height:196px;
	color:none;
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	filter: alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;
	opacity: 0.82;
}

#layer3 {
	background:none;
	position:absolute;
	top:252px;
	left:206px;
	width:203px;
	height:196px;
	color:#fff;
	z-index:2;
}

#layer4 {
	background:none;
	position:absolute;
	top:252px;
	left:428px;
	width:250px;
	height:196px;
	color:#fff;
	z-index:3;
}
ul li{ list-style:none;}
ul#menu li{ padding:4px 0px; text-align:right;}
ul#menu li{width:169px; background:url(images/buttons/menu_bg.jpg) no-repeat; line-height:30px; color:#fff; font-weight:bold; font-size:18px; text-decoration:none; }
ul#menu li:hover{width:169px;  background:url(images/buttons/menu_hover.jpg) no-repeat; line-height:30px; color:#fff; font-weight:bold; font-size:18px; text-decoration:none;}
ul#menu li.active{width:169px;  background:url(images/buttons/menu_active.jpg) no-repeat; line-height:30px; color:#fff; font-weight:bold; font-size:18px; text-decoration:none;  opacity: 0.55; /*padding-left:85px; padding-top:12px; padding-bottom:11px; position:relative; top:1px;*/}
/*ul#menu li a.active span{ position:relative; top:2px;}*/

.layer2 {	background:#999999;	position:absolute;	top:38px;	left:196px;	width:547px;	height:196px;	z-index:1; color:#ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90);	-moz-opacity:0.90;	-khtml-opacity: 0.90;	opacity: 0.90;}
.layer4 {	background:#999999;	position:relative;	top:0px;	left:196px;	width:547px;	height:196px;	z-index:1; color:#ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90);	-moz-opacity:0.90;	-khtml-opacity: 0.90;	opacity: 0.90;}
.layer5 {	background:#999999;	position:absolute;	top:38px;	left:196px;	width:547px;	height:196px;	z-index:1; color:#ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90);	-moz-opacity:0.90;	-khtml-opacity: 0.90;	opacity: 0.90;}
.rule1{filter:alpha(opacity=0); opacity:0;}
div.subnav{background:none;}
ul.sublinks{ list-style:none;}
ul.sublinks li{ float:none;}
ul.sublinks li a{ color:#fff; text-decoration:none; font-weight:bold; font-size:13px; padding-left:15px;}
ul.sublinks li:hover{background:#7b8c9c;}