@charset "utf-8";
/* DESIGN BULGARIA - CSS Document, Copyright © Design Bulgaria LTD. All Rights Reserved! */

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #ACACAC;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #ACACAC;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #939393;
}
a:hover {
	text-decoration: none;
	color: #939393;
}
a:active {
	text-decoration: underline;
	color: #7f7f7f;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma, Arial, sans-serif;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
	color: #ffffff;
}
h3 {
	font-size: 12px;
}
#topbg {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #b2b2b2;
	text-decoration: none;
	background-color: #000000;
	background-image: url(images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 705px;
}

#nav {
	margin:auto;
	height: 415px;
	width: 258px;
	}

#nav a,
#nav a:visited{
	height: 41px;
	width: 214px;
	float:left;
	display:block;	
	}
#nav a:hover,
#nav a:active{
	color: #b4b4b4;
	}
	.fadeThis {
		position:relative;
		display:block;
		height: 41px;
		width: 214px;
	}
	
	.fadeThis * {
	  display: none;
	}
	
	.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 41px;
		width: 214px;
	}

.b1 {background:url(images/b-about.jpg) 0 0 no-repeat;}
.b1 span.hover {background:url(images/b-about.jpg) 0 -41px no-repeat;}

.b2 {background:url(images/b-portfolio.jpg) 0 0 no-repeat;}
.b2 span.hover {background:url(images/b-portfolio.jpg) 0 -41px no-repeat;}

.b3 {background:url(images/b-workprocess.jpg) 0 0 no-repeat;}
.b3 span.hover {background:url(images/b-workprocess.jpg) 0 -41px no-repeat;}

.b4 {background:url(images/b-useful.jpg) 0 0 no-repeat;}
.b4 span.hover {background:url(images/b-useful.jpg) 0 -41px no-repeat;}

.b5 {background:url(images/b-contactus.jpg) 0 0 no-repeat;}
.b5 span.hover {background:url(images/b-contactus.jpg) 0 -41px no-repeat;}


#menubg {
	background-image: url(images/menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 415px;
	width: 258px;
}
.menutop {
	display: block;
	height: 43px;
	width: 258px;
}
/*
a.button:hover img {
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
a.button img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
*/
.topbtn {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 2px 4px 2px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 9px;
	padding-left: 3px;
	color: #b4b4b4;
}
a.topbtn {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 2px 4px 2px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 9px;
	padding-left: 3px;
	color: #b4b4b4;
}
a.topbtn:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #b4b4b4;
	padding: 8px 3px 8px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8fa08;
	background-color: #222222;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 2px 4px 2px;
}
.topslide {
	background-image: url(images/top-body.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 705px;
}
#topcontent {
	height: 230px;
	width: 352px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	background-color: #121212;
	float:right;
	text-decoration: none;
	background-image: url(images/bigbox-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #151515;
	border-right-color: #151515;
	border-bottom-color: #151515;
	padding: 5px 7px 5px 7px;
	line-height: 20px;
}
#topcontent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c4c4c4;
	text-decoration: underline;
}
#topcontent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	text-decoration: underline;
}
#topcontent h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
}
#topcontent h1 span {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #b6fa00;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
}
#midcontent {
	float:left;
}
#midcontent .bigbull {
	background-image: url(images/bullet-big.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height: 19px;
	width: 11px;
	margin-right: 7px;
	float: left;
}
#midcontent h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
}
#midcontent h1 span {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #b6fa00;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
	white-space: normal;
}
#midcontent .left {
	float: left;
	width: 300px;
	padding: 15px 0 0 15px;
}
#midcontent .right {
	float: left;
	width: 361px;
	margin: 15px 0 0 0;
	background-image: url(images/titlebar-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: transparent;
}
#midcontent .right span {
	background-image: url(images/titlebar.jpg);
	width: 350px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#midcontent .right .txt {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 330px;
	padding-bottom: 10px;
}


#midcontent .news {
	width: 281px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	float:left;
	display:block;
}
#midcontent .txt {width:135px; margin:3px; float:left; vertical-align: middle;}
#midcontent .news a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #a8a7a7;
	text-decoration: none;
	height: auto;
}
#midcontent .news a:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#midcontent .news span a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #547900;
	text-decoration: none;
}
#midcontent .news span {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #547900;
	text-decoration: none;
}
#midcontent .news span a:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #86BF00;
	text-decoration: none;
}
#midcontent .news img {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 3px solid #2c2c2c;
}
#midcontent .news .readmore{
	border: 0px;
	float: right;
	margin: 0px;
	vertical-align: top;
}
#midcontent .news a.readmore:hover img {
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#midcontent .news a.readmore img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
#midcontent .news a.linked:hover img {
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#midcontent .news a.linked img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

#midcontent .portfolio {
	/*height: 88px;*/
	width: 281px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	float:left;
	padding: 5px;
}
#midcontent .portfolio a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #a8a7a7;
	text-decoration: none;
}
#midcontent .portfolio a:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#midcontent .portfolio span a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #547900;
	text-decoration: none;
}
#midcontent .portfolio span a:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #86BF00;
	text-decoration: none;
}
#midcontent .portfolio img {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 3px solid #2c2c2c;
}
#midcontent .portfolio .readmore{
	border: 0px;
	float: right;
	margin: 0px;
	vertical-align: top;
}
#midcontent .portfolio a.readmore:hover img {
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#midcontent .portfolio a.readmore img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
#midcontent .portfolio a.linked:hover img {
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#midcontent .portfolio a.linked img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
#pagination {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #afafaf;
	text-decoration: none;
	padding: 0px;
	float: left;
	width: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#pagenum {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1a1a1a;
	}
a.pg {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #afafaf;
	line-height: 19px;
	background-color: #000000;
	background-image: url(images/pages-num.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 19px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
#pagenum .pgon {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a8ff68;
	line-height: 19px;
	background-color: #000000;
	background-image: url(images/pages-numon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 19px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
a:hover.pg {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D2D2D2;
	line-height: 19px;
	background-color: #000000;
	background-image: url(images/pages-numr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	height: 19px;
	width: 33px;
	border: 0px;
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 0;
}
a.pgup {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a8ff68;
	line-height: 17px;
	background-color: #000000;
	background-image: url(images/pages-up.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 17px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
a:hover.pgup {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a8ff68;
	line-height: 17px;
	background-color: #000000;
	background-image: url(images/pages-upr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 17px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
a.pgdn {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a8ff68;
	line-height: 17px;
	background-color: #000000;
	background-image: url(images/pages-dn.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 17px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
a:hover.pgdn {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a8ff68;
	line-height: 17px;
	background-color: #000000;
	background-image: url(images/pages-dnr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-decoration: none;
	height: 17px;
	width: 33px;
	border: 0px;
	display: block;
	padding: 3px 0 3px 0;
}
.formfield {
	font-family: Tahoma, sans-serif, Arial;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	background-color: #000000;
	border: 1px solid #2A2A2A;
}
#submitter {
	font-family: Tahoma, sans-serif, Arial;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	background-color: #232323;
	border: 1px solid #2A2A2A;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ontop {
	float:left; width:678px; text-align:right; outline:none; border: none; text-decoration:none;
}
.ontop a {
	float:left;
	width:678px;
	text-align:right;
	outline:none;
	border: none;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.ontop a:hover {
	float:left;
	width:678px;
	text-align:right;
	outline:none;
	border: none;
	text-decoration:none;
	color: #86BF00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.keywords {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	background-image: url(images/keywords-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-transform: uppercase;
	margin: 0px;
	padding: 2px;
	border: 1px solid #333;
}
.keywords a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #E2E2E2;
	outline:none;
}
.keywords a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #E2E2E2;
	outline:none;
}
.keywords a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #a8ff68;
	filter: Glow(Color=#a8ff68, Strength=50);
	outline:none;
}