@charset "utf-8";
/* ---------------------------------------------------------------------------

	CSS CUSTOM STYLES: @2009 by Glenn McKeown
	for Clarity - Version 1.0 Green

*/

/* ---------------------------------------------------------------------------
	HTML / BODY / BACKGROUNDS / STRUCTURES
*/

html {
	background:url(/img/green/bg_border-and-gradient.jpg) top left repeat-x #fff;
	}
	#container {
		background:url(/img/green/bg_gradient-only.jpg) 0px 1px repeat-x #fff;
		}
		#header {
			border-bottom:2px solid #999; 
			}
		#footer {
			border-top:2px solid #999;
			}
/* ---------------------------------------------------------------------------
	LOGO / NAV / LISTS
*/

.logo {
	background:url(/img/green/logo.jpg) top left no-repeat;
	}
#myslidemenu .home,#myslidemenu .link0 {
	background:url(/img/green/nav.jpg) 0px 0px no-repeat;
	}
	#home #myslidemenu .home,#myslidemenu .link0:hover, #myslidemenu .home:hover {
		background-position:0px -40px;
		}
#myslidemenu .about-us ,#myslidemenu .link1{
	background:url(/img/green/nav.jpg) -105px 0px no-repeat;
	}
	#about-us #myslidemenu .about-us,#myslidemenu .link1:hover, #myslidemenu .about-us:hover {
		background-position:-105px -40px;
		}
#myslidemenu .portfolio ,#myslidemenu .link2{
	background:url(/img/green/nav.jpg) -210px 0px no-repeat;
	}
	#portfolio #myslidemenu .portfolio,#myslidemenu .link2:hover,	#myslidemenu .portfolio:hover {
		background-position:-210px -40px;
		}
#myslidemenu .blog ,#myslidemenu .link3{
	background:url(/img/green/nav.jpg) -315px 0px no-repeat;
	}
	#blog #myslidemenu .blog,#myslidemenu .link3:hover, #myslidemenu .blog:hover {
		background-position:-315px -40px;
		}
#myslidemenu .contact-us,#myslidemenu .link4 {
	background:url(/img/green/nav.jpg) -420px 0px no-repeat;
	}
	#contact-us #myslidemenu .contact-us,#myslidemenu .link4:hover, #myslidemenu .contact-us:hover {
		background-position:-420px -40px;
		}
#myslidemenu .contact-us,#myslidemenu .link5 {
	background:url(/img/green/nav.jpg) -525px 0px no-repeat;
	}
	#contact-us #myslidemenu .contact-us,#myslidemenu .link5:hover, #myslidemenu .contact-us:hover {
		background-position:-525px -40px;
		}
ul li {
	background:url(/img/green/bg_li.jpg) 5px 10px no-repeat;
	}
	.sidebar li {
		background:none;
		border-top:1px solid #f0f0f0;
	}
	.sidebar li a {
		color:#555;
		}
		.sidebar li:first-child {
			border-top:none;
			}
		.sidebar li:hover {
			background-color:#f0f0f0;
			}
	.pagination li {
		background:url(/img/green/button-small.jpg) top left no-repeat;
		}
		.pagination li a {
			color:#fff;
			}
			.pagination li a:hover, .pagination li a.active-page {
				color:#666;
				}
				
/* ---------------------------------------------------------------------------
	TYPOGRAPHY
*/

h1, h2, h3, h4, h5, h6, p, a, li, b, strong, i, em, address, abbr, acronym, small, big, q, blockquote, cite, caption, table {
	color:#555;
	}
	h1, h2 {
		background-color:#fff;
		color:#007930;
		}
a {
	color:#638f97;
	}
	#header p, #header address {
		color:#999;
		}
.date {
	color:#999;
	padding:0;
	}
	
/* ---------------------------------------------------------------------------
	FORMS
*/

input[type=text], input[type=submit], textarea, select  {
	border:1px solid #e6e6e6;
	color:#555;
	}
	input:focus, textarea:focus, select:focus  {
		background-color:#fafafa;
		}
label {
	color:#b6b6b6;
	}
#submit {
	background:url(/img/green/button-medium.jpg) top left no-repeat;
	border:none;
	color:#fff;
	}
	#submit:hover {
	color:#666;
	}

/* ---------------------------------------------------------------------------
	TABLE STYLES
*/	
table {
	}
th {
	background:url(/img/green/table-head.jpg) bottom left repeat-x #aaa;
	border:1px solid #fff;
	color:#fff;
	}
tr {
	}
	table tr.odd td {
		background-color:#eee;
		}
	table tr.even td {
		background-color:#f6f6f6;
		}
td {
	border:0px solid #000000;
	}

/* ---------------------------------------------------------------------------
	IMAGES
*/

.img-medium-bg {
	background:url(/img/green/bg_img-medium.jpg) top left no-repeat;
	height:132px;
	padding:14px;
	width:272px;
	}
.img-large-bg {
	background:url(/img/green/bg_img-large.jpg) top left no-repeat;
	height:212px;
	padding:14px;
	width:592px;
	}

/* ---------------------------------------------------------------------------
	CONTENT SLIDER
*/
	
#featured ul.ui-tabs-nav li {
	background:url(/img/green/button-large.jpg) top left no-repeat;
	}
	#featured li.ui-tabs-nav-item a { 
		color:#666;
		}
	#featured li.ui-tabs-selected, #featured li.ui-tabs-nav-item a:hover, #featured ul.ui-tabs-nav li.ui-tabs-selected a {
		color:#fff;
		}
#featured .info big {
	color:#999; 
}
ul li a {
display: block;

} 
ul li {
position: relative;

padding:20px;
}

li ul {
position: absolute;
left: 155px;
top: -10px;
display: none;
width: 200px;
} 
ul li a:hover {
display: block;

}
li:hover ul {
display: block;
}
/* ---------------------------------------------------------------------------
	GALLERY
*/
.gallery li p {
	background:url(/img/green/black-85-opacity.png) top left repeat; 
	color:#f6f6f6;
	}

/* ---------------------------------------------------------------------------
	BUTTONS
*/

.button-small {
	background:url(/img/green/button-small.jpg) top left no-repeat;
	color:#fff;
	}
	.button-small:hover {
		color:#666;
	}
.button-medium {
	background:url(/img/green/button-medium.jpg) top left no-repeat;
	color:#fff;
	}
	.button-medium:hover {
		color:#666;
	}
.button-large {
	background:url(/img/green/button-large.jpg) top left no-repeat;
	color:#fff;
	}
	.button-large:hover {
		color:#666;
	}

/* ---------------------------------------------------------------------------
	FOOTER
*/

#footer, #footer p, #footer li, #footer li a {
	color:#555;
	}
.comments_text {
border:1px solid #007b3a;
background:#f1f1f1;
color:#000000;
text-align: left;
padding:30px 10px 10px;
font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */ 
font-size: 13pt; /* Размер шрифта в пунктах */ 
}
#comments textarea{
width:100%;
}
.reclama{
position:absolute;
left:10px;
top:10px;
}

#featured .ui-tabs-panel .reclamapodavto{
height:200px;
left:90px;
overflow:hidden;
position:absolute;
text-align:right;
top:275px;
width:670px;
z-index:20;
}
div.crop img {
margin: -300px -200px 0 0;
}
.reclama-baner{
position:absolute;
}
.previous_link, .show_all {
margin-bottom:10px;
text-align:left;
width:100%;
}
.next_link {
margin-bottom:10px;
text-align:right;
width:100%;
}
.previous_next_links, .show_all {
width: 100%;
}