/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0

}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	background: #ffffff ;
	line-height: 18px;
}

/*#bg_top { background: url(images1/bg_top.jpg) center top no-repeat ;}*/


	
#main {
	width: 900px;
	margin: 0px auto;
	background:url(images1/main.jpg) right top no-repeat;}

#header { 
	height: 141px;
}

#logo {	
		padding: 65px 0px 0px 0px;
		width: 330px;
		height:148px;
		float: left;
		margin-top:-95px;
		margin-left:-30px;
}

#logo H2 {

		font-family: Arial, Helvetica, sans-serif;
		color:#C3C3C3;
		font-size:28px;
		background: no-repeat;
		}

#logo a {
	text-decoration: none;
	font-size: 28px;
	color:#C3C3C3;
	font-weight:bold;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}

#buttons{
	text-align:center;
	height: 50px;
	background: url(images1/buttons.png) left top no-repeat;
	padding: 55px 0px 0px 0px;
	float: right;
	width: 600px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	display: block;
	float: left;
	text-decoration: none;
	color: #06061C;
	text-align: left;
	padding: 15px 0px 0px 15px;
	height: 35px;
	border-left: 1px solid #0B236B;
	
}

.but {
	width: 104px;
}

#buttons .but:hover {
	text-decoration:underline;
    color:Orange;
	}
	#buttons .
	{
	    background:#FBC18D;
	}

.top { height:239px;
		padding-top: 20px;
		background: url(images1/top.jpg) left top no-repeat;
		color: #06061C;}
		
.top_1 { width: 432px;
		height: 221px;
		float: left;
		margin: 0px 0px 0px 20px;
		background: url(images1/top_1.jpg) left top no-repeat; }
		
.top_2 { width: 430px;
		height: 221px;
		float: left;
		margin: 0px 0px 0px 20px;
		background: url(images1/top_2.jpg) left top no-repeat; }
		
.top_3 { width: 432px;
		height: 221px;
		float: left;
		margin: 0px 0px 0px 20px;
		background: url(images1/top_3.jpg) left top no-repeat; }
		
.top_r { width: 410px;
		float: right;
		padding-left: 20px;
		}

		
.circl_all { 
		vertical-align:top;
		text-align:center;
		padding: 7px 0px 7px 0px; }

.circl {
	height: 17px;
	width: 17px;
	margin: 0px 0px 0px 0px;
	float: left;
	display:block;
	background: url(images1/circl.gif) left top no-repeat; }
.circl:hover {
	background: url(images1/circl_hover.gif) left top no-repeat; }
.circl_razd { width:25px;}


#content{
	padding: 0px 0px 10px 0px;
	color: #000000;
	margin-top:-35px;
}

#content1{
	padding: 0px 0px 0px 0px;
	color: #000000;
}


.box {
	float: left;
	width: 430px;
	}
	
.box_r { width: 20px;
			height: 10px;
			 
		/*float: left;*/
		}
	
.all_box {background: url(images1/all_box.gif) left repeat-y; }
			
.img_l {	float:left;
		margin: 5px 16px 3px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}


 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #06061C;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height:normal;
}

h6
{
   
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: 50px;
	color: black;
	text-align: left;
	padding: 2px 1px 9px 0px;
	
	background:url(images1/h2.gif) top repeat-x;
	

}

 h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight: 100;
	color: #0B236B;
	text-align: center;
	padding: 15px 10px 15px 0px;
	/*line-height:normal;*/
	background:url(images1/h2.gif) top repeat-x;
}

.read {
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	display:block;
	line-height: 13px;
	width: 61px;
	height: 14px;
	text-align: center;
	float: right;
	background: #06061C;
	
}

.read:hover {
	font-size:12px;
	text-decoration: underline;
}

.read_bot {
	font-size:12px;
	color: #06061C;
	text-decoration: none;
	display:block;
	line-height: 13px;
	width: 61px;
	height: 14px;
	text-align: center;
	float: right;
	background: #ffffff;
	
}

.read_bot:hover {
	font-size:12px;
	text-decoration: underline;
}



.ban_top { background: url(images1/ban_top.gif) left top no-repeat #9FC4D6;
			width: 690px;
			margin: 0px auto;
			 }

.ban_bot { background:url(images1/ban_bot.gif) left bottom no-repeat;
			padding: 10px 20px 10px 20px;}





#bottom_bot {
	background: #FFFFFF ;
	color: #FFFFFF;
}

#bottom {
}

#bottom_all { 	width: 900px; 
				margin: 0px auto;
				/*background: url(images1/bottom_all.gif) left 5px repeat-x}*/
}


#bottom h1 { 
	color: #06061C;
	font-size: 18px;
	font-weight: 100ss;
	text-align: left;
	display: block;
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid #9FC4D6;
			}

#b_col1 {
	width: 200px;
	float: left;
	margin-left: 20px;
}
#b_col2 {
	width: 200px;
	float: left;
	margin-left: 20px;
}
#b_col3 {
	width: 200px;
	float: left;
	margin-left: 20px;
	text-align: left;
}

#b_col4 {
	width: 200px;
	float: left;
	margin-left: 20px;
	text-align: left;
}


.box_us {
width: 244px;
background: url(images1/box_us.gif) 0px bottom repeat-x;
}

.box_us_l {
width: 27px;
float: left;
padding-top:3px;}

.box_us_r {
width: 217px;
float: left;}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_bot li {
	padding: 7px 0px 0px 18px;
	background: url(images1/spis_bot.gif) 0px 12px no-repeat;
	}
	
.spis_bot a {
	color:#ffffff;
	text-decoration:none;
	font-weight: 100;
	display: block;
	}
.spis_bot a:hover {
	text-decoration: underline;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

.spis_fu {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_fu li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
.spis_fu li a {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;}
	
.spis_fu li a:hover {
	text-decoration: underline;
}


#footer_l {
	float: left;
	text-align:left;
	width: 850px;
	padding-left: 20px;
}

#footer_r {
	float: left;
	text-align: right;
	width: 500px;
}
#footer{
	height: 55px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	padding: 18px 0px 0px 0px;
	border-top: 1px solid #9FC4D6;
}

#footer a{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.lh {
	line-height: 22px;
}







#buttons_f{
	text-align:center;
	height: 30px;
	background: url(images1/buttons.png) left top no-repeat;
	padding: 5px 0px 0px 0px;
	width: 475px;
	float:right;
}

#buttons_f a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	display: block;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding: 5px 0px 0px 0px;
	height: 25px;
	
}

.but_f {
	width: 90px;
}

#buttons_f .but_f:hover {
	text-decoration:underline;
	color: #9FC4D6;
	font-size: 12px;
	
	}
	
	

.razd_but_f { height: 30px;
				border-left: 1px solid #9FC4D6;
				float:left;
				}



/*
scroll styles here
*/

.item { width: 900px; height: 259px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 900px; height: 250px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; margin:5px 0; padding-left: 420px;} 
.navi a { width: 17px; cursor:pointer; height: 17px; float:left; margin:0 0 0 3px; background:url(images1/circl.gif) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images1/circl_hover.gif) no-repeat scroll right top}

.header1
{
width: 900px; height: 259px;

}

.header2
{
width: 900px; height: 259px;
}

.header3
{
width: 900px; height: 259px;
}


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}
.point
{
list-style-position:inside;

} 
.newdiv
{
    width:250px;
    margin-left:95px;
    font-size:medium; 
    line-height:30px;
    text-align:left;
    margin-left:2px;
    list-style-position:inside;
}
.newtd
{
    font-size:15px;
   color:White;
    background:#77933C;
    width:300px;
}
.newtd1
{
    font-size:15px;
    color:White;
    background:#4F81BC;
    width:300px
}
.newtdcon
{
    font-size:12px;
    width:800px;
    background:#C3C3C3;
}


.but_t:onmouseclickhover
{
    background:#fff;
}

/*
 * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
 *
 * Don't hesitate to create new effects and remove the ones you don't need.
 *
 * latest version and complete README available on Github:
 * https://github.com/louisremi/menu-effects
 *
 * Copyright 2012 @louis_remi
 * Licensed under the MIT license.
 *
 * Are you using this in a paid work?
 * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
 *
 */

.menu, .menu ul {
  list-style: none;
  padding: 0;
}

.menu ul {
  margin: 0;
}

.menu > li {
  position: relative;
  display: inline-block;
  outline: 0;
}

.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 0;
  overflow: hidden;
  max-height: 0;
  /* The transition-delay prevents the menu to disappear before the transition is run backward
   * It's ~= length of the animation (.6s) + highest item transition delay (466ms) */
  -webkit-transition: max-height 1ms linear 1s;
     -moz-transition: max-height 1ms linear 1s;
  /* A .submenu should be only revealed when hovering the .menu */
  pointer-events: none;
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
  pointer-events: auto;
  z-index: 10;
  max-height: 2000px;
  -webkit-transition: none;
     -moz-transition: none;
}

/* Progressive Anim
 * ==================================================================
 * This is a lot of redundant code but the result is worth it
 * This should be edited for menus with more or much less than 8 items 
 */

 /* forward */
.menu > li:hover .submenu li:nth-child(1) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.menu > li:hover .submenu li:nth-child(2) {
  -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

.menu > li:hover .submenu li:nth-child(3) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

.menu > li:hover .submenu li:nth-child(4) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}

.menu > li:hover .submenu li:nth-child(5) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}

.menu > li:hover .submenu li:nth-child(6) {
  -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

.menu > li:hover .submenu li:nth-child(7) {
  -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

.menu > li:hover .submenu li:nth-child(8) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

/* backward */
.submenu li:nth-child(1) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

.submenu li:nth-child(2) {
  -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

.submenu li:nth-child(3) {
  -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

.submenu li:nth-child(4) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}

.submenu li:nth-child(5) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}

.submenu li:nth-child(6) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

.submenu li:nth-child(7) {
  -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

.submenu li:nth-child(8) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

/* Default
 ================================================================= */
.submenu li {
  opacity: 0;

  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
          transition: opacity .4s,         transform .6s, max-height .6s;
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {
  opacity: 1;

  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

/* Helix
 ================================================================= */
.helix {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.helix li {
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

/* Wave
 ================================================================= */
.wave li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(-90deg);
     -moz-transform: skewY(-90deg);
      -ms-transform: skewY(-90deg);
       -o-transform: skewY(-90deg);
          transform: skewY(-90deg);
}

/* Fan
 ================================================================= */
.fan li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Papercut
 ================================================================= */
.papercut {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;

  -webkit-perspective-origin: 0% 0%;
     -moz-perspective-origin: 0% 0%;
      -ms-perspective-origin: 0% 0%;
       -o-perspective-origin: 0% 0%;
          perspective-origin: 0% 0%;
}

.papercut li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(30deg);
     -moz-transform: skewY(30deg);
      -ms-transform: skewY(30deg);
       -o-transform: skewY(30deg);
          transform: skewY(30deg);
}

/* Fly
 ================================================================= */
.fly {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.fly li {
  -webkit-transform-origin: 50% 50% -50px;
     -moz-transform-origin: 50% 50% -50px;
      -ms-transform-origin: 50% 50% -50px;
       -o-transform-origin: 50% 50% -50px;
          transform-origin: 50% 50% -50px;

  -webkit-transform: rotateX( -180deg );
     -moz-transform: rotateX( -180deg );
      -ms-transform: rotateX( -180deg );
       -o-transform: rotateX( -180deg );
          transform: rotateX( -180deg );
}

/* Blind
 ================================================================= */
.blind li {
  max-height: 0;
}

.menu > li:hover .blind li, .menu > li:focus .blind li {
  /* This should be changed to the normal height of list-items */
  max-height: 30px;
}

/* Venitian
 ================================================================= */
.venitian li {
  -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
       -o-transform-origin: 50% 0;
          transform-origin: 50% 0;

  -webkit-transform: scale(1,0);
     -moz-transform: scale(1,0);
      -ms-transform: scale(1,0);
       -o-transform: scale(1,0);
          transform: scale(1,0);
}

/* Jaws
 ================================================================= */
.jaws li {
  -webkit-transform-origin: 50% -100px;
     -moz-transform-origin: 50% -100px;
      -ms-transform-origin: 50% -100px;
       -o-transform-origin: 50% -100px;
          transform-origin: 50% -100px;
}

.jaws li:nth-child(odd) {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.jaws li:nth-child(even) {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* Fence
 ================================================================= */
.fence {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;
}

.fence li:nth-child(odd) {
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;

  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.fence li:nth-child(even) {
  -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
       -o-transform-origin: 100% 50%;
          transform-origin: 100% 50%;

  -webkit-transform: rotateY(-90deg);
     -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
       -o-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

/* Zipper
 ================================================================= */
.zipper li:nth-child(odd) {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}

.zipper li:nth-child(even) {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}