html, html * {margin: 0; padding: 0;}
img {border: 0; vertical-align: middle;}
p {padding-bottom: 1em;}
input, select {vertical-align: middle;}

body {
	margin: 5px 5px 5px 10px;
	padding:0;
	font: normal 12px/1.3em Tahoma,Verdana,Arial,sans-serif;
	color: #666666;
	background: white url(/st-img/bg.png) repeat-x;
}

a:link, a:visited, a:active {
	text-decoration: underline;
}
a:link 		{color: #5ca73b;}
a:visited	{color: #70c14b;}
a:hover		{text-decoration: none; color: #70c14b;}
a:active		{color: #4b8530;}

.clear {
	clear: both;
	overflow: hidden;
}
/* content */

img.left, img.thumb_on_main_left {
float: left;
margin: 5px 5px 5px 0;
}
img.right, img.thumb_on_main_right {
float: right;
margin: 5px 0 5px 5px;
}

table.col2 td {width: 50%;}
table.col3 td {width: 33%;}
table.col4 td {width: 20%;}

/* main page */

div#article a.more {
	display: block;
	margin: -0.8em 1em 0 0;
	text-align: right;
}

div#article h2.main {
	font-size:1.3em;
	margin-bottom:0.1em;
}

/* Индийский массаж id=118 */
.article_118 td, th {vertical-align: top;text-align: left;padding: 4px;}

div#article ul, div#article ol {margin: 5px 0 5px 15px;}

h1, h2  {
	font-family: Tahoma,Verdana,Arial,sans-serif;;
	line-height: normal;
	font-weight: bold;
	border-left: 4px solid #5ca73b;
}
h1.title, h2.title {border-bottom: 1px dotted #666666;}

h1, h2		{color: #5ca73b;}
h3, h4, h5, h6	{color: #666666;}

h1, h2 {font-size: 1.5em; line-height: 0.9em; padding: 0 0 0.3em 0.5em; margin: 2px 1em 1em 0;}
h3 {font-size: 1.2em; padding: .5em 0 .1em; }
h4 {font-size: 1.1em; padding: .5em 0 .1em; }
h5 {font-size: 1.0em; padding: .5em 0 .1em; }
h6 {font-size: 1.0em; padding: .5em 0 .1em; }

div.thickbox {float: left; margin: 0 10px 10px 0;}

/* Layout */

/* TOP MENU */

#topMenu a#logo {
display: block;
width: 205px;
height: 90px;
text-indent: -10000px;
background: url(/st-img/logo.png);
float: left;
margin: 5px 0 0 20px;
}

#topMenu {height: 100px;}
#topMenu ul, #topMenu li, #topMenu a {margin: 0; padding 0; display: block;}
#topMenu li {float: left;}

/* NAV CLOUDS */
ul#topNav {margin: 0 0 0 250px;}
ul#topNav li, ul#topNav li a {height: 31px;min-width: 80px;}
ul#topNav li {
	margin: 0 5px;
	background: url(/st-img/cloud-left.png) 900% 900% no-repeat;
}
ul#topNav li a {
	font: normal 1.1em/1.7em Tahoma,Verdana,Arial,sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 5px;
	background: url(/st-img/cloud-right.png) 900% 900% no-repeat;
}
ul#topNav li.active 	{background-position: left center;}
ul#topNav li.active a	{background-position: right top;}

ul#topNav li:hover 	{background-position: left center;}
ul#topNav li:hover a	{background-position: right top;}

ul#topNav li a:link	{text-decoration:none;}
ul#topNav li a:active	{text-decoration:none;}
ul#topNav li a:visited	{text-decoration:none;}
ul#topNav li a:hover	{text-decoration:underline;}

/* THREE BUTTONS */
ul#top3buttons {float: right; margin-right: 30px;}
ul#top3buttons li, ul#top3buttons a {width:27px;height:27px;}

ul#top3buttons li 				a{background: url(/st-img/top3buttons.png) no-repeat;}
ul#top3buttons li.home			a{background-position: 0px -54px;}
ul#top3buttons li.home.active	a{background-position: -27px -54px;}
ul#top3buttons li.mail			a{background-position: 0px -27px;}
ul#top3buttons li.mail.active	a{background-position: -27px -27px;}
ul#top3buttons li.map			a{background-position: 0px 0px;}
ul#top3buttons li.map.active	a{background-position: -27px 0px;}

ul#top3buttons li:hover, ul#top3buttons li.active {background: url(/st-img/circle.png) center center no-repeat;}
ul#top3buttons li {float: left;margin: 0 5px;}

/* LAYOUT */

#wrapper {
	margin: 0;
	padding: 0;
}

#contentwrapper{
	float: left;
	width: 100%;
}
div.hat {
	width: 20px;
	background: url(/st-img/rightColHat.png) right top no-repeat;
	float: right;
	text-align: right;
	height: 14px;
	z-index: 100;
}
#centerColWrap {
	margin: 0 250px 0 250px;
	z-index: 2;
	background: white url(/st-img/rightColHat.png) left top no-repeat;
	position:relative;
}
#centerColWrap .inner {	margin: 0 5px 5px 10px; }
#centerColWrap #article ul {
	margin: 5px 15px 10px 10px;
}
#centerColWrap #article ul li {
	list-style: none;
	padding: 0 0 0 12px;
	background: url(/st-img/bullet.png) 0 0 no-repeat; 
	margin: 5px 0;
	color: #666666;
}

#centerColWrap div.addings {text-align: right;}

#centerColWrap div.addings a {
font-size: 11px; 
padding-left: 15px; 
background: white url(/st-img/icon.print-n-favorite.png) no-repeat;
}

#centerColWrap p.hint, #centerColWrap span.hint {padding: 5px; background: #F9DDF6;}

#centerColWrap div.addings {clear:both;}
#centerColWrap div.addings a.print {background-position: 0 -10px;}
#centerColWrap div.addings a.favorite {background-position: 0 3px;}

#leftColWrap {
	float: left;
	width: 250px; /* 250px= 240px + padding-left(5px) + padding-right (5px) */
	margin-left: -100%;
	padding: 0px;
	background: white url(/st-img/rightColHat.png) left top no-repeat;
	z-index: 1;
}

.inner {clear: both;}
#leftColWrap .inner {
	border-right: 1px dotted black;
	height: 100%;
}

/* LEFT'n'RIGHT MENU */
#leftColWrap h4.menu, #rightColWrap h4.menu {
	font: bold 1.4em/0.9em Tahoma,Verdana,Arial,sans-serif;
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	color: #5ca73b;
	border-left: 4px solid #5ca73b;
}
#leftColWrap h3, #rightColWrap h3 {
	padding: 0 0 0 0px;
	margin: 10px 10px 5px 20px;
}
#leftColWrap ul, #rightColWrap ul {	margin: 0 0 10px 30px;}
#leftColWrap ul li, #rightColWrap ul li {
	font: normal 1.2em/1.1em Tahoma,Verdana,Arial,sans-serif;
	list-style-type: none;
	padding: 0 0 0 12px;
	background: url(/st-img/bullet.png) 0 50% no-repeat; 
	margin: 5px 0;
	color: #666666;
}

#leftColWrap ul.category_list li a.active {color:gray;font-weight:bold;}

#rightColWrap #searchHead {margin: 5px 5px 5px 15px;}
#leftColWrap .counter {margin-top: 100px;}

#rightColWrap {
	float: right;
	width: 250px; /* 250px= 240px + padding-left(5px) + padding-right (5px) */
	margin-left:-100%;
	padding: 0px;
	background: white url(/st-img/rightColHat.png) left top no-repeat;
	z-index: 1;
}

#rightColWrap .inner {
	border-left: 1px dotted black;
	height: 100%;
}

div.right_side_video {margin: 10px 0; text-align: center;}
div.right_side_video a.open_all {display: block;}
div.right_side_video h4 {text-align: left;}


div.tags {margin: 10px 0; text-align: center;}
div.tags h4 {text-align: left;}

#footer {
	clear: both;
	background: white url(/st-img/girl.jpg) no-repeat right top;
	text-align: left;
	margin-right: -5px;
	padding-top: 253px;
	z-index: 1000;
	zoom: 1;
}

div.borderer {border-top: 1px dotted #cccccc;}

#footer span.left {float:  left;}
#footer span.right {float:  right;}

form fieldset {border: 0;}
form fieldset legend {font-size:1.1em; padding-bottom: 4px;letter-spacing: normal;}
form fieldset .radio {margin-right:.5em;}
form fieldset li {line-height: 1.6em;}

/* Related articles after article */
ul#related-articles {
	margin: 0;
	padding:0;
}
ul#related-articles li {
	display: block;
	float: left;
	width: 27%;
	border: 0;
	text-align: left;
}
ul#related-articles li .box-title {
	font-size: 90%;
}
ul#related-articles li .box-preview {
	font-size: 85%;
}
 
.relatedBox {
	padding: 0 0 0 11px;
	margin: 10px;
	background: white url("/st-img/tsr-l.png") top left no-repeat;
}
.relatedBox div.box-title {
	background:url("/st-img/tsr-r.png") top right no-repeat;
	margin:0;
	padding:8px 0 0.5em 0;
}
.relatedBox p {
	margin:0 0 0 -11px;
	padding:0 11px 0.5em;
	border:0;
	border-width:0 1px;
	background:#e8e8e8;
}
.relatedBox div.bottom {
	margin:0 0 0 -11px;
	padding-left:11px;
	background:url("/st-img/tsr-l.png") bottom left no-repeat;
}
.relatedBox a.more {
	display:block;
	text-align:right;
	padding:0 10px 10px 0;
	background:url("/st-img/tsr-r.png") bottom right no-repeat;
}

/* style for pagination bar */
#pagination {
	height: 2em;
	line-height: 2em;
}
#pagination ul {
  margin: 10px;
  padding: 0;
}
#pagination li {
  float: left;
  margin-left: -1px;
  padding: 0;
  list-style-type: none;
  border-left: 1px solid;
  border-right: 1px solid;
  white-space: nowrap;
  display: block;
}  
#pagination li.current {
  background-color: #ccccff;
  padding: 0px 10px;
  font-weight: bold;
  color: black;
}  
#pagination li.empty {
  padding: 0px 10px;
}  
#pagination li a {
  display: block;
  padding: 0px 10px;
  text-decoration: none;
  border: 0px solid white;
}
#pagination li a:hover {
  background-color: #dfffef;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #bddbff;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #EDEDED;
overflow: scroll; /*leave this value alone*/
width: 550px;  /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 10px 10px 0; /*margin around each panel*/
/*width: 270px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}