﻿a {
		outline:none;
			
}
.bodybg{
				background:#dcdcdc url('../images/bodybg.jpg') no-repeat center top;
}


.bodybg1{
				background:#dcdcdc url('../images/background_interna.jpg') no-repeat center top;
}



#toplinks{
				text-align:right; height:25px;
}


ul.blue {
	padding: 5px;
	margin: 5px 0px 10px 0px;
	list-style: none;
	
	float: left;
	clear: left;
}

ul.blue li {
	float: left; 
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 9px; 
}

ul.blue li a {
	text-decoration: none;
	float:left;
	color: #b4b4b4;
	cursor: pointer;
	font: 13px/22px "Arial", Helvetica, sans-serif;
}

ul.blue li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}
/*BLUE*/
ul.blue li a:hover {
	background: url(../images/blue.png) no-repeat top right;
 	color: #999;
}

ul.blue li a.current {
	background: url(../images/blue.png) no-repeat top right;
 	color: #000; font-weight:bold;
}

ul.blue li a:hover span {
	background: url(../images/blue.png) no-repeat top left;
}


ul.blue li a.current span {
	background: url(../images/blue.png) no-repeat top left;
}

#contentarea h1{
				 color:#2c2c2c; font-family:"Century Gothic"; font-size:1.9em; border-bottom:2px solid #fff; padding-bottom:5px;
}
#contentarea h1 img{
				float:right; border:0px;
}
#contentarea  .listy{ color:#808080;
				margin:0px; padding:0px; margin-left:25px;list-style:none; list-style-image:url('../images/bad_listyimage.png');
}

#contentarea  .listy a{
				color:#029fd2; 
}
#contentarea  .listy a:hover{
				color:#000; 
}

#contentarea  ul.listy li{ margin:17px 0px; border-bottom:1px dashed #999; padding-bottom:14px; }

#contentarea  .listy h3{ font-size:1.3em; color:#000; margin:0px; padding:0px;}

#bannerarea{
				 width:980px; height:350px; background:url('../images/bad_banner.png') no-repeat left top; margin-top:-4px; 
}

#bannerarea1{
				 width:980px; height:152px; background:url('../images/bad_banner.pngg') no-repeat left top; margin-top:-4px;  margin-bottom:25px;}

#contentarea2{
				color:#585858; font-size:11px;
}

#contentarea2 h3{
				font-size:1.3em; margin:0px; font-weight:normal; margin-top:5px;
}

#contentarea2 img{
				float:left; border:3px solid #888888; margin-right:10px;
}







.Container {
  position: absolute;
  top: 30px; 
  width: 300px;
  height: 250px;
 
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 300px;
  height: 250px;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px; width:350px;
}
#Scrollbar-Container {
  position: absolute;
  top: 40px; right: 20px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 12px; height: 191px;
  position: absolute;
  top: 15px; left: 0px;
  background: transparent url('../images/mcs_btnmiddile.png') repeat-y center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 15px; height: 32px; 
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 210px;
}

/*--- portfolio --*/


ul.display {
    float: left;
    width: 710px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    background: #222; margin-top:-10px;
}
ul.display li {
    float: left;
    width: 710px;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}
ul.display li a {
    color: #1aabc6;
    text-decoration: none;
}
ul.display li .content_block {
    padding: 0 10px; position:relative;
}

ul.display li .content_block span{
    padding: 0 10px;  position:absolute; left:0px; top:0px; 
}
ul.display li .content_block span img{border:0px !important;
}







ul.display li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.4em; padding-top:0px;

}
ul.display li .content_block p {
    margin: 0;
    padding: 0px 5px 5px 170px;
    font-size: 1.2em;
}

ul.display li .content_block a img{
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float:  left;
}

ul.thumb_view li{
    width: 175px;
    height: 150px;
}
ul.thumb_view li h2 {
    display: inline;
}
ul.thumb_view li p{
    display: none;
}
ul.thumb_view li .content_block a img {
    margin: 0 0 10px;
}


a.switch_thumb {
    width: 122px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 10px 0; 
    display: block;
    background: url('../images/switch.gif') no-repeat;
    outline: none; 
    text-indent: -9999px;
}
a:hover.switch_thumb {
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }

#toTop { width:100px;background:#000;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#FFF;text-decoration:none; }