/* GLOBAL */
#home, #portfolio, #about {
	min-height: 600px;
	height: 100%;
	min-width: 950px;
	position: relative;
	}
	
.top {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	}	

.content {
	overflow: hidden;
	z-index: 20;
	}
	
.bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 15;
	}

/* MISC */
.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}
	

/********************************/
/*------------ HOME ------------*/
/********************************/

	#home {
		background: url(../images/home_bg.jpg) #4c79af repeat-x top;
		height: 929px;
		}
	
		#home a {color: #464646; background-color: inherit;}
	
		#home .top {
			height: 400px;
			background: url(../images/home_top_bg.jpg) no-repeat top left;
			}
			
		#home .top .logo {position: absolute; top: 100px; left: 17px; border: none;}
			#home .top .logo img {border: none;}

/** Phone **/
		#home .phone {
			width: 350px;
			display: block;
			font-family: "Times New Roman", Times, serif; font-size: 22px;
			padding: 28px 0px 0px 10px;
			color: #FFFFFF;
			text-align: right;
			position: absolute;
			top: 0px;
			left: 0px;
			}
			
		#home .phone p {line-height: 30px;}
		
		#home .bottom {
			height: 532px;
			background-image: url(../images/home_bottom_bg.jpg);
		}
		
			#home .bottom .cloud {
				position: absolute;
				left: 507px;
				bottom: 180px;
				width: 745px;
				height: 546px;
				background-image: url(../images/home_content_bg.png);
				background-position: top left;
				}
			
				#home .bottom .cloud .inner {
/*					width: 475px; */
					margin: 116px 116px 6px 153px;
					position: relative;
					text-align: center;
					}			
	

/********************************/
/*----------- ABOUT ------------*/
/********************************/

	#about {
		color: #f2f6ff;
		background: url(../images/about_bg.jpg) #1e6daf repeat-x top left;
		height: 923px;
	}
	
		#about .top {height: 834px;}
		
		#about .content {margin-top: -90px; padding: 0px 45px 0px 85px;}
			
		
/** Phone **/
		#about .phone {
			width: 250px;
			display: block;
			margin-bottom: 35px;
			font-family: "Times New Roman", Times, serif; font-size: 22px;
			text-align: right;
			background: url(../images/phone.jpg) no-repeat 0px 90px;
			padding: 208px 0px 0px 90px;		
			}
			
			#about .phone p {line-height: 30px;}			
			#about .phone h4 {font-size: 26px; color: #f2f6ff; font-weight: normal; padding: 0px; padding-bottom: 10px; text-align: right;}
			

/** Additional Sites **/
		#about .questor {width: 410px; display: block; margin-bottom: 45px;}
			#about .questor p {padding-bottom: 5px;}
			#about .questor img {margin-bottom: 10px;}			
			#about .questor p a {color: #f2f6ff; background-color: inherit; font-weight: bold; text-decoration: none; font-size: 14px;}
			#about .questor p a:hover {text-decoration: underline;}

/** Copyright/Bottom **/
			#about .bottom {
				display: block;
				color: #eaf3ff;
				font-weight: bold;
				font-size: 11px;
				height: 283px;
				background-image: url(../images/about_bottom.jpg);
				}
				
			#about .bottom .qtext {width: 410px; position: absolute; left: 85px; bottom: 210px;}
			#about .bottom .qtext p {padding-bottom: 5px; font-weight: normal;}
			#about .bottom .qtext img {margin-bottom: 10px;}
			#about .bottom .qtext p a {color: #f2f6ff; background-color: inherit; font-weight: bold; text-decoration: none; font-size: 14px;}
			#about .bottom .qtext p a:hover {text-decoration: underline;}			
							
			#about .bottom .form {
				position: absolute;
				left: 617px;
				bottom: 120px;
				*bottom: 110px;
				width: 541px;
				height: 672px;
				background: url(../images/about_form_bg.jpg) no-repeat top left;
				padding: 0px; margin: 0px;
				}
			
			#about .bottom .form .inner {width: 407px; margin: 40px 45px;}				
				#about .bottom .form .inner a {font-weight: normal; color: #37599a; text-decoration: none;}
				#about .bottom .form .inner a:hover {text-decoration: underline;}
					
			#about .bottom .form p.copyright {position: absolute; bottom: 0px; left: 10px;}				
				#about .bottom .form p.copyright a {color: #eaf3ff; text-decoration: none;}
				#about .bottom .form p.copyright a:hover {color: #eaf3ff; text-decoration: underline;}
				
			#about .bottom .form #stat {position: absolute; bottom: -30px; left: 10px;}	
				#about .bottom .form #stat img {border: none;}
			

/********************************/
/*----------- TARIFS -----------*/
/********************************/

	#portfolio {
		color: #1a437a;
		height: 920px;
		*height: 820px;
		padding: 0px; margin: 0px;
		background: url(../images/portfolio_bg.jpg) #041a39 repeat-x top left;
		}
				
		#portfolio .top {
			height: 514px;
			background: url(../images/portfolio_top_bg.jpg) no-repeat top left;
			}
			
		#portfolio .phone {
			width: 350px;
			display: block;
			font-family: "Times New Roman", Times, serif; font-size: 22px;
			padding: 28px 0px 0px 0px;
			color: #FFFFFF;
			text-align: right;
			position: absolute;
			top: 0px;
			left: 0px;
			}
			
			#portfolio .phone p {line-height: 30px;}
			
		#portfolio .roket {
			background:url(../images/roket.png) no-repeat top;
			height: 261px;
			width: 191px;
			display: block;
			left: 1000px;
			bottom: 105px;
			position: absolute;
			}
		
		#portfolio .content {
			margin-top: -422px;
			*margin-top: -424px;
			overflow: visible;
			padding: 0;
			width: 100%;
			height: 100%;
			background: url(../images/portfolio_bottom_bg.jpg) no-repeat 0px 420px;
			}
		

			#portfolio .content .portfolio {
				margin: -32px 305px 0 30px;
				*margin: -32px 305px 0 10px;
				padding-top: 95px;
				position: relative;
				overflow: visible;
				*overflow: hidden;
				width: 870px;
				}
				
		/** Slider **/			
			#portfolio .content .portfolio #content-slider {
				margin: -32px 0px -30px 9px;
				padding-top: 95px;
				position: relative;
				width: 850px;
				background: url(../images/slider_bg.gif) repeat-x 0px 0px;
				overflow: visible;
				top: 50px;
				height: 15px;
				}
				
					#content-slider .ui-slider-handle {
						position: absolute;
						top: -5px; left: 10px;
						width: 54px;
						height: 14px;
						background-image: url(../images/slider.png);
						background-position: center center;
						background-repeat: no-repeat;
						margin-left: 20px;
					}
			
		/** Logoes **/
				#portfolio .content .portfolio ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 1000px;
				}
				
					#portfolio .content .portfolio ul li {
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;						
					}
					
						#portfolio .content .portfolio ul li > img {display: block;}
						
		/** Description of tarif **/
						#portfolio .content .description {
							position: relative;
							left: 20px;
							background: url(../images/portfolio_tarif_descr2.gif) no-repeat;
							/*display: block;*/
							width: 333px;
							height: 164px;
							padding: 65px 85px 80px 25px;
							margin-left: 20px;
						}
							
						#portfolio .content .description p {
							line-height: 18px;
							padding-bottom: 0px;
						}
												
						#portfolio .content .description img.full {
							border: none;
							position: absolute;
							bottom: 30px;
							right: 35px;
							cursor: pointer;
						}
					
			#portfolio .content .tarif_small_hidden {
				display: none;
			}
			
			
/********************************/
/*------FULLTEXT TARIF-----------/
/********************************/
.fulltext {
	width: 1027px;
	color: #000000;
	position: absolute;
	top: 360px;
	left: 77px;
	overflow: visible;
	display: none;
}

.fulltext_top {
	background: url(../images/content/top.gif) no-repeat top;
	height: 35px;
	text-align: right;
	padding-right: 25px;
}
	.fulltext_top img {
		margin-left: 5px;
	}
	
	.fulltext_fon img#ajax_loader {
		margin-left: 50%;
		margin-right: 50%;
		display: none;
	}

.fulltext_bot {
	background: url(../images/content/bottom.png) no-repeat bottom;
	height: 12px;
}

.fulltext_fon {
	background: url(../images/content/fon.gif) #f8fcff repeat-x top;
	padding: 0px 20px;
}
	.fulltext_fon p {
		line-height: 18px;
	}
	
		.fulltext_fon p span {
			color: #1d4c82; font-size: 11px;
			font-style: italic;
		}

        .fulltext_fon li {
			list-style-type: disc; 
			
		}

.sel_reg img {
	position:absolute;
	top: 25px;
	right: 25px;
}



			
/********************************/
/*------------ MENU ------------*/
/********************************/
.menu {
	width: 380px;
	position: absolute;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	right: 10px; top: 28px;
	
}

	.menu a {
		float: left;
		display: block;
		background-repeat: no-repeat;
		text-decoration: none;			
		text-align: center;
		*cursor: pointer;
		width: 107px; height: 43px;
		padding-top: 10px; margin-right: 13px;
		}
		
/* home buttons */	
#home div.menu a {}
	#home .menu a.home {background: url(../images/navi/active.gif) no-repeat 0px 0px; color: #1a437a;}
	#home .menu a.home:hover {background: url(../images/navi/active.gif) no-repeat 0px 0px;}

	#home .menu a.portfolio {background: url(../images/navi/main_up.gif) no-repeat 0px 0px; color: #ffffff;}
	#home .menu a.portfolio:hover {background: url(../images/navi/up_hover.gif) no-repeat 0px 0px; color: #1a437a;}

	#home .menu a.about {color: #ffffff; background: url(../images/navi/main_down.gif) no-repeat 0px 0px;}	
	#home .menu a.about:hover {color: #1a437a; background: url(../images/navi/down_hover.gif) no-repeat 0px 0px;}

	
/* portfolio button */
#portfolio .menu a {}

	#portfolio .menu a.home {color: #ffffff; background: url(../images/navi/down2.gif) no-repeat 0px 0px;}
	#portfolio .menu a.home:hover {color: #1a437a; background: url(../images/navi/down_hover.gif) no-repeat 0px 0px;}

	#portfolio .menu a.portfolio {background: url(../images/navi/active.gif) no-repeat 0px 0px; color: #1a437a;}	
	#portfolio .menu a.portfolio:hover {background: url(../images/navi/active.gif) no-repeat 0px 0px;}

	#portfolio .menu a.about {color: #ffffff; background: url(../images/navi/down2.gif) no-repeat 0px 0px;}	
	#portfolio .menu a.about:hover {color: #1a437a; background: url(../images/navi/down_hover.gif) no-repeat 0px 0px;}


/* about button */
#about .menu a {}	
	#about .menu a.home {color: #ffffff; background: url(../images/navi/up2.gif) no-repeat 0px 0px;}
	#about .menu a.home:hover {color: #1a437a; background: url(../images/navi/up2_hover.gif) no-repeat 0px 0px;}

	#about .menu a.portfolio {color: #ffffff; background: url(../images/navi/up2.gif) no-repeat 0px 0px;}	
	#about .menu a.portfolio:hover {color: #1a437a; background: url(../images/navi/up2_hover.gif) no-repeat 0px 0px;}

	#about .menu a.about {background: url(../images/navi/active2.gif) no-repeat 0px 0px; color: #1a437a;}	
	#about .menu a.about:hover {background: url(../images/navi/active2.gif) no-repeat 0px 0px;}
	

/********************************/
/*------- STYLE FOR FORM -------*/
/********************************/
/*Text inputs*/
.textinput, .textinputHovered {
	height: 24px;
	*height: 33px;
	background: url(../images/form/input_bg.gif) repeat-x left top;
	border: none;
	padding: 14px 0px 9px 5px;
	*padding: 14px 0px 0px 5px;
	vertical-align: middle;
}
.textinputHovered {background-position: left bottom;}
.inputCorner {padding-bottom:0; vertical-align: middle;}


/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/form/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/form/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width: 18px;
	height: 18px;
	display: block;
	padding: 0;
	margin: 0;
}


.txtarea .br, .txtarea .br_xon {background:url(../images/form/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/form/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/form/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/form/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width: 10px;
	*width: 7px;
	background:url(../images/form/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/form/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border: 0;
	background: none;
	padding: 0;
	margin: 5px;
}

/*Check for SPAM area*/
table.check {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #4B4B4B;
	padding: 0px;
	border: none;
	width: 100%;
	margin-top: 0px;
	*margin-top: -5px;
	}
	
	td.capcha {width: 130px;}
		td.capcha img {border: none; padding-top: 5px;}

	.checkinfo {
		background: url(../images/arrow.gif) no-repeat 0px 4px;
		color: #161d2a;
		font-weight: normal;
		padding-left: 35px;
		padding-top: 5px;
		}


/*Button*/
.send {
	position: absolute;
	right: 39px;
	*right: 38px;
	bottom: 42px;
	}
	
/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}



div.li_style ul li {list-style-type: disc;}