/*-------------HEADER--------------*/
.header             {width:100%;height:180px; background:url(../images/ban2.png) no-repeat;}
.banner             {width:1000px;height:150px; margin:0 auto; padding:0; position:relative;}

#logo               {width:350px; height:150px; float:left; background:  url(../images/website.png) no-repeat; position:relative;}

#register           {width:200px; height:30px; float:right; background-color:#6e1919; position:relative; 
                     border-radius:0 0 10px 10px;  box-shadow: 2px -1px 10px #000;}
#menu-top           {height:30px; background: none repeat scroll 0 0 #490909; 
                     box-shadow: 1px 1px 4px #000000;margin: 0 auto;}
#nav1                {height:30px; padding-left: 200px; margin:0 auto}
#nav1 ul {margin:0; padding:0}
#nav1 ul li {list-style:none;float:left;}
#nav1 ul li a {color:#fff; font-size: 15px; font-family: Arial; text-decoration:none;
display: block; height: 21px; width: 80px; padding: 1px 10px; font-weight: bold; padding-top: 9px;}
#nav1 ul li a:hover {opacity:0.8;}               
.clear-both         {clear:both;}

.news_slide { width:1000px;height:350px;}
#news_slide_l {width:250px;height:150px; margin:0 auto; padding:0; position:relative;}
#news_slide_r {width:250px;height:150px; margin:0 auto; padding:0; position:relative;}


/*-------------SLIDE SHOW-------------*/
#slideshow                  {position:relative; width:680px;height: 350px; background-color:#000;
                             border-radius: 10px 10px 10px 10px; box-shadow: 3px -3px 10px #000; margin: 0 auto;}
#slideshow IMG              {position:absolute; top:0; left:0px; z-index:8; opacity:0.0;border: 2px solid #000;
                             width:680px;height: 350px;border-radius: 10px 10px 10px 10px;}
#slideshow IMG.active       {z-index:10; opacity:1.0;
                             width:680px;height: 350px;border-radius: 10px 10px 10px 10px;}
#slideshow IMG.last-active  {z-index:9; 
                             width:680px;height: 350px;border-radius: 10px 10px 10px 10px;}
/*-------------BODY-------------*/
.body-main          {width:1000px; height: 1100px; margin:0 auto ; padding: 30px 0 20px 0}
.body-left          {width:230px; height:1100px; float:left; position:relative;}

#cat-menu           {width:230px;  text-align: left; box-shadow: 3px -3px 10px #000;
                     border-radius: 10px 10px 10px 10px; background: url(../images/bg-body.png) repeat; float:left;}
#cat-menu  ul       {margin:0; padding:0;}
#cat-menu  ul li    {list-style:none;}
#cat-menu  ul li a  {width: 210px;display:block; padding:10px 5px 10px 0; text-decoration:none;
                     color:#000; text-align:left; padding:10px; font-size:15px;}
#cat-menu  ul li a:hover {overflow:auto; background-color:#c99;}                     

#cat                {height:35px ; background: url(../images/cat-menu.png)}
#cat-news           {width:230px; height:200px; text-align: left; box-shadow: 3px -3px 10px #000;
                     border-radius: 10px 10px 10px 10px; background: url(../images/bg-body.png) repeat;}
#news               {height:35px ; background: url(../images/news.png)}
#cat-contract       {width:230px; height:200px;	text-align: left; box-shadow: 3px -3px 10px #000;
                     border-radius: 10px 10px 10px 10px; background: url(../images/bg-body.png) repeat;}
#contact            {height:35px ; background: url(../images/contact.png)}
.body-right         {width:740px; float:right; position:relative;}
#slide              {width:680px;height: 350px; background-color:#fff; border-radius: 10px 10px 10px 10px;  
                     box-shadow: 3px -3px 10px #000; margin: 0 auto;}
#products           { background: url(../images/bg-body.png) repeat; border-radius: 10px 10px 10px 10px;
                     box-shadow: 3px -3px 10px #000;}
#new-products       {height:35px ; background: url(../images/productions.png)}
#product-content    {padding-left:0px;}
#space              {height:20px}
#space-cat          {height:10px}



/*----------------FOOTER-------------*/
.footer             {width:100%; height:50px; background: url(../images/stripe.gif) repeat; text-align:center; color:#fff}

/*----------------SLIDE SHINE-------------*/
.thumbnailimage         {float:left; padding:15px;display:block}
.thumb_container        {width:190px; height:164px; background-color:#585252; border-radius: 12px 12px 12px 12px; box-shadow: 3px -3px 10px #000; }
.large_thumb	        {float:left; position: relative; width:190px; height:165px; position:absolute; }
img.large_thumb_image	{position:absolute; left:5px; top:4px;}
.large_image            {display:none}
.large_thumb_border	    {width:180px; height:154px; border: 5px solid #e1dcdc; 
                        border-radius: 10px 10px 10px 10px; position:absolute; }

.large_thumb_shine	    {width:190px; height:165px; background:url('../images/bigshine.png'); 
                         position:absolute; background-position:50px 100px; left:-3px; top:-3px; background-repeat:no-repeat;}
.thumbnails             {float:left; padding:20px 35px; background: url(../images/bg-body.png) repeat; border-radius: 0 0 10px 10px;
                         box-shadow: 3px 3px 10px #000;                 }


/*-------------------LOGIN-FORM-----------------*/


#login              {width:200px; height:30px; float: right;opacity: .8; }
#login-tab          {padding:0px 1px;font-size:11px; line-height:25px; text-align:right; background-color:#ddeef6; 
                     position:relative; padding-top:3px; border-radius:0 10px;  box-shadow: 1px -2px 15px #000;}
#login-tab a.signin {background:#88bbd4; padding:4px 6px 6px; text-decoration:none; font-weight:bold; color:#fff;
                     -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px 4px 0 0;}
#login-tab a.signin:hover { background:#59B;}
a.signin            {position:relative; margin-left:3px;}
a.signin span       {background-image:url("../images/toggle_down_light.png"); background-repeat:no-repeat;
                     background-position:100% 50%; padding:4px 16px 6px 0;}
#login-tab a.menu-open {background:#ddeef6!important; color:#000!important; opacity:.8; outline:none;}


a.signin.menu-open span {background-image:url("../images/toggle_up_dark.png"); color:#789;}
#signin_menu        {display:none; background-color:#ddeef6; border-radius: 10px 0 10px 10px; position:absolute; opacity:.9; 
                    width:380px; z-index:100; border:1px transparent; text-align:left; padding:5px; top: 24.5px; right: 0px; 
                    margin-top:3px; margin-right: 0px; color:#789; font-size:11px;}
#signin_left        {width: 220px;position:relative; float:left;}
#signin_right       {width: 150px;position:relative; float:right; padding:25px 5px 0 5px;}

#signin_menu input[type=text], #signin_menu input[type=password] {
                        display:block; -moz-border-radius:4px; -webkit-border-radius:4px;
                        border:1px solid #ACE; font-size:11px; margin:0 0 5px; padding:3px; width:180px;}

#signin_menu label  {font-weight:normal;}
#signin_submit      {-moz-border-radius:4px; -webkit-border-radius:4px; background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
                     border:1px solid #39D; color:#fff; text-shadow:0 -1px 0 #39d; padding:4px 10px 5px; font-size:11px; margin:0 5px 0 0; font-weight:bold;}

#signin_submit:hover, #signin_submit:focus {background-position:0 -5px; cursor:pointer;}