* {margin: 0; padding: 0;}

body {margin:0; padding:0; font: normal 13px/1.1em tahoma, verdana, sans-serif; min-width: 999px; background-color: #fff;}
h1 {font: normal 24px/1.5em tahoma, verdana, sans-serif; color: #000;}
h2 {font: normal 24px/1.5em tahoma, verdana, sans-serif; color: #000; margin: 25px 0 15px; clear: both;}
h3 {font: bold 13px/1.1em tahoma, verdana, sans-serif; color: #000; margin: 15px 0; clear: both;}

h1 a, h2 a, h3 a {text-decoration: none; color: #000;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration: underline;}

p  {margin: 0 0 15px; text-align: justify; }
li {text-align: justify;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}

#header {height: 196px; background: #AABAC4 url(../img/header.gif) repeat-x;}
	#logo {position: absolute; top: 60px; left: 60px; background: url(../img/logo.gif) no-repeat; width: 170px; height: 60px;}
		#logo a {display: block; width: 170px; height: 60px; text-indent: -9999px;}
	
	#intro {position: absolute; top: 9px; right: 4%; height: 162px; width: 700px}
		#intro h1 {margin: 60px 0 0 0; font-size: 36px;}

#content {}
	#menu-bar {height: 216px; background: url(../img/menu-bar.png) repeat-x; padding: 0 0 118px; position: relative;}
		#menu {margin: 0 259px 0 0; padding: 14px 0 0 7px; list-style: none; background: url(../img/menu.png) no-repeat top right; height: 48px; position: relative; top: -25px;}
			#menu li {float: left; text-align: center; width: 12%; padding: 4px 0 6px 0; background: url(../img/menu-li.gif) no-repeat top right;}
			#menu li.last {background: none;}
				#menu li a {color: #fff; font-size: 15px; text-decoration: none;}
				#menu li a:hover {text-decoration: underline;}
				
	#services {background: transparent url(../img/quote1.png) no-repeat scroll right top; height: 261px; position: absolute; width: 100%;}
		#services ul {list-style: none; overflow: hidden; padding: 0 280px 0 60px;}
			#services ul li {float: left; padding: 40px 3% 0 0; width: 29%;}
			#services ul a {position: relative; left: -5px; display: block; padding: 5px; height: 143px; text-decoration: none; border: 1px solid #fff; overflow: hidden;}
			#services ul a:hover {background: #fbf0f1; border: 1px solid #fbdcde;}
			#col-1 {background: url(../img/1.png) no-repeat;}
			#col-2 {background: url(../img/2.png) no-repeat;}
			#col-3 {background: url(../img/3.png) no-repeat;}
				#services ul li {text-align: left;}
				#services ul h2 {display: block; font: normal 22px/1em tahoma, verdana, sans-serif; color: #000; margin: 0 0 15px; text-decoration: underline;}
				#services ul span {display: block; font-size: 12px; color: #476e8a; margin: 0;}
				
	#chart {background: transparent url(../img/quote2.gif) no-repeat; padding: 27px 0 0 12px; position: absolute; right: 68px; top: 173px; width: 173px; z-index: 1;}
	#user-bar {position: absolute; width: 250px; right: 0; top: 0; height: 100px;}
		#user-bar form {margin: 4px 0 0;}
		#user-bar form p {float: left; margin: 0 10px 0 0;}
		#user-bar form label {display: block; color: #000; font-size: 11px;}
		#user-bar form input {width: 85px; height: 15px; font-size: 10px; padding: 2px 0 0; border: 1px solid #83939d; background-color: #fff;}
		#user-bar form input.submit {width: 40px; height: 38px; background: transparent url(../img/login.gif) no-repeat; border: 0; margin: 0; padding: 0;}
		#user-bar form #analyze {width: 40px; height: 38px; border: 0; margin: 0; padding: 0; background: transparent url(../img/login.gif) no-repeat; border: 0; margin: 0; padding: 0;}
		#user-bar p span {font-size: 10px; color: #fff;}
		#user-bar ul {list-style: none;}
			#user-bar ul li {float: left; font-size: 10px; padding: 0 10px; background: url(../img/form-li.gif) no-repeat left 4px;}
			#user-bar ul li a {color: #000;}
		* html #user-bar ul {padding: 15px 0 0;}
		#user-bar div {margin: 15px 0 0;}
		#user-bar div p {margin:0; color:#000; font-size:11px}
		#user-bar div span {position:absolute; right:15px}
		#user-bar div a {color:#fff} */

	#con-col-wrap {}
		#left-col {width: 390px; position: absolute; left: 0;}
			#analysis-form-wrapper {height: 115px; margin: -77px 0 0; padding: 73px 0 0 204px; position: relative; background: url(../img/lupa.jpg) no-repeat top left; color: #6a8494; font-size: 12px}
				#analysis-form {height: 42px; background: url(../img/form-test.gif) no-repeat top left;}
					#analysis-form p {margin: 0 0 5px; float: left;}
						#analysis-form label {position: relative; display: block; margin: -20px 0 18px 10px;} 
						#analysis-form input {background: none; border: none; margin: 1px 14px 0 10px; width: 120px; color: #778d99; font: normal 11px/1em tahoma, verdana, sans-serif; float: left;}
						#analysis-form input.submit {width: 29px; height: 30px; margin: 5px 0;}
					
			#contact {background: transparent url(../img/phone.jpg) no-repeat scroll right top; height: 120px; padding: 130px 0 0 159px;}
				#left-col #contact a {color: #010000; font-size: 12px;}
				
		#right-col {margin: 0 0 0 440px; font-size: 12px; min-height: 500px;}
			#right-col h2 {font-size: 24px; color: #85939b; font-weight: normal;  margin: 0 0 25px;}
				#right-col h2 a {text-decoration: none; color: #85939b;}
				#right-col h2 a:hover {text-decoration: underline;}
				
			#con-col-wrap #right-col .items {list-style: none; margin: -10px 0 20px 75px; width: 60%;}
			#con-col-wrap #right-col .items li {margin: 0 0 10px; clear: both;}
			#con-col-wrap #right-col .items span {display: block; position: relative; left: -75px; color: #cd3334;}
			#con-col-wrap #right-col .items a {display: block; color: #3a3a3a; position: relative; top: -15px;}
			#con-col-wrap #right-col .items div {position: relative; top: -10px; margin: 0; text-align: justify;}
			#con-col-wrap #right-col .items em {display: block; position: relative; top: -5px; font-size: 11px; color: #93aab8; font-style: italic; display: block; clear: both;}
			
			#con-col-wrap #right-col .items h3 {margin: 0; font-weight: normal;}
				#con-col-wrap #right-col .items h3 a {text-decoration: underline;}
					#con-col-wrap #right-col .items h3 a:hover {text-decoration: none;}
			
#footer {height:100px; background: #AABAC4 url(../img/footer.gif) repeat-x top left; margin: 50px 0 0;}
	#copyright {width: 230px; float: left; margin: 0 -390px 0 0; font-size: 11px; padding: 47px 0 0 160px; color: #fff;}
		#copyright p {margin: 0;}
		#copyright a {color: #fff;}
	#search-engines-wrapper {margin: 0 0 0 440px; font-size: 11px; color: #fff;}
		#search-engines {list-style: none; height: 61px; background: url(../img/b-thumbs.gif) no-repeat; padding: 20px 15px 0 10px;}
			#search-engines li {float: left; width: 19%; text-align: center; border-right: 1px dotted #555;}
			#search-engines li.last {border: 0;}
			#search-engines li a {display: block; width: 90px; height: 31px; text-indent: -9999px; margin: 0 0 0 20px;}
			#search-engines li a:hover {background-position: 0 -31px;}
			#search-engines .yandex {background: url(../img/engines/yandex.gif) 0 0 no-repeat;}
			#search-engines .mailru {background: url(../img/engines/mailru.gif) 0 0 no-repeat;}
			#search-engines .rambler {background: url(../img/engines/rambler.gif) 0 0 no-repeat;}
			#search-engines .google {background: url(../img/engines/google.gif) 0 0 no-repeat;}
			#search-engines .begun {background: url(../img/engines/begun.gif) 0 0 no-repeat;}
	#search-engines-wrapper p {margin: 0 0 0 70px;}		

.clearing {clear: both; height: 1px; display: block; line-height: 0.1em;}

/* Inner pages */
.inner #menu-bar {height:57px; background: url(../img/menu-bar.png) repeat-x top left; padding: 0 0 5px 0; position:relative;}
.inner #analysis-form-wrapper {margin: 25px 0pt 0pt; background: url(../img/lupa-inn.jpg) no-repeat;}

.inner #right-col #analysis-site label {width: auto; line-height: 18px; padding: 0 3px 0 0;}
.inner #right-col #analysis-site input {width: auto; position: relative; top: -2px; margin: 0 2px 0 0;}
.inner #right-col #analysis-site #site-input {width: 300px; position: relative; top: 0;}
	
#path {background: url(../img/h4-bg.gif) no-repeat top right}
	#path h4 {background: url(../img/h4.gif) repeat-x; font-size:14px; color:#FFF; margin:0 32px 0 0; padding:3px 0 3px 120px;}
		
.inner #con-col-wrap {overflow: hidden;}
	.inner #left-col ul {list-style-image: url(../img/left-li.gif); list-style-position:outside; list-style-type:none; margin:28px 0 0 90px; padding:0 0 0 30px}
		.inner #left-col ul li {padding: 0 0 20px; margin: 0; font-size: 15px; background:  url(../img/left-li-bg.gif) no-repeat left bottom; color: #3a3a3a; font-weight: normal}
		.inner #left-col ul a {color: #000}
		.inner #left-col ul p {}
		.inner #left-col ul span {color: #cd3334}
		.inner #left-col ul em {font-size: 11px; font-style:italic; color: #93aab8;}
		
	.inner #right-col {padding: 20px 0 0; margin-right: 100px; color: #3a3a3a;}
		.inner #right-col div {float: left; clear: both; margin: 0 0 15px; border: 0;}
		.inner #right-col table {border-top: 5px solid #b3c4cd; border-bottom: 4px solid #b3c4cd; font-size: 12px; color: #3a3a3a; border-collapse: collapse; width: 100%; clear: both;}
			.inner #right-col table th, .inner #right-col table td {padding: 10px; border-bottom: 1px solid #b3c4cd; vertical-align: top; text-align: left; border-right: 1px dotted #b3c4cd;}
			.inner #right-col table th h3 {margin: 0 0 15px;}
			.inner #right-col table td.cc {text-align: center}
			.inner #right-col table .odd td {background: #f8fdff;}
			.inner #right-col table .group td {background: #E8EAEB; font-weight: bolder;}
			.inner #right-col table ol {margin: 15px 0 0; clear: both; position: relative; left: -40%;}
			.inner #right-col table img {margin: 0 5px 5px 0;}
			.inner #right-col table img.noborder {border: 0;}
			.inner #right-col table td input.noresize {margin: 0 0 0 5px;}
			.inner #right-col table tr:hover {background: #f2f7fa;}
			
			.inner #right-col .add {float: left; clear: none; margin: 15px 0 35px;}
			.inner #right-col .delete {float: right; clear: none; margin: 15px 0 35px;}
			
		.inner #right-col h4 {font: normal 12px/1.3em Tahoma, Verdana, Times; color: #93AAB8; margin: 0 0 10px;}
		.inner #right-col h4 span {color: #cd3334;}
		.inner #right-col p {width: 99%; clear: both;}
		.inner #right-col p.thin {width: 60%; min-width: 300px;}
		.inner #right-col br {display: block; margin: 0 0 5px;}
		.inner #right-col a {color: #3a3a3a;}
		.inner #right-col a.internal {text-decoration: none; padding: 0 0 1px; border-bottom: 1px dashed #3a3a3a;}
		.inner #right-col img {float: left; border: 7px solid #b3c4cd; padding: 1px; margin: 0 10px 15px 0;}
			.inner #right-col table ol li {margin: 0 0 5px;}
		.inner #right-col ul {margin: 0 0 15px 25px; clear: both;}
			.inner #right-col ul li {margin: 0 0 5px; font: normal 12px/1.3em Tahoma, Verdana, Times;}
		.inner #right-col .hidden {display: none;}
		.inner #right-col .counter {border: 0; margin: 0; padding: 0;}
		.inner #right-col .pagerank {margin: 5px 5px 0 0;}
		.inner #right-col ol {margin: 0 0 15px 20px;}
			.inner #right-col ol li {margin: 0 0 10px;}
		
		.inner #right-col form {width: 100%;}
			.inner #right-col form p {float: left; clear: both;}
			.inner #right-col form label {display: block; width: 150px; float: left;}
			.inner #right-col form input {width: 250px; float: left; clear: right;}
			.inner #right-col form select {width: 255px; float: left; clear: right;}
			.inner #right-col form textarea {width: 255px; float: left; clear: right;}
			.inner #right-col form .with-margin {margin: 0 0 0 150px;}
			.inner #right-col form input.noresize {width: auto;}
			
		.inner #right-col dl {margin: 0 0 15px;}
			.inner #right-col dl dt {float: left; width: 300px; clear: left; margin: 0 0 10px;}
			.inner #right-col dl dd {float: left; width: 100px; clear: right; margin: 0 0 10px;}
			
		.inner #right-col #search-engines-links {}
			.inner #right-col #search-engines-links td {vertical-align: middle;}
			.inner #right-col #search-engines-links img {margin: 0; border-width: 1px;}
			
		.inner #right-col .variants {list-style: none; margin: 0 0 15px;}
			.inner #right-col .variants li {float: left; margin: 0 5px 5px 0;}
				.inner #right-col .variants li h4 {width: 120px;}
				
		.inner #right-col table span.up {padding: 0 0 0 18px; background: transparent url(../img/reports/up.gif) no-repeat;}
		.inner #right-col table span.down {padding: 0 0 0 18px; background: transparent url(../img/reports/down.gif) no-repeat;}
		
		.inner #right-col #site-map {margin: 0 0 15px 15px;}
			.inner #right-col #site-map li {margin: 0 0 10px;}
			.inner #right-col #site-map ul {margin: 10px 0 0 20px;}
		
/* Tricks */
* html #header {width: expression(document.body.clientWidth < 996? "995px" : "100%")}
* html #content {width: expression(document.body.clientWidth < 996? "995px" : "100%")}
* html #footer {width: expression(document.body.clientWidth < 996? "995px" : "100%")}

* html #services ul a {width: 90%;}
* html #user-bar ul {margin: -20px 0 0;}
* html #analysis-form input {margin: 1px 8px 0 10px;}
* html #right-col {height: 500px;}

* html .inner #user-bar {height: 24px;}
* html .inner #menu-bar {height: 48px; padding: 0;}