/* CSS Document */
#ten {clear:both; height:10px;}
#tutxmeti {clear:both; height:15px;}
#oci {clear:both; height:20px;}
#fif {clear:both; height:15px;}
#rva {clear:both; height:8px;}
#five {clear:both; height:5px;}
#otxi {clear:both; height:4px;}
#sami {clear:both; height:3px;}
#ori{clear:both; height:2px;}
#erti{clear:both; height:1px;}
#three{clear:both; height:0px;}


a.nanoL span {display:none; padding:2px 3px; width:200px; font-size:12px}
a.nanoL:hover span{display: inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#000000; font-size:12px}

A.nanoL:link, A.nanoL, A.nanoL:visited{font-size:16px; font-family: Sylfaen; color:#FFFFFF;  padding-left: 10px; background:url(http://nano.ge/img/nano_str.gif) no-repeat left}
A.nanoL:hover, A.nanoL:visited:hover{font-size:16px; font-family: Sylfaen; text-decoration:underline; color:#ffffff;   padding-left: 10px; background:url(http://nano.ge/img/nano_str.gif) no-repeat left; cursor:help}
body
{
	margin:0px;
	padding:0px;
	background: #E9E9E0;
	font-family: Sylfaen;
	color:#ffffff;
	font-size:13px;
}
A.color:link, A.color, A.color:visited{color: #ffffff;}
A.color:hover, A.color:visited:hover{color: #ffffff;}

A.butt, A.butt:visited, A.butt_te, A.butt_te:visited {display: block; background: url(space.gif) no-repeat; width:181px; height:25px; cursor:hand; margin:0px; padding:0px}
A.butt:hover, A.butt:visited:hover, A.butt_te:hover, A.butt_te:visited:hover {display: block; background: url(space.gif) no-repeat;}

A.buttR, A.buttR:visited, A.butt_teR, A.butt_teR:visited {display: block; background: url(space.gif) no-repeat; width:30px; height:25px; cursor:hand; margin:0px; padding:0px}
A.buttR:hover, A.buttR:visited:hover, A.butt_teR:hover, A.butt_teR:visited:hover {display: block; background: url(space.gif) no-repeat;}

a{text-decoration:none}

a img
{
	border:0;
}

#top_container
{
	position: absolute; 
	top:0px; 
	right:0px;
	width: 112px;
	height: 31px;  

}

#main_container
{
	position: absolute; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	text-align:center; 
	vertical-align:middle; 
	background: none;
	min-width:800px;
}

#logo_container
{
	 position: absolute; 
	 left:0px; 
	 right:0px; 
	 bottom: 85px;
}

#tel
{
	 position: absolute; 
	 right:0px; 
	 bottom: 35px;
}

#footer
{
	position: absolute; 
	bottom:0px; 
	width:100%; 
	height:20px; 
	background-color:#121212; 
	font-family: Verdana; 
	font-size:10px; 
	color:#ffffff;
	z-index:2;
}

#footer .left
{
	float:left; margin:4px 8px 0px 8px;
}

#footer .right
{
	float:right; margin:4px 8px 0px 8px;
}

#info_container
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:0%;
	z-index:1;
	overflow:auto;
	background-color:#1d1c22;
	background-image:url(images/back_tile_opencolour.png);
	background-repeat:repeat;
	background-position: top left;
	min-width:990px;
}

/*#info_container a
{
	color:#888888;
	text-decoration:none;
}*/

#info_container span.link
{
	color:#888888;
	cursor:pointer;
}

#info_container #info_in
{
	margin:30px;
	font-size:13px;
}

#menu
{
	height:38px;
	width:100%;
	text-align:center;
	vertical-align:top;
}

#menu a, #menu a:hover, #menu a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.button
{
	cursor:pointer;
	width:166px;
	height:83px;
	font-family:"Trebuchet MS";
	font-size:14px;
	padding-top:7px;
}

#info_container div .block
{
	position:absolute;
	left: 20px;
	top:20px;
	right:20px;
}

.porfolio_works_container
{
	position: absolute;
	top: 45px;
	left:0px;
	right:0px;
}

#order_form_container
{
	position:absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 26px;
	background: url(images/transparency_back.png) repeat;
	display: none;
}

#order_form_container .outer
{
	display: table;
	vertical-align: middle;
	height:100%;
	width: 100%;
}

#order_form_container .container
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height:100%;
	position: relative;
}

#order_form
{
	width:400px;
	height:311px;
	position:relative;
	margin: 0 auto;
	background: url(images/order_form_back.png) no-repeat top left;
}

#order_form input
{
	border: 1px solid #6a6a6a;
	background-color:#d1d1d1;
	margin-left:10px;
	margin-bottom:4px;
	height: 16px;
}

#order_form textarea
{
	border: 1px solid #6a6a6a;
	background-color:#d1d1d1;
	margin-left:10px;
	margin-bottom:0px;
	height: 53px;
	overflow: auto;
}

#order_form img
{
	margin-bottom:4px;
	margin-top: 4px;
}

#order_form .row
{
	text-align: right;
}

#order_form #send_button
{
	background: url(images/send.png) no-repeat top left;
	width: 110px;
	height: 27px;
	border: 0px;
	cursor: pointer;
}

.order_error
{
	position: absolute;
	text-align: center;
	padding-top: 100px;
	color: #f10000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: block;
	font-size:24px;
	font-family: Tahoma, Verdana;
	z-index:3;
	background:url(images/transparency_back.png) repeat;
}

.order_success
{
	position: absolute;
	text-align: center;
	padding-top: 100px;
	color:#00f100;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: block;
	font-size:24px;
	font-family: Tahoma, Verdana;
	z-index:3;
	background:url(images/transparency_back.png) repeat;
}

#order_form_close
{
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/close.png) no-repeat top right;
	width: 78px;
	height: 14px;
	cursor: pointer;
}

#close_button
{
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/close.png) no-repeat top right;
	width: 78px;
	height: 14px;
	cursor: pointer;
}

#block_about1, #block_about2, #block_about3
{
	padding: 15px 10px 0 10px;
}

#block_about1 div.about_block
{
	background:url(images/block_about1.png) no-repeat top left;
}

#block_about2 div.about_block
{
	background:url(images/block_about2.png) no-repeat top left;
}

#block_about3 div.about_block
{
	background:url(images/block_about3.png) no-repeat top left;
}

div.about_block
{
	padding: 0px;
	font-size: 22px; 
	text-align: left;
	color: #FFFFFF;
	width:179px;
	height:320px;
	font-family: Tahoma;
	text-align:center;
}

div.about_text
{
	padding:200px 5px 5px 5px;
}

.portfolio_links a.nonactive
{
	text-decoration:underline;
	color: #888888;
	margin-right:20px;
}

.portfolio_links a.active
{
	text-decoration:underline;
	color: #d2ff00;
	margin-right:20px;
}

.work_container
{
	width:390px; height:300px; background-color:#333333; position: relative;-moz-border-radius: 15px;
}

.i_container
{
	position:absolute; bottom: 10px; right:10px; width:25px; height:25px;
}

.w_container
{
	position:absolute; bottom: 10px; right:40px; width:25px; height:25px;
}

.project_name_container
{
	position:absolute; display: none; text-align: left; top: 10px; left: 10px; right: 10px; height:40px; background-image:url(images/transparency_back.png); font-size:14px; padding:6px;-moz-border-radius: 5px;
}

.project_info_container
{
	position:absolute; display: none; text-align: left; top: 65px; left: 10px; right: 10px; height:170px; background-image:url(images/transparency_back.png); font-size:11px; padding:10px;-moz-border-radius: 5px;
}

.project_info_container .project_weblink
{
	margin-top:10px;
}

.project_info_container .project_weblink a
{
	color: #33CCCC;
}