/* | Сделано в psd2html.biz (с) ---- */
/* | Дата: 23.03.09 ---- */
/* | Адрес поддержки: mail@psd2html.biz ---- */

@import url(null.css); 
@import url(widgets.css);
/* 
===============СОДЕРЖАНИЕ===================
	1. Стили основных тегов
	2. Разметка базовой сетки
	3. Стили основных блоков
		3.1. Шапка сайта ( #header )
			3.1.1. Главное меню ( #header-menu )
		3.2. Добро пожаловать ( #welcome )
		3.3. Основное содержимое ( #content )
		3.4. Подошва ( #footer )
		
============================================	
*/

/* 1. Стили основных тегов
-------------------------------------------------------- */
* {
font-family:Arial;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
a img {
	border: none;
}
html {
	font-size: 100.01%;
	font-size: 62.5%;
}

body {
	color: #343434;
	font: normal 1.2em/1.17 Arial;
	min-width: 1000px;
}

a {color: #343434; text-decoration: underline}
	a:hover {text-decoration: none}

p {margin-bottom: 1.18em;}

/* 2. Разметка базовой сетки
-------------------------------------------------------- */
#container {}
#outer1 {float: ; margin: ; width: 100%}
#outer2 {margin: }
#wrapper {float: ; margin: ; width: 100%}
#content {margin}
#navigation {float: ; width: px}
#secondary {float: ; width: px}
#footer {clear: both}

/* 3.1. Шапка сайта
-------------------------------------------------------- */
#header-wrapper {
	background: url(/themes/tutorial/images/bg-top.jpg) repeat-x 0 top;
	width:100%;
	height:187px;
}
#header {
     font-size:1.33em;
     height:187px;
     margin:0 auto;
     overflow:hidden;
     position:relative;
     width:1000px;
     z-index:1;
}

#header-menu-wr {
	margin:0 auto;
	padding:0;
	width:1000px;
}

#header-menu-wr table{
	margin:0 auto;
	padding:0;
}


	#header-menu-wr table tr td div.top-menu-delimiter {
		float:left;
		margin:0;
		padding:0;
		width:24px;
	}
	#header-menu-wr table tr td  div.top-menu-link {
		float:left;
		height:37px;
		left:-3px;
		padding:9px 0 0;
		position:relative;
		text-align:left;
		z-index:2;
		margin:0 1px;
   }
	#header-menu-wr a {
		color:#343434;
		font-family:Arial;
		font-size:18px;
		left:3px;
		position:relative;
		text-decoration:underline;
	} 

	#header h1 {
		color: #5aa30a;
		font: normal 1.5em "Times New Roman", Times, serif;
		height: 171px; 
		overflow: hidden; 
		position:absolute; left:0;top:0; 
		width: 222px; z-index:2
	}



#phone {
	color: #8c7f7d;
	display: block; 
	height: 177px;
	position: absolute; right:0;top:0;
	width: 239px;
	z-index: 2
}


#header-menu  /* 3.1.1. Главное меню */
{
	height: 24px; 
	font-size:16px;
}

	#header-menu a:hover {color:#343434; text-decoration:none;font-family:Arial; font-size:18px;}
	#header-menu a.section {color: #459a00; text-decoration:underline;}
	#header-menu a.section:hover {color: #459a00; text-decoration:none;font-family:Arial; font-size:18px;}

#flash-logo {position: absolute; z-index:100; left:0;top:0; width: 217px; height: 187px}
#flash-phone {position: absolute; z-index:100; right:0;top:0; width: 264px; height: 187px}
#flash-bouq {position: absolute; z-index:100; left:21.7%;top:0; width: 519px; height: 187px}

/* 3.2. Добро пожаловать на сайт...
-------------------------------------------------------- */
#welcome {
	background:#FFFFFF url(/themes/tutorial/images/bg-welcome.jpg) no-repeat scroll left bottom;
	height:440px;
	margin:0 auto;
	padding:0 0 0 204px;
	width:796px;
}
#welcome-inner2 {
	background:#FFFFFF url(/themes/tutorial/images/bg-welcomewrapper.jpg) no-repeat scroll right bottom;
	height:440px;
	width:796px;
}
	#welcome p {
		font-family:Arial;
		font-size:14px;
		margin:0;
		padding:16px 0 0;
		width:91%;
	}
	#welcome div#welcome-inner2 p strong {
		color:#629F1A; 
		font-family:Arial; 
		font-size:14px; 
		font-weight:bold;
	}
	#welcome div#welcome-inner2 div.header strong {
		color:#629F1A;
		font-family:Arial;
		font-size:21px;
		font-weight:bold;
		padding:0 0 0;
	}
	
	#welcome .header {
		color:#808080;
		font-family:"Times New Roman";
		font-size:17px;
		padding:10px 0 0;
	}
		#welcome .header span {display: block; color: #629f1a; font-size: 23px; font-family: Arial}
.bg-top-top {
	background:transparent url(/themes/tutorial/images/bg-top-top.jpg) no-repeat scroll 0 top;
	height:35px;
	margin:-10px auto 0;
	padding:0;
	width:1000px;
}
.welcom-wrapper {
	background:#FFFFFF url(/themes/tutorial/images/bg-welcome0.gif) no-repeat scroll center top;
	height:440px;
	margin:0 auto;
	width:100%;
}
.bg-right-top {
	background:transparent url(/themes/tutorial/images/bg-right-top.jpg) no-repeat scroll 0 top;
	float:right;
	height:520px;
	padding:0;
	position:relative;
	right:-60px;
	width:60px;
}
/* 3.3. Основное содержимое
-------------------------------------------------------- */
#content {
	text-align: center;
	width:1000px;
	margin:0 auto;
	background:#ffffff;
}

#orders {
	padding:0;
	text-align: left;
	color:#343434;
	background:#ffffff;
}
	#orders dl {min-height: 106px; float: left; padding-right: 17px; width: 200px;margin:0;}
		#orders dt {padding:50px 0 5px 165px;width:80px;}
			#orders dl dt a {font-size:14px; font-weight: bold; line-height: 1; text-decoration: none; color: #686867;}
			#orders dl dd a {font-size: 13px; font-weight: normal; line-height: 1; text-decoration: underline; color: #686867;}
			#orders dl dd a:hover {text-decoration: none;}
		#orders dd {}
		#orders dl dd {
			font-size:13px;
			font-weight:normal;
			padding:0 0 0 165px;
			width:130px;}
		dl#o1 {background: url(/themes/tutorial/images/bg-o1.png) 0 0 no-repeat;width: 200px;height:153px;}
		dl#o2 {background: url(/themes/tutorial/images/bg-o2.png) 0 0 no-repeat; width: 23%;height:153px;}
		dl#o3 {background: url(/themes/tutorial/images/bg-o3.png) 0 0 no-repeat; padding-right: 0;width: 23%;height:153px;}
#orders p{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:8px;
}
div#o1 p{
	width:159px;
}
div#o2 p{
	width:155px;
}
div#o3 p{
	width:179px;
}
#orders ul{
	margin:0;
	padding:0;
}
#orders ul li{
	list-style:none;
}
#orders ul li a{
	font-size:13px;
	font-family:Arial;
}
div#o1 {
	background:#ffffff url(/themes/tutorial/images/bg-o1.png) no-repeat scroll 0 0;
	float:left;
	height:99px;
	padding:35px 0 0 160px;
	width:145px;
	font-family:Arial;
}
div#o2 {
	background:#ffffff url(/themes/tutorial/images/bg-o2.png) no-repeat scroll 0 0;
	float:left;
	height:99px;
	padding:35px 0 0 160px;
	width:140px;
	font-family:Arial;
}
div#o3 {
	background:#ffffff url(/themes/tutorial/images/bg-o3.png) no-repeat scroll 0 0;
	float:left;
	height:99px;
	padding:35px 0 0 160px;
	width:175px;
	font-family:Arial;
}
#top-banner {
	margin:0 auto;
	background:#ffffff url(/themes/tutorial/images/bg-content-index.jpg) no-repeat scroll left top;
	padding:0;
	width:1000px;
	height:84px;
}
#top-banner .banner-1{
	height:84px;
	margin:0 0 0 791px;
	padding:0;
	width:209px;
}
#banner-wraper {
	background:#ffffff url(/themes/tutorial/images/bg-banner.gif) no-repeat scroll center top;
	height:84px;
	margin:0 auto;
	width:100%;
}
#top-banner div.top-bg-1{
	float:left;
	margin:0;
	padding:0;
	width:790px;
}
#top-banner div.top-bg-2 {
     float:left;
     margin:0 auto;
     padding:0 0 0 0;
     width:210px;
}

#blocks {
	overflow: hidden;
	margin-bottom: 10px;
	text-align: left;
	height:auto;
	background-color:#ffffff;
}
	#blocks h2 {
		color:#4A8800;
		font-family:Arial;
		font-size:17px;
		height:52px;
	}
	#blocks p {
		color:#5D5D5D;
		font-family:Arial;
		font-size:14px;
		height:230px;
	}
	#blocks a {color: #579400; position: absolute; right: 15px;bottom: 20px; text-decoration: none; z-index: 4}
		#blocks a span {
			background:transparent url(/themes/tutorial/images/read-more-arrow.gif) no-repeat scroll right center;
			color:#609F11;
			font-family:Arial;
			font-size:13px;
			padding:0 12px 0 0;
			text-decoration:underline;
		}
		
	.block {background: url(/themes/tutorial/images/bg-i.gif) right bottom no-repeat; padding: 13px 12px 10px 0; position: relative; z-index: 3;height:290px;height:auto;}
	.block-i0 { float: left; width:248px; height:auto;}
	.block-i1 {background: url(/themes/tutorial/images/bg-i1.jpg) #f9f8ef left bottom no-repeat; padding-bottom: 10px; width: 100%; height:auto;}
	.block-i2 {background: url(/themes/tutorial/images/bg-i2.gif) right 0 no-repeat; margin: 0 0 0 19px; height:auto;}
	.block-i3 {background: url(/themes/tutorial/images/bg-i3.gif) 0 0 no-repeat; padding: 0 0 0 11px; height:auto;}


#lastnews {
	margin:0 0 35px;
	text-align:left;
}
	#lastnews h2 {color: #629f1a; font-size:18px; font-weight: normal; padding: 0 0 20px 23px;font-family:Arial;}
	#lastnews .cleaning {font-size:12px;
padding-bottom:35px;
position:relative;
z-index:10;}
		#lastnews dl {background: url(/themes/tutorial/images/bg-news-dl.gif) 0 0 no-repeat; float: left; min-height: 102px; padding: 8px 0 0 0; position: relative;left:-1px; width: 33.3%; z-index: 9}
		#lastnews dt {padding: 0 0 10px 114px; width: 62%}
			#lastnews dt span {color: #a1a1a1; display: block; font-size: 12px; font-family:Arial;}
			#lastnews dt a {color: #ff4100; text-decoration:underline;font-size: 12px; font-family:Arial;}
			#lastnews dt a:hover {color: #ff4100; text-decoration:none;}
		#lastnews dd {padding: 0 0 0 114px; width: 62%;font-size: 12px; font-family:Arial;}
		#lastnews dd img {height:81px; left:22px; position:absolute; top:12px; width:81px; z-index:10;}

#new-goods {
	background:#ffffff url(/themes/tutorial/images/bg-new-goods.gif) no-repeat scroll right 0;
	height:212px;
	margin:0 0 20px 18px;
	position:relative;
	width:976px;
	z-index:10;
}
	#previous, #next {position: absolute; z-index: 11; top: 86px; left: 1%; text-align: left}
	#next {left:96%; text-align: left}
	#new-goods h2 {font-size:18px; font-weight: normal; color: #343434; height: 25px; padding: 10px 0 0 20px; text-align: left;font-family:Arial;}
	#ng-inner {background: url(/themes/tutorial/images/bg-ng-inner.gif) 0 0 no-repeat; height: 212px}
	#gallery {margin: 0 auto; overflow: hidden; width: 84%;border:1px solid;height:160px;}
		#gallery-inner {
			height:160px;
			margin:0 auto;
			overflow:hidden;
			width:840px;
		}
			#gallery-inner p {float: left; margin-left: 11px; padding:0; margin:0; width:auto;}	
			#gallery-inner span {background: #fff; border: #d9d9cc 1px solid; display: block; height: 128px; padding:0; margin:0 0 7px; width:172px;}
			#gallery-inner a {color:#579400; font-family:Arial; font-size:12px;}

/* 3.4. Подошва
-------------------------------------------------------- */
#footer-wrapper {
	background:transparent url(/themes/tutorial/images/bg-footerw.gif) repeat-x scroll left top;
	margin:-60px 0 0;
	padding:35px 0 0;
}
#footer {
	background:transparent url(/themes/tutorial/images/bg-footer.gif) repeat-x scroll right top;
	height:110px;
	margin:0;
	position:relative;
}
.footer-2 {
	margin:0 auto;
	padding:5px 0 0 0;
	position:relative;
	width:1000px;
}
#footer-menu {
	float:left;
	font-size:12px;
	height:16px;
	left:31px;
	margin:10px 0 0 0;
	overflow:hidden;
	width:60%;
	z-index:10;
}

* + html #footer-menu li a
{
	font-size:11px !important;
}

.counter {
	left:51px;
}
	#footer-menu li {background: url(/themes/tutorial/images/bg-footerm.gif) 0 2px no-repeat; float: left; height: 16px; padding: 0 6px; position: relative;left: -1px; z-index: 9}
	#footer-menu li a{font-family:Arial; font-size:12px;}
	
#copyright {
	float:left;
	font-family:Arial;
	font-size:12px;
	padding:20px 0 0;
	z-index:10;
}
#copyright a {color: #ff4100}
#banners {
	margin:0 auto;
	padding:10px 0 0;
	position:relative;
	text-align:center;
	width:1000px;
}
#banners a{
	margin:0 10px 0 0;
}
#counters {
	left:0;
	position:relative;
	text-align:center;
	top:35px;
	width:99%;
	z-index:10;
}
#counters span {padding-right: 18px}
div.logo-footer {
	background-image:url(/themes/tutorial/images/logo-footer.gif);
	float:left;
	height:52px;
	width:61px;
	margin:5px 0 0 50px;
}
div.bg-footer-1 {
	background-image:url(/themes/tutorial/images/bg-footer-1.jpg);
	background-repeat:no-repeat;
	height:182px;
	left:-5px;
	position:absolute;
	top:-146px;
	width:361px;
}
/* Карусель
-------------------------------------------------------- */
a:link, a:visited {color:#343434; text-decoration:underline;}
a:hover {text-decoration:none;}
#stage{border:0 none;
float:left;
font-size:12px;
height:200px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 4px 0 0;
padding:4px;
width:200px;}
#slider-buttons{width:632px; margin:0 auto;}
	#myList{width:2000px; border:0; margin:0; padding:0; left:400px;}
	#myList li{
		list-style:none; 
		margin:0 4px 0 0;
		padding:4px;
		border:0; 
		float:left;
		width:200px;
		height:200px;
		}

.adress
{
	float:left;
	margin:-25px 0 0 7px;
}

.adress p
{
	margin:0 0 0 0;
}

.scht
{
	float:right;
	margin:0 250px 0 0;
}

#cont
{
	position:absolute;
	width:786px;
	background:#FFFFFF;
	margin:-397px 0 0 0;
}

#cont p
{
	font-size:12px !important;
}

#linkcont
{
	padding:10px 0;
}