@import "reset.css";

/* stylized blocks */
	
	body, table, td { font:12px Verdana, sans-serif; color:#6f6f6f; }
	a { color:inherit; color:expression(this.parentNode.currentStyle.color); }
	a:hover { text-decoration:none; }
	table, td { vertical-align:top; }
	h1, h2 { font:1em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:1em 0; }
	
	.rel { position:relative; }
	.left { float:left; }
	.right { float:right; }
	.textCenter { text-align:center; }
	
	.corner { position:absolute; right:-5px; top:0; width:5px; height:100%; display:block; }
	.corner.rc { background-image:inherit; background-image:expression(this.parentNode.currentStyle.backgroundImage); background-position:right top; }	

	/* useful text colors */
	.white { color:white; }
	.green { color:#729b0b; }
	.gray { color:#647681; }
	

/* structure blocks */
	
	div.main {
		position:relative;
		min-width:1000px;
		width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px": "auto");
		background:#647681;
		min-height:100%;
		-height:100%;
	}
	
	div.main div.specials table { height:100px; background:url(../images/bgc_lines.png); }
	div.main div.specials table td { padding:10px 25px; width:33%; font-size:11px; color:#a7a7a7; }
	div.main div.specials strong { color:white; display:block; padding-bottom:1em; }
	div.main div.specials a { text-decoration:none; }
	div.main div.specials .discount { color:#e8d3cb; font:bold 21px/53px Verdana; width:93px; height:53px; text-align:center; float:left; background-repeat:no-repeat !important; background-position:center !important; }
	div.main div.specials .text { display:block; margin-left:105px; }
	div.main div.specials .bordered { border:1px dotted #666; border-top:0; border-bottom:0; }
	
/* header: лого, меню, список работ */

	div.main div.header { min-height:250px; -height:250px; border:1px dotted #444; border-left:0; border-right:0; position:relative; }
	div.main div.header div.menu, div.main div.header div.portfolio { position:relative; margin-left:170px; } 
	
	div.main div.header .logo { position:relative; height:75px; padding-left:170px; padding-right:130px; text-align:right; background:#f8fce4 url(../images/header_phone.jpg) no-repeat right; }
	div.main div.header .logo .lacerta_logo { position:absolute; left:-10px; top:0; }
	div.main div.header .logo .title { color:#e35518; font-size:13px; line-height:20px; float:left; text-align:left; padding-top:35px; }
	div.main div.header .logo .text { font:12px "Trebuchet MS", Arial, Tahoma; color:#144e6a; white-space:nowrap; padding-top:35px; display:block; }
	div.main div.header .logo .text span { color:#144e6a; font-weight:bold; }
	div.main div.header .logo .phone { font:39px/1px "Trebuchet MS", Arial, Tahoma; color:#373735; margin-right:30px; }
	
/* меню */
	div.menu { width:700px; height:22px; white-space:nowrap; position:relative; z-index:100; }
	div.menu a { padding:5px 0; display:block; color:#fff; font:13px/20px Verdana; text-decoration:none; text-align:center; }
	div.menu a strong { font-weight:normal; position:relative; display:block; width:120px; text-align:center; cursor:pointer; margin:0 10px; height:21px; }
	div.menu a:hover strong { font-weight:bold; background:#99abb5; }
	
	div.menu a strong .decor { background-image:url(../images/line_title2.png); background-repeat:no-repeat; position:absolute; overflow:hidden; display:none; -display:expression('none'); }
	div.menu a strong .decor.lc { width:3px; height:100%; background-position:left top; left:0; top:0; }
	div.menu a strong .decor.rc { width:3px; height:100%; background-position:right top; right:0; top:0; }
	div.menu a strong .decor.bc { width:11px; height:5px; background-position:-4px -21px; left:-6px; bottom:-5px; -bottom:-6px; margin-left:50%; }
	div.menu a:hover strong .decor { display:block; }
	
	div.menu a:hover { background:none; /* IE6 require */ }
	div.menu span { /* position:relative; */ display:block; float:left; }
	div.menu span .arrow { position:absolute; width:11px; height:7px; left:20px; top:-8px; background:url(../images/menu_arr2.png) no-repeat left top; overflow:hidden; }
	
	div.menu span table { position:absolute; left:0; top:25px; display:none; -display:expression('none'); width:700px; /* background:#6a7a84; */ }
	div.menu span table td { text-align:left; vertical-align:middle; height:30px; }
	div.menu span table a { width:140px; margin-right:20px; font-size:11px; color:#d0d4bc; white-space:nowrap; overflow:hidden; text-transform:lowercase; display:inline; } 
	div.menu span table a:hover { background:none; color:#acc8da; text-decoration:underline; cursor:pointer; }
	div.menu a:hover table /* Opera, IE, Safari */, .menu span:hover table /* FF */ { display:block; }
	
/* портфолио */
	div.main div.header .last_works { color:#8d9c9e; position:absolute; left:50px; bottom:30px; font-size:11px; text-align:right; }
	div.main div.portfolio { clear:both; top:40px; height:80px; overflow:hidden; }
	div.main div.portfolio div { width:151px; height:78px; background:none no-repeat center; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden; }
	
/* левая колонка */	
	table.content { width:100%; }

	table.content td.prices { width:20%; padding-bottom:50px; }
	table.content td.prices .site_type { padding:20px; border-top:1px dotted #444; font-size:11px; color:#d5d5d5; position:relative; -top:-1px; }
	table.content td.prices .site_type:first-child { border:0; }
	table.content td.prices .site_type .title {
		position:relative; 
		display:block; 
		background:url(../images/line_title1.png) no-repeat left top; 
		width:50%; 
		height:25px; 
		white-space:nowrap; 
		font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif; 
		color:white;
		padding:0 15px;
	}
	table.content td.prices .site_type .price { color:#d2da55; font-size:12px; display:block; margin:5px 0; text-indent:10px; align="center"}
        table.content td.prices .site_type table td.poz { font-size:11px; color:#d5d5d5; text-align:center;}
        table.content td.prices .site_type table td.pozz { font-size:11px; color:#d5d5d5; text-align:left;}
      
	
/* основное содержимое страницы */

	table.content td.pagedata { background:#f8fce4; }
	table.content td.pagedata .text { padding:10px 20px; text-align:justify; }
	table.content td.pagedata .text .title, table.content td.news .title { 
		position:relative; 
		top:-10px;
		left:-3px;
		display:block; 
		width:200px; 
		height:28px; 
		background:url(../images/line_title3.png) no-repeat left top; 
		font:bold 13px Verdana; 
		color:white; 
		padding:1px 25px; 
		text-decoration:none; 
		margin-bottom:-10px;
		white-space:nowrap;
		overflow:hidden;
		text-transform:lowercase;
	}
	table.content td.pagedata .text .title .rc, table.content td.news .title .rc { width:20px; right:0; }
	table.content td.pagedata .text .title img, table.content td.news .title img { vertical-align:middle; }
	table.content td.pagedata .pad { position:relative; margin-left:80px; }
	table.content td.pagedata img.step { margin-left:-85px; float:left; } 

/* новости */
	table.content td.news { width:200px; background:#f8fce4; }
	table.content td.news .title { background-image:url(../images/line_title4.png); top:0; width:150px; margin-bottom:10px; }
	table.content td.news .dotted {
		position:relative;
		border:1px dotted #333;
		border-right:0;
		min-height:50px;
		-height:50px;
		color:#757575;
		margin-left:5px;
		margin-bottom:20px;
		padding-bottom:10px;
	}
	table.content td.news .dotted dd { font:11px Verdana; font-weight:bold; color:#585a4c; display:block; margin-bottom:1.2em; }
	table.content td.news .dotted dd a { font-size:12px; color:#647681; }
	table.content td.news .dotted dt { font:10px Verdana; }
	table.content td.news .dotted .cc { position:absolute; left:-1px; width:8px; height:8px; overflow:hidden; display:block; }
	table.content td.news .dotted .cc.lcc { top:-1px; background:url(../images/dotted_c1.png) no-repeat; }
	table.content td.news .dotted .cc.rcc { bottom:-1px; background:url(../images/dotted_c2.png) no-repeat; }
	table.content td.news .dotted .all { background:#f8fce4; width:90%; position:absolute; bottom:-.7em; right:0; color:#8ebc1a; }
	table.content td.news .dotted .all * { vertical-align:middle; margin:0 2px; }
	
	



/* подвал */
	div.main div.footer {
		position:relative;
		clear:both;
		background:#3e4e58;
		padding:15px 0;
		color:#93a6b2;
	}
	div.main div.footer .pnghack { position:absolute; left:10px; top:-40px; }
	div.main div.footer .text { padding:0 130px; text-align:center; }
	div.main div.footer .links { text-align:left; margin-bottom:10px; position:relative; }
	div.main div.footer .links a { color:white; text-decoration:none; margin-right:15px; }
	div.main div.footer .links a:hover { text-decoration:underline; }