/**
/**
 * Frontend common CSS styles
 *
 * Project: AltSolution Site
 * File: common.css
 *
 * @author Dima <dima@altsolution.net>
 * @package css
 */
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Tahoma;
}
body {
	background-image: url(../images/back.gif);
	font-size: 12px;
}
.cl {
	clear: both;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#Holder {
	min-height: 100%;
	margin-bottom: -50px;
	height: auto; 
	min-width: 1000px;
	float: left;
	width: 100%;
	background-image: url(../images/white.gif);
	background-position: 50% 0%;
	background-repeat: repeat-y;
}

* html #Holder {
	height:100%;
}

#MainContainer {
	min-width: 1000px;
	position: static;
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
	width:100%;
	text-align: center;
}
#footer {
	clear: both;
	height: 50px;
	float: left;
	width: 100%;
	text-align: center;
}
#clearfooter {
	clear: both;
	height:50px;
}
#FooterHolder {
	width: 100%;
	float: left;
	background-image: url();
	text-align: center;
}
#Footer {
	width: 1000px;
	margin: 0px auto;
	height: 50px;
	background-image: url('../images/f_b.gif');
}
#Footer #Left, #Footer #Right {
	background-repeat: no-repeat;
	float: left;
	width: 1000px;
	background-image: url('../images/f_l.gif');
}
#Footer #Right {
	background-image: url('../images/f_r.gif');
	background-position: 100% 0%;
	text-align: left;
	float: left;
}
#Footer #FLogo {
	padding-left: 50px;
	float: left;
}
#Footer .banner {
	float: right;
	margin: 10px 15px 5px 10px
}
#Footer #Copyright {
	font-size: 11px;
	margin-top: 12px;
	margin: 17px 0px 0px 20px;
	color: #FFFFFF;
	float: left;
}

div>p {
	margin:0px;
}

html>body #MinHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-56px;
} /*safari wrapper */

#HeaderHolder {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	clear: both;
}

#DotWrapper {
	text-align: center;
	background-color: #B0D9FF;
	background-image: url('../images/alt-top-bg.gif');
	background-position: 50% 0%;
	width: 100%;
	float: left;
	min-width: 100%;
}
#HeaderHolder #Header {
	background-image: url('../images/h_back.png');
	width: 1000px;
	height: 216px;
	font-size: 11px;
	font-family: Tahoma;
	margin: 0px auto;
	overflow: hidden;
}
#HeaderHolder #Header a{
	color: #FFFFFF;
	vertical-align: top;
	text-decoration: none;
}
#HeaderHolder #Header a:hover {
	text-decoration: underline;
}
#Logo {
	float: left;
	position: relative;
	z-index: 0;
}
#Logo img{
	float: left;
}
#Letters {
	margin-left: 20px;
}
#DotHolder {
	width: 1000px;
	float: left;
	position: relative;
	z-index: 0;
	height: 217px;
	top: -215px;
}
#LDotB, #RDotB {
	float: left;
	height: 215px;
	width: 26px;
	background-image: url('../images/alt-top-bgb.gif');
	background-position: 0% -1px;
}
#LogoLinker {
	float: left;
	position: relative;
	z-index: 0;
	width: 153px;
	height: 102px;
	top: -429px;
	left: 95px;
	cursor: pointer;
}
#RDotB {
	width: 25px;
}

#RDotB {
	float: right;
	left: 0px;
}
#Language {
	color: #81DBFD;
	position: relative;
	z-index: 10;
	float: left;
	width: 49px;
	height: 61px;
	background-image: url('../images/lang_dot.gif');
	background-position: 50% 0%;
	background-repeat: repeat-y;
	top: -785px;
	left: 865px;
}
#Language #Selector {
	position: relative;
	top: 59px;
	height: 15px;
	background-image: url('../images/lang.gif');
	background-position: 24px 3px;
	background-repeat: no-repeat;
	width: 51px;
	float: left;
}
#Language #Selector #R {
	float: right;
}
#Language #Selector #L {
	float: left;
}
#Additional {
	position: relative;
	z-index: 0;
	float: left;
	top: -366px;
	left: 685px;
	width: 150px;
	height: 55px;
	text-align: left;
}
#Additional img.fixpng {
	position: relative;
	top: -49px;
	left: -6px;
	z-index: -1;
}
#Additional div {
	float: left;
}
#Additional #Begin {
	width: 66px;
	height: 42px;
	position: relative;
	top: -2px;
	background-image: none;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	z-index: 0;
}

#Additional #BeginLink {
	visibility: hidden;
}

#Begin img {
	margin-top: 22px;
	margin-left: 30px;
	float: left;
}
#Additional #Letter{
	width: 66px;
	height: 55px;
	position: relative;
	top: -15px;
	padding-left: 5px;
	background-image: none;
	background-position: 0px 100%;
	background-repeat: no-repeat;
}

#Additional #LetterLink{
	visibility: hidden;
}


#Letter img {
	margin-top: 22px;
	float: left;
}
#MenuLight {
	position: relative;
	z-index: 3;
	float: left;
	top: -268px;
}
#MenuLight img {
	float: left;
}
#MenuLight .l1, #MenuLight .l2, #MenuLight .l3, #MenuLight .l4 {
	left: 0px;
	margin-left: 5px; 
	position: relative;
}
#MenuLight .l2 {
	margin-left: -42px;
	left: 19px;
}
#MenuLight .l3 {
	margin-left: -1px;
}
#MenuLight .l4 {
	margin-left: -19px;
}
#MenuLight .l5 {
	margin-left: 773px;
	margin-top: -51px;
}
#ToBegin {
	position: relative;
	z-index: 0;
	float: left;
	top: -416px;
	left: -215px;
	width: 69px;
	height: 27px;	
	text-align: right;
}
#ToBegin img {
	padding-top: 8px;
}
#Menu {
	width: 1000px;
	background-image: url('../images/m_b.gif');
	background-repeat: repeat-x;
	margin: 0px auto;
	height: 38px;
	left: 25%;
}
#Menu #Lbg, #Menu #Rbg  {
	width: 1000px;
	float: left;
	background-image: url('../images/m_l.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 38px;
	text-align: left;
}
#Menu #Rbg img {
	float: left;
	vertical-align: top;
}
#Rbg .elem{
	float: left;
	height: 37px;
	margin-right: 22px;
	line-height: 33px;
	display: inline-block;
	margin: 0;
}
#Menu #Rbg .p1 {
	margin-left: 46px; 
	padding-top: 6px;
	padding-right: 9px;
}
#Menu #Rbg .icon {
	position: relative;
	margin-right: 9px;
	vertical-align: bottom;
	top: 5px;
}
#Menu #Rbg {
	background-image: url('../images/m_r.gif');
	background-position: 100% 0%;
	width: 985px;
	padding-left: 15px;
}
#Menu #Rbg  img {
	margin-top: 9px;
}
#MenuParts {
	width: 100%;
	font-size: 11px;
	z-index: 4;
	position: absolute;
	top: 254px;
	left: 0px;
	text-align: center;
	float: left;
	display: none;
}
#PartsHolder {
	margin: 0px auto;
	width: 1000px;
}
#M1Holder, #M2Holder, #M3Holder {
	width: 205px;
	height: 50px;
	float: left;
}
#PartsHolder #M2Holder {
	width: 265px;
}
#PartsHolder #M3Holder {
	width: 255px;
}
#MenuParts  a{
	color: #FFFFFF;
	text-decoration: none;
	display:inline-block;
	width: 130px;
}
#MenuParts  a:hover{
	text-decoration: underline;
}
#MenuParts .left, #MenuParts .right {
	width: 100%;
	background-image: url('../images/m_white.gif');
	background-position: 100% 0%;
	background-repeat: repeat-y;
	clear: both;
}
#MenuParts  .left {
	background-position: 0% 0%;
}
#MenuParts .left .right .back {
	background-color: #2372DC;
	background-image: url('../images/mpart_back.gif');
	background-position: 0% 0%;
	background-repeat: repeat-x;
	margin: 0px 2px 0px 2px;
}
#MenuParts .menuCorner, #MenuParts .rightCorner {
	float: left; width: 5%;height: 4px;
	background-image: url('../images/menu_lb.gif');
	background-repeat: no-repeat;
}
#MenuParts .rightCorner {
	background-image: url('../images/menu_rb.gif');
	background-position: 100% 0%;
}
#MenuParts .line {
	float: left;
	background-image: url('../images/m_bback.gif');
	background-repeat: repeat-x;
	width: 90%;
	height: 4px;
}
#MenuParts  .m1, #MenuParts  .m2, #MenuParts  .m3 {
	float: right;
	position: relative;
	top: -3px;
	z-index: 3;
	background-image: url('../images/menu_lined.gif');
	background-repeat: repeat-x;
	display: none;
} 
#MenuParts  .m1 {
	width: 180px;
}
#MenuParts  .m2 {
	width: 245px;
	left: -34px;
}
#MenuParts  .m3 {
	width: 180px;
	left: -120px;
}
#MenuParts .links {
	padding-bottom: 15px;
	text-align: left;
	padding-left: 15px;
}
#MenuParts .links img{
	border: 0px;
	position: relative;
	padding-bottom: 1px;
	padding-right: 15px;
	top: 5px;
	vertical-align: top;
}
#MenuParts .bottom {
	width: 100%;
	height: 4px;
}
.menuCorners {
	height: 3px;
	width: 100%;
	background-color: #003DC3;
}
#Heightwrapper {
	position: static;
	top: -50px;
	float: left;
	z-index: 0;
}
#ContentHolder {
	position: relative;
	z-index: 2;
	width: 100%;
	
	text-align: center;
	clear: both;
}
#ContentHolder #Content {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

/****************************** from common_1.css *******************************/
.holder, .galHolder {
	padding: 0px;
	width: 1000px;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
}
.galHolder {	
	margin: 15px 0px 30px 0px;
}
.galHolder a {
	color: #003DC3;
	text-decoration: none;
}

/*******  block_1  ********/
.tBack {
	background-image: url(../images/block/hor_line.gif);
	background-repeat: repeat-x;
	float: left;
	width: 100%;
}
.rBorder {
	background-repeat: repeat-y;
	background-position: 100% 0%;
	background-image: url(../images/block/vert_line.gif);
	float: left;
	width: 100%;
}
.lBorder {
	background-repeat: repeat-y;
	background-position: 0% 100%;
	background-image: url(../images/block/vert_line.gif);
	float: left;
	width: 100%;
}
.bBack {
	background-repeat: repeat-x;
	background-position: 100% 100%;
	background-image: url(../images/block/hor_line.gif);
	float: left;
	width: 100%;
}
/*******  block_2  ********/
.block2 .tBack {
	background-image: url(../images/block2/hor_line.gif);
	margin-bottom: 15px;
	margin-top: 10px;
}
.block2 .rBorder {
	background-image: url(../images/block2/ver_line.gif);
}
.block2 .lBorder {
	background-image: url(../images/block2/ver_line.gif);
}
.block2 .bBack {
	background-image: url(../images/block2/hor_line.gif);
}
/*******  Block Marks & Block Pagers  ********/
.caption {
	background-color: #FFFFFF;
	position: relative;
	top: -16px;
	left: 30px;
	float: left;
	padding: 0px 5px;
	margin: 0px 0px -30px 0px;
}
.caption h1 {
	font-size: 22px;
	color: #000000;
	font-weight: normal;
}

.tPager, .bPager {
	background-color: #FFFFFF;
	position: relative;
	top: -7px;
	right: 30px;
	float: right;
	padding: 0px 5px;
	margin: 0px 0px -30px 0px;
	font-size: 11px;
	clear: left;
}
.bPager {
	top: -8px;
}
.tPager a, .bPager a {
	text-decoration: none;
	color: #003DC3;
}
.tPager a img, .bPager a img {
	position: relative;
	top: 1px;
}
.tPager img, .bPager img {
	position: relative;
	top: 2px;
	padding: 0 2px;
}
/********* galHolder Block, block, block2 ************/
.galHolder .caption {
	background-color: #FFFFFF;
	position: relative;
	top: -8px;
	left: 30px;
	float: left;
	padding: 0px 5px;
	margin: 0 0 -30px 0;
}
.galHolder .caption h1 {
	font-size: 11px;
	color: #B6B6B6;
	font-weight: normal;
}
.galHolder .block .galContent{
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 130px;
}

.block .content {
	padding: 17px 37px 20px 37px;
	color: #696969;
}
.block2 {
	margin: 0px 25px;
}
.block2 .content {
	padding: 10px 5px 5px 5px;
	color: #696969;
}	
.content h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #3B3B3B;
	margin: 25px 25px 5px 25px;
	padding: 2px 2px 2px 12px;
	background: #E0E8FA;
}

.content p {
	text-align: justify;
	text-indent: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 18px;
	color: #4E4E4E;
}

.content ul.commonList {
	padding: 10px 0px 10px 50px;
}

.content ul.commonList li {
	margin-bottom: 5px;
}

/********* Horizontal Carousel *********/
#last_works {
	float:left;
	width: 1000px; 
	height: 126px;
	position: relative;  
}         
#last_works #container {
	position: absolute;
	top: 5px;
	left: 30px;  
	width: 945px;
	height: 120px;
	overflow:hidden;    
}            
#last_works #previous_button, #last_works .jcarousel-prev, #last_works .jcarousel-prev-disabled {
	position: absolute;
	top: 0px;
	left: 7px;
	width: 20px;
	height: 126px;
	z-index: 100; 
	background-repeat: no-repeat;
	background-position: 7px 51px;
}
#last_works .jcarousel-prev {
	background-image: url(../images/big_arrow_left.gif);
	cursor:pointer;
}
#last_works .jcarousel-prev-disabled {
	background-image: url(../images/big_arrow_left_disabled.gif);
	cursor:default;
}
#last_works #next_button, #last_works .jcarousel-next, #last_works .jcarousel-next-disabled {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 20px;
	height: 126px;
	background-repeat: no-repeat;
	background-position: 7px 51px;
}
#last_works .jcarousel-next {
	background-image: url(../images/big_arrow_right.gif);
	cursor: pointer;
}
#last_works .jcarousel-next-disabled {
	background-image: url(../images/big_arrow_right_disabled.gif);
	cursor: default;
}
#last_works ul {
	margin: 0;
	padding: 6px 0px 0px 0px;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 112px;
	list-style: none;
}                      
#last_works ul li a img {
	border:5px solid #EBEBEB;
	display:block;             
	float: left;     
}   
#last_works ul li a img.blikPic { 
	border: none; 
	position: relative;
	top: 6px;   
	left: 5px;
	margin-bottom: -93px;
	background: none;
	display: block;
	visibility: visible;
}                             
#last_works ul li {
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	width: 189px;
	float:left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 118px;
}                               
#works .workTitle {
	background-image: url(../images/title.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	color: #696969;
	clear: both;
	padding-left: 8px;
}
/******* Price Block *******/
.odd {
	background-color: #F2F5FC;
	padding: 5px 0px 5px 0px;
}
.even {
	background-color: #FFFFFF;
	padding: 5px 0px 5px 0px;
}
.captionLine {
	padding-bottom: 7px;
}
.captionLine, .odd, .even {
	padding-left: 10px;
}
.price {
	float: right;
	padding-right: 10px;
	width: 75px;
	text-align: right;
}			
/******* Contact Form  *******/
.star {
	color: #FF0000;
}
.dividerTop, .dividerBottom {
	background-image: url(../images/block2/hor_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	overflow: hidden;
	margin: 10px 0px;
	clear: both;
}	
.dividerBottom {
	float: right;
}	
.formContent {
	width: 100%;
	float: left;
	background-color: #f2f5fc;
	clear: both;
	padding: 5px 0px;
}
.formLine {
	text-align: left;
	width: 100%;
	float: left;
	clear: both;
}
.add_comment .formLine .name {
	width: auto;
}
.formLine .name {
	width: 130px;
	float: right;
	font-weight: bold;
	background-image: url(../images/blue_hor_border.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 6px 0px 1px 0px;
	margin-right: 3px;
	top: -4px;
	position: relative;
	color: #696969;
}
* html .formLine .name { top: -3px; }
.formLine .noBackImage {
	background-image: none;
}
.formLine .value, .formHolder .formSubmit {
	float: right;
	width: 58%;
	margin-top: 2px;
}
.formComment {
	font-size: 8pt;
	margin-top: 5px;
}
.formHolder .formSubmit {
	margin: 8px 0px 0px 0px;
}
.formHolder input, .formHolder textarea {
	border:1px solid #C0C0C0;
	height: 16px;
	padding-left: 3px;
	width: 270px;
}
.formHolder .capcha {
	padding-bottom: 3px;	
}
.formHolder .capcha img {
	border: 1px solid #C0C0C0;	
	float: left;
	margin-top: 2px;
	margin: 5px 0px 0px 0px;
}
.formHolder .capcha input {
	width: 147px;
}
.formHolder textarea {
	height: 75px;
}
.formHolder .button {
	border: none;
	width: 89px;
	height: 22px;
	background-image: url(../images/button_blank.gif);
	cursor: pointer;
}
.formHolder .toLeft, .toRight {
	float: left;
}
.formHolder .toRight {
	margin-left: 97px;
}	
.formHolder input.checkbox {
	width: auto;
	height: auto;
	border: none;
}
.fileinputs {
	position: relative;
	width: 275px;
	text-align: right;
}
.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 22px;
	width: 275px;
}
input#file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: default;
	color: #FFF;
	float: right;
	width: 220px;
}
.fakefile #text {
	width: 200px;	
	position: relative;
	float: left;
	z-index: 3;
}
.fakefile span.btn {
	display: block;
	width: 64px;
	height: 22px;
	float: right;
	position: relative;
	top: -2px;
	color: #000;
	line-height: 22px;
	background: url(../images/button_explore_blank.gif) 0 0 no-repeat;
	text-align: center;
}
/******* Contact Block  *******/
.contactBlock {
	float: left;
	width: 100%;
	padding: 17px 0px;
	text-align:  left;
}
.contactBlock .contactNote {
	text-align: center;
}
.contactBlock .greyBlock {
	background-color: #f7f7f7;
	width: 550px;
	margin: 13px auto;
	padding: 6px 0px 10px 0px;
}
.contactBlock .contactLine {
	padding-left: 102px;
	font-weight: bold;
}
.contactBlock .contactLine  .value {
	width: 330px;
	float: right;
	padding-top: 3px;
	font-weight: normal;
}
.contactBlock img {
	position:relative;
	top:3px;
	margin-right: 2px;
}
/******* Portfolio  *******/
.folioHolder {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.folioHolder .dividerBottom {
	float: left;
}
.folioHolder .folioIco img {
	float: left;
	clear: none;
}
.folioHolder .folioIco a img.coverPic {
	position: relative;
	left: -229px;	
	visibility: hidden;
	margin-right: -229px;
	clear: none;
}
.folioHolder .folioIco a:hover  {
	width: 234px;
}
.folioHolder a:hover img.coverPic {
	visibility: visible;
}
.folioHolder .folioIco {
	width: 229px;
	height: 175px;
	float: left;
	clear: none;
}
.folioHolder .folioContent {
	float: right;
	width: 691px;
	background-image: url(../images/folio_line.gif);
	background-repeat: repeat-y;
	background-color: #F2F5FC;
	clear: none;
	height: 175px;
}
.folioHolder .folioLine {
	float: left;
	width: 100%;
	margin: 1px 0px;
	clear: none;
	line-height: 13px;
}
.folioHolder .folioLine .name {
	width: 76px;
	float: left;	
	font-weight: bold;
	padding-left: 6px;
	font-size: 13px;
}
.folioHolder .folioLine .value {
	float: right;
	width: 599px;
	padding: 0px 5px;
}

.content p {
	text-align: justify;
	padding: 0px 25px;
}

.content a {
	color: #003DC3;
	text-decoration: none;
	background-image: none;
}

.content a:hover {
	color: #003DC3;
	background-image: url(../images/link_decor.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.content .messageError {
	font-weight: bold;
	color: #A30000;
	margin: 10px 0px 3px 0px;
}
.content .messageConfirm {
	font-weight: bold;
	color: #00A300;
	margin: 10px 0px 3px 0px;
}

/* ****************** BLOG ****************** */

.blogContent {
	width: 795px;
	float: left;
}

.blogNav {
	width: 191px;
	float: right;
}

.blogNav h2 {
	color: #0266ed;
	font-size: 18px;
	line-height: 18px;
	background-color: #FFF;
	font-family: Tahoma;
	padding: 7px 0px 8px 5px;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	border-left: 4px solid #0266ed;
}
.blogNav ul {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	border-left: 4px solid #c3c3c3;
}
.blogNav ul:hover {
	border-color: #999;
}
.blogNav ul li {
	font-weight: bold;	
	line-height: 22px;
	padding-left: 15px;
}
.blogNav ul li a {
	font-weight: normal;
}

.archiv {
	padding-bottom: 15px;
}
.archiv ul, .archiv ul li ul {
	margin: 0;
}
.archiv ul li {
	padding: 0;
}
.archiv ul li span {
	color:#003DC3;
	cursor: pointer;
	font-weight: normal;
	background-image: url(../images/archiv_close.gif);
	background-position: 8px 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.archiv ul li ul {
	border: none;
	display: none;
}
.archiv ul li li {
	padding-left: 25px;
	font-size: 11px;
}

.blogNav  .tags li {
	padding-left: 8px;
}
.tags li {
	text-align: center;
	display: inline;
	line-height: 14px;
}
.tags li a:hover {
	color: #FFF;
	background-image: none;
}

.pHolder {
	clear: both;
	padding: 4px 14px 20px 0px;
}
.pHolder .tAvatar {
	border-right: 4px solid #0266ED;
	float: left;
	padding-right: 10px;
}
.pHolder .tAvatar img {
	float: left;
}
.pHolder .tHead, .pHolder .pStatus {
	display: block;
	float: left;
	border-left:  4px solid #0266ED;
	padding-left: 10px;
	margin-left: -4px;
}
.tHead h2, .tHead .user, .cHolder h2, .cHead .user {
	color:#0266ED;
	background-color: #FFF;
	font-family:Tahoma;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	margin: 0;
	padding: 2px 0px;
}
.tHead .user, .tHead .date, .cHead .user {
	color: #696969;
	padding: 5px 0px 1px 0px;
}
.tHead .date, .cHead .date {
	font-size: 10px;
	padding: 6px 0px 0px 0px;
	margin-top: 1px;
	margin-bottom: -1px;
}
.pHolder .pText, .cHolder .cText  {
	padding: 4px 0px 1px 0px;
	clear: both; 
	line-height: 18px;
}
.pHolder .pStatus {
	margin: 0;
	padding: 2px 0px 3px 10px;
	clear: both;
	float: none;
}
.pHolder .pText img {
	margin: 8px 8px 2px 0px;
	clear: left;
}
.blogContent .blogPager {
	position: relative;	
	top: -12px;
	padding: 4px 0px;
}

.cHolder {
	margin-top: -10px;
	padding: 0px 14px 0px 0px;
}
.cHolder h2 {
	border-left:  4px solid #0266ED;
	padding: 2px 0px 2px 10px;	
}
.cHolder .cAvatar {
	float: left;
	padding-right: 10px;
}
.cHolder .cHead {
	display: block;
	float: left;
}
.cHead .user {
	padding: 0px;
}
.cHead .date {
	margin: 0px;
}
.cHolder .linkLine, .cHolder .line {
	padding: 6px 0px 8px 0px;
}
.cHolder .linkLine a img {
	position: relative;
	top: 5px;
}
.cHolder .formHolder {
	width: 721px;
	float: left;
	padding: 8px 0px 2px 0px;
}
.cHolder .formHolder .formSubmit {
	padding-bottom: 10px;	
}
.cHolder .formLine .value, .cHolder .formHolder .formSubmit {
	width: 84%;	
}
.cHolder .formHolder .formLine input {
	width: 385px;	
}
.cHolder .formHolder .editHolder {
	width: 582px;
	background-color:#FFF;
}
.blogContent p {
	margin: 3px 0px;
	text-indent: 0;
}
.pText ol {
	list-style-position: outside;
	padding: 0px 25px;
	color: #4E4E4E;
}
.blogContent ul, .blogContent ol {
	padding: 10px 0px 10px 50px;
}
.blogContent ul li, .blogContent 0l li {
	margin-bottom: 5px;
}

/* new index style */
.index h1, .detail h1, .content h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #000;
	font-weight: normal;
	padding: 20px 0px 5px 35px;
}
.index h1 {
	padding: 20px 0px 5px 10px;
}
.detail h1 {
	padding: 20px 200px 5px 0px;	
	position: relative;
	z-index: 10;
}

ul.folio {
	width: 100%;
	clear: both;
	float: left;
	padding: 40px 0px 0px 0px;
	margin: -35px 0px 0px 0px;
}

ul.folio li, ul.folio li a {
	list-style: none;
	display: block;
	float: left;
	width: 250px;
	height: 155px;
	overflow: hidden;
}

ul.folio li a {
	position: relative;
	z-index: 101;
}

ul.folio li a img {
	margin: 0px -250px -155px 0px;
	position: relative;
	display: block;
}

ul.folio .title {
	display: block;
	width: 240px;
	background: url(../images/title_bg.png) 0 100% no-repeat;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	float: left;
	position: relative;
	line-height: 16px;
	padding: 4px 5px;
	text-align: center;
	cursor: pointer;
	visibility: hidden;
	z-index: 100;
}

* html ul.folio .title {
	top: -155px;	
}

* + html ul.folio .title {
	top: -155px;	
}

ul.folio li a:hover .title, ul.folio li a:hover .number {
	visibility: visible;	
}

ul.folio .number {
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	width: 45px;
	height: 22px;
	background: url(../images/numb_bg.gif) 0 0 no-repeat;
	position: relative;
	float: right;
	margin: 0px 0px -22px 0px;
	top: 133px;
	right: 0px;
	visibility: hidden;
	z-index: 100;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
}

.index {
	padding: 15px 0px 0px 0px;
}
 
.index p {
	text-indent: 0;
	color: #4e4e4e;
	margin: 5px 0px 9px 0px;
	padding: 0px 10px;
}

.index p.link {
	text-align: right;
	width: 100%;
	clear: both;
	margin: 0px 0px -10px 0px;
	padding: 25px 0px 0px 0px;
}

.index p.link a {
	text-decoration: underline;
	margin-right: 20px;
}

.index p.link a:hover {
	text-decoration: none;
	background-image: none;
}

.index dl {
	padding: 0px 0px 0px 10px;
	color: #4e4e4e;
	line-height: 19px;
	overflow: hidden;
}

.index dl dt {
	display: inline-block;
	width: 186px;
	float: left;
	clear: left;
}

.index dl dd {
	display: inline-block;
	width: 650px;
	float: left;
}

.detail {
	padding: 0px 25px 0px 25px;	
	color: #4e4e4e;
	font-family: Tahoma, sans-serif;
}

.detail p {
	text-indent: 0;
	font-size: 12px;
	padding: 7px 0px;
	margin: 0;
}

.detail .link {
	margin: 0px 0px -27px 0px;
	padding: 0;
	text-align: right;
	position: relative;
	top: -27px;
}
.detail .link a {
	position: relative;
	z-index:11;
}

.detail .date {
	font-size: 16px;
	padding: 5px 0px 0px 0px;
}

.detail .url {
	padding: 0;
	margin: 5px 0px;
}

.detail .screen {
	text-align: center;
}

.detail .title {
	text-align: center;
	font-style: italic;
	padding: 0px 0px 5px 0px;
}

ul.pager {
	list-style: none;	
	display: inline-block;
	margin: 10px auto;
	float: left;
}
* html ul.pager {
	padding: 6px 0px;	
}
* + html ul.pager {
	padding: 6px 0px;	
}
ul.pager li {
	display: inline-block;
	width: 29px;
	height: 21px;
	border-right: 1px solid #FFF;
	background-color: #fff;
	float: left;
	text-align: center;
	line-height: 21px;
}
ul.pager li a {
	display: block;	
	background-color: #f2f5fc;
	color: #696969;
}
ul.pager li.other a, ul.pager li.other a:hover {
	background-color: #FFF;
	width: auto;
	color: #003dc3;
	text-decoration: underline;
}
ul.pager li a:hover, ul.pager li.active {
	background-image: none;	
	border: 1px solid #84a1e2;
	width: 27px;
	height: 19px;
	line-height: 19px;
	color: #696969;
} 
ul.pager li.active {
	margin-right: 1px;
	background-color: #f2f5fc;
	color: #000;
}
ul.pager li.other a:hover, ul.pager li.other {
	text-decoration: none;
	border: none;
	display: inline;
	height: 21px;
	line-height: 21px;
	width: auto;
}
ul.pager li.divider {
	border: none;
	padding-left: 1px;
}

.tagsHolder {
	width: 100%;
	clear: both;
	margin: 10px auto 0px auto;
}

.tagsHolder .tags {
	width: 1000px;
	overflow: hidden;
	display: block;
}

ul.tags li {
	display: inline-block; 
	width: 146px;
	height: auto;
	padding: 5px 0px 5px 50px;
	vertical-align: top;
	font-size: 22px;
	font-family: Tahoma;
	line-height: normal;
	text-align: left;
	line-height: 22px;
	word-spacing: normal;
	margin: 5px 0px;
}

ul.tags li span {
	font-size: 12px;
	color: #4e4e4e;	
	padding: 0px 0px 0px 2px;
	position: relative;
	top: -4px;
}

ul.tags li a {
	text-decoration: underline;	
}

ul.tags li a:hover {
	text-decoration: none;
	color: #003DC3;
}

/* new folio holder */
.folioHolderNew {
	width: 100%;
	float: left;
	margin: 0;
	padding: 14px 0px 0px 0px;
}

.folioHolderNew .folioIco img {
	float: left;
	clear: none;
}
.folioHolderNew .folioIco a img.coverPic {
	position: relative;
	left: -250px;	
	visibility: hidden;
	margin-right: -250px;
	clear: none;
}
.folioHolderNew .folioIco a:hover  {
	width: 250px;
}
.folioHolderNew a:hover img.coverPic {
	visibility: visible;
}
.folioHolderNew .folioIco {
	width: 250px;
	height: 155px;
	float: left;
	clear: none;
}
.folioHolderNew .folioContent {
	float: right;
	width: 723px;
	background: none #F2F5FC;
	clear: none;
	height: 148px;
	padding: 7px 10px 0px 17px;
}

.folioHolderNew .folioBlock {
	margin: 0px 0px 14px 0px;	
	overflow: hidden;
	float: left;
	clear: both;
}
* html .folioHolderNew .folioBlock {
	clear: none;	
}
* + html .folioHolderNew .folioBlock {
	clear: none;	
}

.folioHolderNew .folioBlock p {
	text-indent: 0;
	font-size: 12px;
	color: #696969;
	margin: 0;
	padding: 0px 0px 1px 0px;
}

#Rbg .elem a, #Rbg .elem a:hover {
	color: #FFF;
	font-size: 21px;
	text-decoration: none;
	font-family: Arial;
}

#Rbg .el1 {
	width: 138px;
}
#Rbg .el2 {
	width: 113px;
}
#Rbg .el3 {
	width: 163px;
}
#Rbg .el4 {
	width: 79px;
}

.langHolder {
	text-align: center;
	width: 66px;
	height: 39px;
	background: url(../images/lang_bg.gif) 50% 0 no-repeat;
	position: relative;
	float: left;
	z-index: 1;
	margin: 0px -66px -39px 0px;
	color: #81dbfd;
	font-size: 11px;
	font-family: Tahoma;
	left: 40px;
}

.langHolder span {
	position: relative;
	top: 27px;
}

#HeaderHolder #Header .langHolder span a {
	color:#FFF;
	text-decoration: none;
}
#HeaderHolder #Header .langHolder span a:hover {
	text-decoration: underline;
}

#PartsHolder #M1Holder {
	padding-left: 15px;	
}
#PartsHolder #M2Holder {
	padding-left: 36px;
}
#PartsHolder #M3Holder {
	position: relative;
	left: -57px;
}

#MenuParts .m2 {
	width: 180px;	
	left: -99px;
}

.align_center {
	position: relative;
	width: 100%;
	clear: both;
}
.align_center:after {
	content: '';
	display: block;
	clear: both;
}
.align_center_to_left {
	position: relative;
	right: 50%;
	float: right;
}
.align_center_to_right {
	position: relative;
	z-index: 1;
	right: -50%;
	float: left;
}
.contact {
	padding: 0px 25px;
	color: #696969;
}
#M2Holder .m1, #M2Holder .m2 {
	display: none;
}