body{ padding:3px 0px 0px 0px; margin:0px; background:#901e78 url(../images/bg_redblack.gif) repeat; color:#808080; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
p, form, ul, li ,h1 ,h2{ padding:0px; margin:0px; list-style-type:none;}
a{ color:#FFFFFF; text-decoration:none;}
a:hover{ color:#FFFFFF; text-decoration:underline;}
.img_left{ float:left;}
.img_right{ float:right;}
img{ border:0px;}
#doc_width{ width:1073px; margin:0px auto;}
#doc_cont{ width:1065px; float:left; border:4px solid #bb0000; margin-bottom:10px;background:#000000}
#header{ width:1065px; float:left;}
.top_menu{ width:965px; float:left; background:url(../images/navi_bg.jpg) repeat-x left top; height:51px; position:relative; font-family:Calibri, Arial; font-size:15px; font-weight:bold; color:#eae8e8;}
.top_menu li{ background:url(../images/top_navi_line.jpg) no-repeat right 2px; text-align:center;display:block; padding:15px 16px 10px 13px; text-transform:uppercase; float:left;}
.top_menu li a{ color:#f0f0f0; text-decoration:none; }
.top_menu li a:hover{text-decoration:none; color:#fff}
.top_menu li.last{ background:none; padding-right:0px;}
.banner{ width:1065px; float:left; position:relative; height:300px; top:0px; left:0px;}
.banner_img{width:965px; float:left; position:absolute;}
.sound_butt{ position:absolute; width:174px; height:42px; bottom:6px; right:8px; background:url(../images/sound_img.png) no-repeat left top; padding:0px 0px 0px 10px;}
.sound_butt img{ float:left; margin:4px 0px 0px 3px;}
#doc_area{ width:1065px; float:left; padding:0px 0px 0px 0px; background:#000000; border-top:1px solid #FFFFFF;}
.doc_left{ width:227px; float:right;}
.doc_left .featured_box{ width:227px; float:right; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px;}
.doc_left .content{ width:208px; padding:0px 0px 0px 0px; float:right;}
.doc_left .top_tex{font-size:12px; font-weight:bold; color:#FFFFFF; padding:0px 0px 0px 0px; text-align:center; background:url(../images/line_bott.jpg) no-repeat left bottom;}
.doc_left .top_tex span{ color:#ffa530; font-weight:normal; line-height:17px;}
.doc_left .featured_box .title{ width:217px; float:right; background:url(../images/featured_img.jpg) no-repeat left top; height:30px;}
.doc_left .featured_box .title h1{ font-size:18px; color:#FFFFFF; font-weight:normal; padding:0px 0px 0px 0px; text-align:center;}
.doc_left .left_cont_box{ width:216px; float:right; text-align:center;}
.doc_right{ width:650px; float:left; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;}
.welcome{ font-family: "Trebuchet MS"; font-size:32px; color:#ffffff;} 


.doc_right span.head_2{ font-size:16px; color:#FFFFFF; line-height:35px;}


.box_right_text{ width:750px; float:left; font-family:'Comic Sans MS'}


.box_right_text ul li{ color:#DC0101; font-family:'Comic Sans MS'}


.box_right_text li{ background:url(../images/arrow_grey.jpg) no-repeat left 5px; padding:0px 0px 4px 15px;}
.galler_part{ width:652px; float:left; padding:50px 0px 0px 0px;}
.galler_part .title{ width:652px; float:left; background:url(../images/gallery_head.jpg) no-repeat left top; height:39px;}
.galler_part .title h2{ padding:5px 0px 0px 17px; font-size:20px; color:#FFFFFF;}
.galler_part .content{ width:650px; float:left; border-left:1px solid #434343;  border-right:1px solid #434343;}


.logos{ width:1065px; float:left; border-top:4px solid #FFFFFF; padding:0px 0px 0px 0px;background: url(../images/bg_footer.jpg) repeat-x left top; height:75px;}

.footer{ width:1065px; float:left; border-top:4px solid #FFFFFF; padding:0px 0px 0px 0px;background: url(../images/bg_footer.jpg) repeat-x left top; height:85px;}
.footer_link{width:610px; float:left; color:#b9b9b9; font-size:11px; padding:25px 0px 0px 0px;}
.footer_link a{color:#b9b9b9; text-decoration:none;}
.footer_link a:hover{color:#fff; text-decoration:none;}
.copy_right{ color:#838383;}
.footer_icon_left img{ float:left; margin-left:9px;}
.bottom_menu_part{ width:385px; float:right; text-align:right; padding-right:5px;}
.bottom_menu{ width:385px; text-align:right; color:#000000; font-size:12px; padding-bottom:5px;}
.bottom_menu_part a{ color:#000000; text-decoration:none;}
.bottom_menu_part a:hover{ color:#901e78; text-decoration:none;}
	

.rmatter{ font-size:14px; color:#DC0101; font-family:'Comic Sans MS'}
.blue_matter {
color:#3D00F4;
font-family:'Comic Sans MS'
font-size:12px;
font-variant:normal;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}


.homepage_head {
color:#ffffff; font-size:22px; font-family:Juice ITC, Arial, Helvetica, sans-serif;font-weight:bold;
}


.homepage_matter {
color:#DC0101; font-size:14px; font-family:'Comic Sans MS'; font-weight:normal;
}

.homepage_matter16 {
color:#cccccc; font-size:16px; font-family:Cambria, Arial, Helvetica, sans-serif;font-weight:bold;
}


@font-face {
	font-family: 'FontleroyBrownRegular';
	src: url('FontleroyBrown-webfont.eot');
	src: local('FontleroyBrownRegular'), url('FontleroyBrown-webfont.woff') format('woff'), url('FontleroyBrown-webfont.ttf') format('truetype'), url('FontleroyBrown-webfont.svg#webfontwti9l6D0') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'ChantelliAntiquaRegular';
	src: url('Chantelli_Antiqua-webfont.eot');
	src: local('ChantelliAntiquaRegular'), url('Chantelli_Antiqua-webfont.woff') format('woff'), url('Chantelli_Antiqua-webfont.ttf') format('truetype'), url('Chantelli_Antiqua-webfont.svg#webfontXhbwfdZo') format('svg');
	font-weight: normal;
	font-style: normal;
}



.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	height: 500px;
}

.horizontalaccordion>ul>li {
    display:block;
	overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;
	width:40px;
	height: 500px;

    /* Decorative CSS */
    background:#f0f0f0;

    /* CSS3 Transitions */
    transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
}

.horizontalaccordion>ul>li>h3 {
    display:block;
    float:left;
    margin: 0;
    padding:10px;
    height:19px;
    width:480px;

    /* Decorative CSS */
    border-left:#cccccc 1px solid;
    font-family: FontleroyBrownRegular; 
    text-decoration:none;
    text-transform:uppercase;
    color: #ffffff;
    background:#cccccc;
    

    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform: rotate(90.0deg) translate(-40px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-40px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5E0000, endColorstr=#ffB40C00);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5E0000, endColorstr=#ffB40C00)"; /* IE8 */

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #cccccc, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc));
}

.horizontalaccordion>ul>li>div {
    display:none;
    float:left;
	overflow: auto;
    position:relative;
    top:-40px;
    left:40px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:580px;
    height:280px;
    padding:10px;
}

.horizontalaccordion>ul>li:hover {
    overflow: hidden;
	width: 780px;
}

.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background:#000000;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
}

.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}


		 /* html{font-size:62.5%}
		  body{font-size:1.2em;color:#294f88}
		  .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}
		  h1{margin:0 0 20px 0;padding:0;font-size:2em;}
		  h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
		  p{font-size:1.2em;line-height:170%;margin-bottom:20px}*/
		  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
			

 
 
 		#accordion-2{width:1065px;height:1900px;background:#000000;border:1px solid #ffffff}
		#accordion-2 h2{font-size:2em;margin-top:10px;font-family:'Comic Sans MS'}
		#accordion-2 dl{width:1065px;height:1900px}	
		#accordion-2 dt{height:19px;line-height:15px;text-align:left;padding:10px;font-size:1.5em;font-family: ChantelliAntiquaRegular;text-transform:uppercase;letter-spacing:3px;background:#cccccc; 0 0 no-repeat;color:#ffffff;border-left:#cccccc 1px solid;text-decoration:none; margin: 0;
		background: -moz-linear-gradient( top, #5E0000, #B40C00);
    	background: -webkit-gradient(linear, left top, left bottom, from(#5E0000), to(#B40C00));
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5E0000, endColorstr=#ffB40C00);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5E0000, endColorstr=#ffB40C00)"; /* IE8 */}
		#accordion-2 dt.active{cursor:pointer;color:#fff;background:#B40C00 url(images/slide-title-active-2.jpg) 0 0 no-repeat}
		#accordion-2 dt.hover{color:#68889b;}
		#accordion-2 dt.active.hover{color:#fff}
		#accordion-2 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-2 .active .slide-number{color:#fff}
		#accordion-2 a{color:#68889b}
		#accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}