/**************** body and tag styles ****************/

.hide1{
    background-color: rgba(255, 255, 255, 0.90);
    position: fixed;
    z-index: 99999;
}

.hide2{
 background: url("/images/inwedo.png") no-repeat scroll 0px 0px transparent;
    
    font-weight: normal;
    height: 220px;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -200px;
    padding: 16px 16px 20px 80px;
    position: absolute;
    width: 830px;
	cursor: pointer;
}

	body {

	

	  margin:0;

      padding:0;

      width:auto;

	  margin-top: 0px;	  

	  margin-bottom: 30px;

	  background: url(/images/top_bg.gif) repeat-x;

	  height:auto;

	  

	  }



	#container {

	  width: 750px;

	  margin: 0 auto;

	  font-family: Verdana, Arial, Helvetica, sans-serif;

	  font-size: 11px;

	  line-height: 1.6em;

	  color: #666666;

	  }

	  

	#container2 {

	  width: 746px;

	  margin: 0 auto;

	  font-family: Verdana, Arial, Helvetica, sans-serif;

	  font-size: 11px;

	  line-height: 1.6em;

	  color: #666666;

	  background-color: #FFFFFF;

	  /* border-bottom: 2px solid #2763A5; */

	  

	  }

	  

	 #containter2 td{

	  font-family: Verdana, Arial, Helvetica, sans-serif;

	  font-size: 11px;

	  }

		

	#containter td{

	  font-family: Verdana, Arial, Helvetica, sans-serif;

	  font-size: 11px;

	  }

	  

	  



		

	h1 {

	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	  font-weight: normal;

	  font-size: 32px;

	  color: #6DA6E2;

	  margin-bottom: 30px;

	  background-color: #FFFFFF;

	  }

		

	h2 {

	  color: #666666;

	  font-size: 16px;

	  font-family: Arial, Helvetica, sans-serif;

	  background-color: #FFFFFF;

	  }

		

	a {

	  color: #6DA6E2;

	  background-color: inherit;

	  text-decoration: none;

	  font-weight: bold;

	  }



	a:hover {

	  background-color: #FFFFFF;

	  color: inherit;

	  font-weight: bold;

	  text-decoration: underline;

	  }



/**************** images styles ****************/		

	a img{

	  border: none;

	  }



	img.left,img.center,img.right {

	  padding: 4px;

	  border: 1px solid #a0a0a0;

	  }



	img.left {

	  float: left;

	  margin: 0 12px 5px 0;

	  }



	img.center {

	  display: block;

	  margin: 0 auto 5px auto;

	  }



	img.right {

	  float: right;

	  margin: 0 0 5px 12px;

	  }



/**************** form styles ****************/

	form {

	  float:right;

	  font-size: 9px;

	  }

		

	input {

	  background-color: white;

	  color: black;

	  border: 1px solid gray;

	  font-size: 11px;

	  padding: 3px;

	  }

		

	.button {

	  padding: 2px;

	  background-color: #9fccff;

	  border-top: 1px solid none;

	  border-left: 1px solid none;

	  border-right: 1px solid none;

      background:url("/images/buttontlo.gif") repeat-x;

	  color: black;

	  border: 1px solid black;

	  font-size: 11px;

	  }



/**************** header styles ****************/

	#header {

	  width: 750px;

	  border: 0px

	  padding-bottom: 10px;

	  padding-top: 10px;

	  clear: both;

	  background: url(/images/top_city.gif) no-repeat right;

	  }

	#header p { 

	  margin-top: -20px;

	  margin-left: 30px;

	  color: #999999;

	  }

	#header div.lang

	{

	position: absolute;

	  flow: right;

	  top: 5px;

	  right: 20px;

	}



/**************** menu styles ****************/

    #tabs10 {

      float:left;

      width:750px;

      font-size:93%;

	  padding-bottom: 1px;

	  /* border-bottom:4px solid #2763A5; */

      line-height:normal;

      margin-top: -25px;

      }

    #tabs10 ul {

	  margin:0;

	  padding: 10px 10px 0 40px;

	  list-style:none;

      }

    #tabs10 li {

      display:inline;

      margin:0;

      padding:0;

     /* border-bottom:1px solid #2763A5; */

      }

    #tabs10 a {

      float:left;

      background:url("../images/tableft10.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabs10 a span {

      float:left;

      display:block;

      background:url("../images/tabright10.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#FFF;

      }

    #tabs10 a span {

	  float:none;

	  }

    #tabs10 a:hover {

      background-position:0% -42px;

      }

    #tabs10 a:hover span {

      background-position:100% -42px;

      }



/**************** content styles ****************/

	#content{

	  width: 520px;

	  padding-left: 10px;

	  padding-right: 10px;

	  padding-top: 10px;

	  float: left;

	  }

	  

	#content p {

	  padding-bottom: 10px;

	  }

	  

	#content_fullwidth{	

	  width: 700px;

	  padding-left: 10px;

	  padding-right: 10px;

	  padding-top: 10px;

	  float: left;

	}

		

	#content2 p {

	  padding-bottom: 10px;

	  border-bottom: 1px solid #DDDDDD;

	  }

	  

/**************** sidebar styles ****************/

	#sidebar {

	  width: 175px;

	  padding-left: 21px;

	  padding-right: 10px;

	  padding-top: 10px;

	  float: right;

	  }

		

	#sidebar p {

	  padding-bottom: 10px;

	  border-bottom: 1px solid #DDDDDD;

	  }

	  

/**************** footer styles ****************/



#footer

 {

    margin-top: 0px;

	margin-left: -10px;

	margin-right: -10px;

	margin-bottom: -10px;

	/* height: 30px; */

	 height: 70px; 

	display: block;

	padding-top: 00px;

	padding-bottom: -10px;

	padding-left: 0px;

	padding-right: 0px;

	clear: both;



	margin:0; padding:30px 0;

	width:auto; height:auto;

	background:#171615 url(/images/footer_bg.gif) repeat-x top center;

	/* border-top:1px solid #171615;  

	border-bottom:1px solid #1e1d1d; */

	

	color:#FEFEFE;

    font:0.75em Arial, Helvetica, sans-serif; color:#5e6568;

	line-height:19px;

}



.footer-divider 

{

	background:url(/images/footer/footer-divider.gif) repeat-y top left;

}



	#footer .categories {

		margin:0; padding:0;

		width:360px; height:auto;

		float:left;

	}

	

.footer-cat {

			margin:0; padding:0;

			width:360px; height:auto;

			list-style:none;

		}

		

.footer-cat li {

				margin:5px 0; padding:0 0 0 9px;

				width:150px; height:auto;

				float:left;

				background:url(/images/footer/footer-cat-left.gif) no-repeat top left;

			}

			

				.footer-cat li a {

					margin:0; padding:0 9px 0 0;

					width:auto; height:23px; line-height:23px;

					float:left; display:block;

					background:url(/images/footer/footer-cat-right.gif) no-repeat top right;

				}

				

				.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {

					font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;

				}

				

				.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {

					color:#FF00FF;

				}

				

			.footer-cat li:hover, .footer-cat li:hover a {

	  			background-position:0% -23px;

			 	color:#171615;

				cursor:pointer;

			 }

			

			.footer-cat li:hover a {

				background-position:100% -23px;

  			}

	#footer h4

	{

	margin:0; padding:0;

	font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;



	}

	

#footer .container {

	height:auto;

	margin:0 auto;

	padding:0;

	width:940px;

}

	

#footer .motto

{

   top: 0px;

   margin: auto;

   margin-top: -25px;

   padding-left: 500px;

   background: url(/images/footer/motto.gif)  no-repeat top right;

   display: block;

   height: 20px;

   width: 200px;

}	

	

	#footer .about {

		margin:0; padding:0;

		width:580px; height:auto;

		float:right;

	}

	

#link-back {

	margin:0; padding:15px 0;

	background:#0c0b0b;

}



	.donators {

		margin:0; padding:0;

		width:282px; height:auto;

		float:left;

	}



		a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,

		a.function:link, a.function:active, a.function:visited, a.function:hover {

			margin:0; padding:0;

			width:154px; height:54px;

			background:url(/images/footer/smashing.gif) no-repeat top center;

			display:block; text-indent:-9999px; float:left; outline:0;

		}

		

		a.function:link, a.function:active, a.function:visited, a.function:hover {

			width:128px;

			background:url(/images/footer/function.gif) no-repeat top center;

		}

		







	

		

	#footer p a:hover {

	  color: #FFFFFF;

	  text-decoration: none;

	  border-top: 1px dotted #FFFFFF;

	  border-bottom: 0px dotted #FFFFFF;

	  }

	  

	.activeTab

	{

		border: 1px silver solid;

		border-bottom: 1px whitesmoke solid;

        background:url("/images/buttontlo.gif") repeat-x;

		height: 20px;

		padding: 3px;

		color: white;

	}

	

	.activeTab a

	{

		color: white;

	}

	

	.Tab

	{		

		border: 1px silver solid;

		border-bottom: 1px whitesmoke solid;

		background-color: whitesmoke;

		height: 16px;

		padding: 3px;

	}

	

	#prodFrame

	{

	   width: 160px;

	   min-width: 160px;

	   max-width: 160px;

	   height: 139px;

	   min-height: 139px;

	   max-height: 139px;

	   display: block;	  

       background-image: url('/images/prod_back.gif');

	   background-color: silver;

	   float: left;

	}

	

	#prodFrame span

	{

      font-size: 100%;

	  color: white;	  

	  width: 100%;

	  padding: 4px;

	  padding-left: 10px;

	  text-align: center;

	  font-weight: bold;

	}

	

	#prodFrame img

	{

	  margin: auto auto;

	  padding-left: 5px;

	  padding-top: 3px;

	  cursor: hand;

	}

	

div.slider

{

  background-color: whitesmoke;

  border: 1px silver solid;

  display: block;

  

}	







/* Clearfix

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



.clearfix:after {

    content: " ";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}





div.image

{

	margin: 2px;

	padding: 2px;

	border: 1px silver solid;

	background: whitesmoke;

	width: auto;

	height: auto;

	display: block;

}



div.image_left

{	

	float: right;

	margin-left: 10px;

}





div.image_right

{	

	float: left;

	margin-right: 10px;

}





div.portfolio

{

  display: block;

  width: 100%;	 

	clear: both;

	height: auto;

}



div.portfolio h1

{

  margin: 0px;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-weight: normal;

  font-size: 20px;

  color: gray;

  margin-bottom: 10px;

  padding:4px;

}





.portfolio_inner

{

	margin: 2px;

	margin-bottom: 2px;

	height: 204px;

	width: 204px;

	display: block;

	border: 1px silver solid;

	background: whitesmoke no-repeat 2px 2px;

	float: left;

}



.portfolio_inner:hover

{

	border-color: gray;

}



.portfolio_inner div

{

	background: whitesmoke;

	text-align: center;

	height: 20px;

	margin-top: 180px;

	padding: 2px;

	opacity: 0.75;

	-moz-opacity: 0.75;

	width: 200px;

	font-weight: bold;

}



.portfolio_inner:hover div

{

	color: gray;

	opacity: 0.9;

	-moz-opacity: 0.9;

}