/**************** body and tag styles ****************/
	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;
}