@import url("reset.css");
@import url("fancybox.css");

/* -------------------------------------------------------------------------- */

body {background-color: #232329;}

/* -------------------------------------------------------------------------- */

body
	{
		text-align: center;	/* ie */
	}

#header, #container, #footer
	{
		width: 69em;
		overflow: hidden;
		text-align: left;	/* ie */
		position: relative;
	}

#header
	{
		margin: 3em auto 0;
	}

#container
	{
		overflow: hidden;
		margin: 0 auto;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}

#footer
	{
		margin: 0 auto;
		padding: 3em 0;
		text-align: center;
	}

/* -------------------------------------------------------------------------- */
/* BREADCRUMBS */
/* -------------------------------------------------------------------------- */

.breadcrumbs
	{
		clear: both;
		height: 2.4em;
		overflow: hidden;
		border-top: 1px solid #000;
		padding: 0 .4em;
	}

.breadcrumbs a, .breadcrumbs i
	{
		max-width: 20em;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		float: left;
		padding: .7em .6em .7em .9em;
		text-decoration: none;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
	}

.breadcrumbs i
	{
		cursor: default;
		font-style: normal;
	}

.breadcrumbs p
	{
		float: right;
		overflow: hidden;
		margin-top: 1px;
	}

.breadcrumbs a:hover
	{
		text-decoration: underline;
	}

.breadcrumbs span
	{
		display: block;
		float: left;
		width: .9em;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/lib/img/separator.gif) right 50% no-repeat;
	}

.breadcrumbs .icon
	{
		width: 16px;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		padding: 0 .4em;
	}

.breadcrumbs .home
	{
		background: url(/lib/img/home.gif) center center no-repeat;
	}

.breadcrumbs .sitemap
	{
		background: url(/lib/img/sitemap.gif) center center no-repeat;
	}

.breadcrumbs, .breadcrumbs p, .breadcrumbs a, .breadcrumbs i, .breadcrumbs span
	{
		font-size: 95%;
		line-height: 100%;
	}

.breadcrumbs a {color: #848484} 
.breadcrumbs i {color: #666666}
.breadcrumbs {border-top-color: #232329}

/* -------------------------------------------------------------------------- */
/*  */
/* -------------------------------------------------------------------------- */

#sidebar
	{
		float: left;
		width: 18em;
		position: relative;
		border-left: 1px solid #232329;
		margin-right: -1px;
		margin-left: -1px;
	}

#content
	{
		float: left;
		width: 48em;
		overflow: hidden;
		position: relative;
		border-right: 1px solid #232329;
		padding: 1.5em;
	}

/* -------------------------------------------------------------------------- */
/* SUBMENU */
/* -------------------------------------------------------------------------- */

.submenu
	{
		list-style: none;

		
		margin-top: 1.3em;
		margin-bottom: 1.3em;
	}

.submenu a
	{
		display: block;
		padding: .76em 1.5em;
		_height: 0; /* proverit: ie7 ie8 */
	}

.submenu .active
	{
		border-bottom: 1px solid #232429;
		border-top: 1px solid #232429;
		border-left: 1px solid #191A1E;
		position: relative;
		left: -1px;

		margin-top: -1px;
		margin-bottom: -1px;
	}

.submenu ul
	{
		display: none;
		list-style: none;
		padding: 0 1.5em 1em 3em;
	}

.submenu .active ul
	{
		display: block;
	}

.submenu ul li
	{
		padding: .3em 0;
		line-height: 100%;
	}

.submenu ul a
	{
		text-decoration: underline;
		font-size: 95%;
		display: inline;
		padding: 0 !important;
	}

.submenu ul li.active
	{
		border-bottom: none;
		border-top: none;
		border-left: none;
		position: static;
		left: 0;
	}

.submenu ul ul
	{
		padding: .1em 0 0 1.5em;
	}

.submenu ul ul li
	{
		padding: .5em 0 0 0;
	}

.submenu a
	{
		color: #ffffff;
	}

.submenu .active>a
	{
		color: #555;
	}

.submenu ul a
	{
		color: #bbb;
	}

.submenu .active a
	{
		color: expression(this.parentNode.className == 'active' ? '#555' : '#bbb');
	}

.submenu a:hover
	{
		color: #fef100;
	}

/* -------------------------------------------------------------------------- */
/*  */
/* -------------------------------------------------------------------------- */

#main-menu
	{
		position: relative;
		float: right;
/*
		right: 50%;
*/		
		top: 32px;
	}
 
.menu
	{
		position: relative;
		overflow: hidden;
/*
		right: -50%;
*/
		text-align: left;
		list-style: none;
		_float: left;
	}
 
.menu li
	{
		float: left;
		overflow: hidden;
		padding: .3em 2.7em;
		border-left: 1px solid #555;
		margin-left: -1px;
	}
 
.menu a
	{
		color: #fff;
		font-size: 125%;
	}
 
.menu .active a
	{
		color: #555;
	}

.menu a:hover
	{
		color: #fef100;
	}





#header
	{
		height: 79px;
	}

#logo
	{
		width: 137px; height: 61;
		position: absolute;
		left: 1.5em;
	}




















/* COLORS */

body {background-color: #232329;}
#container {background-color: #191A1E;}

#container
	{
		border-top: 1px solid #232329;
	}

/* FONTS */

body
	{
		font-size: 75%;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		color: #9E9E9E;
		line-height: 1.5em;
	}


#main-page #content h1, #main-page #content h2 {color: #9E9E9E}

#content a {color: #ccc}
#content a:hover {color: #fef643}

#content h1 a, #content h2 a, #content h3 a {color: #fef643}
#content h1, #content h2, #content h3, #content h4 {color: #fef643; font-weight: normal}

#content p {font-size: 1em; line-height: 1.5em}
#content small {font-size: .9em; line-height: 1.667em}
#content big {font-size: 1.13em; line-height: 1.6em}


#content h1 {font-size: 1.5em; line-height: 1.5em}
#content h1 {margin: 1.67em 0 -.2em 0;}


#content h2 {font-size: 1.33em; line-height: 1.5em}
#content h2 {margin: 1.5em 0 -.67em 0;}


#content h3 {font-size: 1.13em; line-height: 1.327em}
#content h3 {margin: 1.33em 0 -1.33em 0;}


#content h4 {font-size: 1em; line-height: 1.5em; font-weight: bold}
#content h4 {margin: 1.5em 0 -1.5em 0;}


#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content object, #content embed, #content iframe {margin: 0; margin-top: 1.5em;}
#content :first-child, #content ol ul, #content ul ol, #content ul ul, #content ol ol, #content div div, #content table table {margin-top: 0;}

#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content object, #content embed, #content iframe, #content h1, #content h2, #content h3, #content h4
	{
		margin-top: expression(this.parentNode.firstChild == this ? '0px' : '');
	}






#content ol, #content ul, #content blockquote {padding: 0 0 0 3em;}





#copyrights, #links
	{
		text-align: center;
	}

#copyrights a
	{
		text-decoration: none;
	}

#copyrights a:hover
	{
		text-decoration: underline;
	}

#copyrights small, #links small {color: #757575; font-size: 90%; line-height: 130%}
#copyrights a, #links a {color: #757575;}

#links {padding-bottom: 2em;}



















#container
	{
	background: #191A1E url(/lib/img/line-top.png) top left no-repeat;
	}



#pics {margin-top: 4px; height: 250px; width: 100%; background: url(/lib/img/line-top.png) bottom left no-repeat;
		border-bottom: 1px solid #232429;
}

#pics img
	{
		width: 828px; 
    height: 246px; 
    top: 0; 
    left: 0;
    position: absolute;
     display: none;
	}
















#main-page #content, #custom-page #content
	{
		float: left;
		width: 66em;
		overflow: hidden;
		position: relative;
		border-right: none;
		padding: 1.5em;
	}








#error-page
	{
		font-size: 777%;
		padding-top: 2em;
	}


#content .sitemap ul {padding: 0 0 0 2em;}

#content .sitemap ul
	{
		list-style: none;	
	}

#content .sitemap ul ul
	{
		list-style: square;	
	}


#content .sitemap .context-menu
	{
		list-style: none;
		padding: 0;
	}

#content .sitemap ul li
	{

		font-weight: bold;
		margin-top: 1.5em;
	}

#content .sitemap ul ul li
	{

		font-weight: normal;
		margin-top: 0;
	}


#content .sitemap ul ul ul li
	{

		margin-top: 0;
	}









		#content .e-box2col, #content .e-box3col, #content .e-box4col {overflow: hidden; min-height: 12px; zoom: 1}
		#content .e-first, #content .e-second, #content .e-third, #content .e-fourth {float: left; margin-right: 3%; }

		#content .e-box2col .e-first	{width: 48.5%;}
		#content .e-box2col .e-second {width: 48.5%; margin-right: 0; margin-left: -4px; float: right;}

		#content .e-box3col .e-first {width: 31.33%;}
		#content .e-box3col .e-second {width: 31.34%; margin-left: -3px;}
		#content .e-box3col .e-third {width: 31.33%; margin-right: 0; margin-left: -3px; float: right;}

		#content .e-box4col .e-first	{width: 22.75%;}
		#content .e-box4col .e-second {width: 22.75%; margin-left: -3px;}
		#content .e-box4col .e-third {width: 22.75%; margin-left: -2px;}
		#content .e-box4col .e-fourth {width: 22.75%; margin-right: 0; margin-left: -3px; float: right;}

		#content .e-clear {clear: both; overflow: hidden; height: 0;}





.small_img
	{
background: #232329;
		border: 1px solid #333;
		padding: 3px;
		margin: 4px;
	}

.small_a
	{
		text-decoration: none;
		font-size: 11px;
		color: #9E9E9E;
	}

.small_a i
	{
		font-style: normal;
				color: #9E9E9E;
		display: block;
		width: 170px;
		text-align: center;
		margin: .2em auto 0;
		line-height: 120%;
		
	}



#content .e-h1 a {color: #fef643}
#content .e-h1 {color: #fef643; font-weight: normal}
#content .e-h1 {font-size: 1.5em; line-height: 1.5em}
#content .e-h1 {margin: 1.67em 0 -.2em 0;}
#content .e-h1
	{
		margin-top: expression(this.parentNode.firstChild == this ? '0px' : '');
	}



#content .e-services ul {padding: 0 0 0 2em;}

#content .e-services ul
	{
		list-style: none;	
	}

#content .e-services ul ul
	{
		list-style: square;	
	}


#content .e-services .context-menu
	{
		list-style: none;
		padding: 0;
	}

#content .e-services ul li
	{


		font-size: 15px;
		margin-top: 1.5em;
	}

#content .e-services ul ul li
	{

		font-size: 14px;
		margin-top: 1.5em;
	}


#content .e-services ul ul ul li
	{
		font-size: 13px;
		margin-top: 0;
	}

#content .e-services ul ul ul ul li
	{
		font-size: 12px;
		margin-top: 0;
	}